Android高级界面组件的学习（一）

学习过基础的较常用的组件，现在我们要向更多更高的知识出发，所以下面来讲讲Android中的高级界面组件。

（1）前面我们学习过TextView和EditText，关于文本不只是有那些基础组件，也有高级组件AutoCompleteTextView（自动完成文本框），他是从EditText下面派生出来的，但是呢？他比普通的编辑框多了个功能，就是当用户输入一定的字符之后，它会出现一个下拉菜单让用户选择，当用户选择其中的某个菜单项就回按用户选择的自动填写该文本框。这些我们在各大搜索框时会看到，最常见的当然就是百度一下，你就知道。那么他是怎么实现的呢？

首先，我们当然是要写一个它的布局文件，例如：

<!--
    自动完成文本框，其中completionHint属性是指下拉菜单中的提示标题
    completionThreshold属性是指用户至少输入几个字符才显示，这里设置为1个，
    dropDownVertical(Horizontal)代表下拉菜单与文本框之间的垂直（水平）偏移，因为默认是紧跟（左对齐），
    dropDownWidth(Height)则是下拉菜单的宽（高）
    -->
    <AutoCompleteTextView
        android:id="@+id/actv_test"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginRight="50dp"
        android:completionHint="@string/auto_text"
        android:completionThreshold="1"
        android:dropDownHorizontalOffset="5dp"
        android:dropDownVerticalOffset="2dp"
        android:dropDownWidth="200dp"
        android:dropDownHeight="300dp" />

然后在Activity里面为他定义一个字符串数组作为提示文本，并且创建一个适配器封装该数组，主要代码如下：

        String[] starNames = new String[] {
			"邓紫棋",
			"邓丽君",
			"邓超"
	};
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		setContentView(R.layout.search_layout);
		
		ArrayAdapter<String> auto = new ArrayAdapter<String>(this, android.R.layout.simple_dropdown_item_1line, starNames);
		AutoCompleteTextView actv = (AutoCompleteTextView) findViewById(R.id.actv_test);
		actv.setAdapter(auto);
	}

然后我们运行手机会得到下面这个界面：

 （2）同样的，在前面我们学习了时间的基础组件包括AnalogClock赫尔DigitalClock，可是我们发现这两个基础组件通常是和时间选择器在一块的，也就是Android里面的DatePicker（日期选择器）和TimePicker（时间选择器），那么这两个选择器是怎样实现选择的呢？这就要说到DatePicker的OnDateChangeListener和TimePicker的OnTimeChangeListener这两个监听器。

<TimePicker
        android:id="@+id/tp_test"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal" />

<TextView 
        android:id="@+id/tv_time_show"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"/>

上面就是时间选择器的布局文件，TextView是用来显示我们选择的时间信息的，主要代码如下：

                TimePicker tpPicker = (TimePicker) findViewById(R.id.tp_test);
		tvTimeShow = (TextView) findViewById(R.id.tv_time_show);

		Calendar c = Calendar.getInstance();
		hour = c.get(Calendar.HOUR);
		minute = c.get(Calendar.MINUTE);

		tpPicker.setOnTimeChangedListener(new OnTimeChangedListener() {

			@Override
			public void onTimeChanged(TimePicker arg0, int hour, int minute) {
				TimeActivity.this.hour = hour;
				TimeActivity.this.minute = minute;

				tvTimeShow.setText("选择的时间是" + hour+ "时" + minute + "分");
			}
		});

同样地，日期选择器的布局文件和主要代码如下：

<DatePicker
        android:id="@+id/dp_test"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"/>
    
    <TextView 
        android:id="@+id/tv_date_show"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"/>

                DatePicker dpPicker = (DatePicker) findViewById(R.id.dp_test);
		tvDateShow = (TextView) findViewById(R.id.tv_date_show);
		
		Calendar c = Calendar.getInstance();
		year = c.get(Calendar.YEAR);
		month = c.get(Calendar.MONTH);
		day = c.get(Calendar.DAY_OF_MONTH);
		
		dpPicker.init(year, month, day, new OnDateChangedListener() {

			@Override
			public void onDateChanged(DatePicker arg0, int year, int month,
					int day) {
				DateActivity.this.year = year;
				DateActivity.this.month = month;
				DateActivity.this.day = day;

				tvDateShow.setText("选择的日期是" + year + "年" + month + "月" + day
						+ "日");
			}
		});

具体的页面显示如下：

如上图所示，我们使用这两个选择器时就会显示我们选择后的日期和时间信息。再进一步学习的话，我们也可以结合之前的时钟做一个类手机自带的时间显示App了。