Android高级界面组件的学习(一)

  1. 云栖社区>
  2. 博客>
  3. 正文

Android高级界面组件的学习(一)

upsunshine 2015-02-26 13:57:27 浏览583
展开阅读全文

学习过基础的较常用的组件,现在我们要向更多更高的知识出发,所以下面来讲讲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了。

网友评论

登录后评论
0/500
评论