8-Android基本组件之常用widget组件介绍(日期选择器,时间选择器,滚动视图,进度条,拖动条,评分组件)

8Android基本组件之常用widget组件介绍(日期选择器，时间选择器，滚动视图,进度条,拖动条,评分组件)学习目标★掌握Android中常用的widget组件★应用widget组件制作自己的UI应用★日期选择器（DatePicker）介绍与应用★时间选择器（TimePicker）介绍与应用★滚动视图（ScrollView）介绍与应用★进度条（ProgressBar）介绍与应用★拖动条（SeekBar）介绍与应用★评分组件（RatingBar）介绍与应用日期选择器（DatePicker）介绍与应用

DatePicker是一个日期选择的组件，可以提供快速选择日期的方式。这里同样先在main.xml文件中添加一个按钮，用以打开演示DatePicker组件的界面，实现代码如下：

<Button

android:id="@+id/date_picker_button"

android:layout_width="wrap_content"android:layout_height="wrap_content"

android:text=“哥显示的是日期选择器"/>设定完按钮后，编写响应代码：日期选择器（DatePicker）介绍与应用Buttondate_picker_button=(Button)findViewById(R.id.date_picker_button);date_picker_button.setOnClickListener(date_picker_button_listener);……privateButton.OnClickListenerdate_picker_button_listener=newButton.OnClickListener(){public

voidonClick(Viewv){Intentintent=newIntent();intent.setClass(MainActivity.this,DatePickerActivity.class);startActivity(intent);}};在单击按钮后，会启动一个新的DatePickerActivity,所以这里我们应该创建一个新的DatePickerActivity.java文件。实现代码如下：public

voidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);setTitle("哥就是数日子的日期选择器...");setContentView(R.layout.date_picker);DatePickerdp=(DatePicker)this.findViewById(R.id.date_picker);dp.init(2010,5,19,null);在上面代码我们可以看到，调用了一个date_picker.xml的文件，所以，我们要设计一下显示的多选框的样式，对应设计代码如下：代码见mouse_widget中的date_picker.xml文件。接着在AndroidManifest.xml中添加如下代码：<activity

android:name="DatePickerActivity"></activity>日期选择器（DatePicker）介绍与应用

日期选择器（DatePicker）

日期选择器（DatePicker）演示界面时间选择器（TimePicker）介绍与应用TimePicker是时间选择组件，可以提供快速选择和调整时间的方式。这里现在main.xml中添加一个按钮，单击按钮会启动这个TimePickerActivity，添加Button的代码如下：

<Button

android:id="@+id/time_picker_button"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text=“哥显示的是时间选择器"

/>

定义一个id为“time_picker_button”的按钮，并设定其宽度和高度都是和内容自适应，并设定其显示文字为“哥显示的是时间选择器”。

其对应的响应代码如下：Buttontime_picker_button=(Button)findViewById(R.id.time_picker_button);time_picker_button.setOnClickListener(time_picker_button_listener);……privateButton.OnClickListenertime_picker_button_listener=newButton.OnClickListener(){public

voidonClick(Viewv){Intentintent=newIntent();intent.setClass(MainActivity.this,TimePickerActivity.class);startActivity(intent);}};这里创建了一个新的Activity，名字叫TimePickerActivity。同时创建time_picker.xml的界面UI文件，代码见time_picker.xml下面我们来看下TimePickerActivity.java中的代码：时间选择器（TimePicker）介绍与应用public

voidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);setTitle("哥是准时的时间选择器...");setContentView(R.layout.time_picker);TimePickertp=(TimePicker)this.findViewById(R.id.time_picker);tp.setIs24HourView(true);}接着在AndroidManifest.xml中添加如下代码：<activity

android:name="TimePickerActivity"></activity>下面是项目效果图：时间选择器（TimePicker）介绍与应用时间选择器（TimePicker）时间选择器（TimePicker）介绍与应用滚动视图（ScrollView）介绍与应用这里每演示一个组件就会在主界面上增加一个按钮，这时候，按钮已经差不多满屏了。所以这里我们需要一个组件ScrollView。

ScrollView的功能主要就是将一个屏幕显示不了的内容，通过滚动显示出来，使用这个组件也比较直观，直接在LinearLayout外面再增加ScrollView组件申明即可，实现代码如下：<ScrollView

xmlns:android=""

android:layout_width="fill_parent"

android:layout_height="wrap_content"><LinearLayout>……</LinearLayout></ScrollView>

这里将ScrollView套在LinearLayout外面，使得当LinearLayout的内容超过一个屏幕的时候可以滚动浏览。效果如下：添加滚动条前添加滚动条后滚动视图（ScrollView）介绍与应用进度条（ProgressBar）介绍与应用

ProgressBar是个非常有用的组件，其最直观的感觉就是进度条显示，但是在Android中进度条有很多种，这里选择最常见的两种来说明。首先在main.xml中增加一个按钮，实现代码如下：<Button

android:id="@+id/progress_bar_button"

android:layout_width="wrap_content"android:layout_height="wrap_content"

android:text="哥显示的是进度条"

/>然后添加其响应代码：Buttonprogress_bar_button=(Button)findViewById(R.gress_bar_button);progress_bar_button.setOnClickListener(progress_bar_button_listener);privateButton.OnClickListenerprogress_bar_button_listener=newButton.OnClickListener(){public

voidonClick(Viewv){Intentintent=newIntent();intent.setClass(MainActivity.this,ProgressBarActivity.class);startActivity(intent);}};

然后创建ProgressBarActivity.java文件，并设定其模板为progress_bar.xml，在progress_bar.xml文件中添加两种表现显示的进度条组件，代码实现如下：进度条（ProgressBar）介绍与应用<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="圆形进度条"

/>

<ProgressBar

android:id="@+id/progress_bar"

android:layout_width="wrap_content"

android:layout_height="wrap_content"/><TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="水平进度条"

/>

<ProgressBar

android:id="@+id/progress_horizontal"

style="?android:attr/progressBarStyleHorizontal"

android:layout_width="200dip"

android:layout_height="wrap_content"

android:max="100"

android:progress="50"

android:secondaryProgress="75"

/>进度条（ProgressBar）介绍与应用进度条（ProgressBar）界面展示ProgressBar显示效果SeekBar组件和水平的ProgressBar组件功能有些相似，不过其不同点在于SeekBar可以被拖动。首先在main.xml中放置一个显示SeekBar的按钮，XML文件代码如下：<Button

android:id="@+id/seek_bar_button"

android:layout_width="wrap_content"android:layout_height="wrap_content"

android:text="哥显示的是拖动条"

/>然后添加其响应代码：拖动条（SeekBar）介绍与应用Buttonseek_bar_button=(Button)findViewById(R.id.seek_bar_button);seek_bar_button.setOnClickListener(seek_bar_button_listener);privateButton.OnClickListenerseek_bar_button_listener=newButton.OnClickListener(){public

voidonClick(Viewv){Intentintent=newIntent();intent.setClass(MainActivity.this,SeekBarActivity.class);startActivity(intent);}};跳转到SeekBarActivity后，创建一个SeekBarActivity.java的文件，响应Seek_bar.xml里的UI代码，seek_bar.xml中的代码如下：拖动条（SeekBar）介绍与应用<TextViewandroid:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="拖动条"/>

<SeekBar

android:id="@+id/seek"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:max="100"

android:thumb="@drawable/seeker"

android:progress="50"/>其在SeekBarActivity.java中的响应代码如下：拖动条（SeekBar）介绍与应用public

voidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);setTitle("哥是拖来拉去的拖动条...");setContentView(R.layout.seek_bar);}接着在AndroidManifest.xml中添加如下代码：<activity

android:name="SeekBarActivity"></activity>演示结果如下图：

SeekBar演示效果拖动条（SeekBar）介绍与应用在让用户参与评分的时候，用RatingBar组件实现非常方便，第一方便用户输入，第二直观，首先在main.xml中添加一个按钮文件代码如下：<Button

android:id="@+id/rating_bar_button"

android:layout_width="wrap_content"android:layout_height="wrap_content"

android:text=“哥显示的是评分组件"

/>然后添加其响应代码：评分组件（RatingBar）介绍与应用Buttonrating_bar_button=(Button)findViewById(R.id.rating_bar_button);rating_bar_button.setOnClickListener(rating_bar_button_listener);privateButton.OnClickListenerrating_bar_button_listener=newButton.OnClickListener(){public

voidonClick(Viewv){Intentintent=newIntent();intent.setClass(MainActivity.this,RatingBarActivity.class);startActivity(intent);}};跳转到RatingBarActivity后，创建一个RatingBarActivity.java的文件，响应rating_bar.xml里的UI代码，rating_bar.xml中的代码如下：评分组件（RatingBar）介绍与应用<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="请评分吧~"/>

<RatingBar

android:id="@+id/rating_bar"

android:layout_width="w