8-Android基本組件之常用widget組件介紹(日期選擇器,時(shí)間選擇器,滾動(dòng)視圖,進(jìn)度條,拖動(dòng)條,評(píng)分組件)

8Android基本組件之常用widget組件介紹(日期選擇器，時(shí)間選擇器，滾動(dòng)視圖,進(jìn)度條,拖動(dòng)條,評(píng)分組件)學(xué)習(xí)目標(biāo)★掌握Android中常用的widget組件★應(yīng)用widget組件制作自己的UI應(yīng)用★日期選擇器（DatePicker）介紹與應(yīng)用★時(shí)間選擇器（TimePicker）介紹與應(yīng)用★滾動(dòng)視圖（ScrollView）介紹與應(yīng)用★進(jìn)度條（ProgressBar）介紹與應(yīng)用★拖動(dòng)條（SeekBar）介紹與應(yīng)用★評(píng)分組件（RatingBar）介紹與應(yīng)用日期選擇器（DatePicker）介紹與應(yīng)用

DatePicker是一個(gè)日期選擇的組件，可以提供快速選擇日期的方式。這里同樣先在main.xml文件中添加一個(gè)按鈕，用以打開(kāi)演示DatePicker組件的界面，實(shí)現(xiàn)代碼如下：

<Button

android:id="@+id/date_picker_button"

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

android:text=“哥顯示的是日期選擇器"/>設(shè)定完按鈕后，編寫(xiě)響應(yīng)代碼：日期選擇器（DatePicker）介紹與應(yīng)用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);}};在單擊按鈕后，會(huì)啟動(dòng)一個(gè)新的DatePickerActivity,所以這里我們應(yīng)該創(chuàng)建一個(gè)新的DatePickerActivity.java文件。實(shí)現(xiàn)代碼如下：public

voidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);setTitle("哥就是數(shù)日子的日期選擇器...");setContentView(R.layout.date_picker);DatePickerdp=(DatePicker)this.findViewById(R.id.date_picker);dp.init(2010,5,19,null);在上面代碼我們可以看到，調(diào)用了一個(gè)date_picker.xml的文件，所以，我們要設(shè)計(jì)一下顯示的多選框的樣式，對(duì)應(yīng)設(shè)計(jì)代碼如下：代碼見(jiàn)mouse_widget中的date_picker.xml文件。接著在AndroidManifest.xml中添加如下代碼：<activity

android:name="DatePickerActivity"></activity>日期選擇器（DatePicker）介紹與應(yīng)用

日期選擇器（DatePicker）

日期選擇器（DatePicker）演示界面時(shí)間選擇器（TimePicker）介紹與應(yīng)用TimePicker是時(shí)間選擇組件，可以提供快速選擇和調(diào)整時(shí)間的方式。這里現(xiàn)在main.xml中添加一個(gè)按鈕，單擊按鈕會(huì)啟動(dòng)這個(gè)TimePickerActivity，添加Button的代碼如下：

<Button

android:id="@+id/time_picker_button"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text=“哥顯示的是時(shí)間選擇器"

/>

定義一個(gè)id為“time_picker_button”的按鈕，并設(shè)定其寬度和高度都是和內(nèi)容自適應(yīng)，并設(shè)定其顯示文字為“哥顯示的是時(shí)間選擇器”。

其對(duì)應(yīng)的響應(yīng)代碼如下：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);}};這里創(chuàng)建了一個(gè)新的Activity，名字叫TimePickerActivity。同時(shí)創(chuàng)建time_picker.xml的界面UI文件，代碼見(jiàn)time_picker.xml下面我們來(lái)看下TimePickerActivity.java中的代碼：時(shí)間選擇器（TimePicker）介紹與應(yīng)用public

voidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);setTitle("哥是準(zhǔn)時(shí)的時(shí)間選擇器...");setContentView(R.layout.time_picker);TimePickertp=(TimePicker)this.findViewById(R.id.time_picker);tp.setIs24HourView(true);}接著在AndroidManifest.xml中添加如下代碼：<activity

android:name="TimePickerActivity"></activity>下面是項(xiàng)目效果圖：時(shí)間選擇器（TimePicker）介紹與應(yīng)用時(shí)間選擇器（TimePicker）時(shí)間選擇器（TimePicker）介紹與應(yīng)用滾動(dòng)視圖（ScrollView）介紹與應(yīng)用這里每演示一個(gè)組件就會(huì)在主界面上增加一個(gè)按鈕，這時(shí)候，按鈕已經(jīng)差不多滿屏了。所以這里我們需要一個(gè)組件ScrollView。

ScrollView的功能主要就是將一個(gè)屏幕顯示不了的內(nèi)容，通過(guò)滾動(dòng)顯示出來(lái)，使用這個(gè)組件也比較直觀，直接在LinearLayout外面再增加ScrollView組件申明即可，實(shí)現(xiàn)代碼如下：<ScrollView

xmlns:android=""

android:layout_width="fill_parent"

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

這里將ScrollView套在LinearLayout外面，使得當(dāng)LinearLayout的內(nèi)容超過(guò)一個(gè)屏幕的時(shí)候可以滾動(dòng)瀏覽。效果如下：添加滾動(dòng)條前添加滾動(dòng)條后滾動(dòng)視圖（ScrollView）介紹與應(yīng)用進(jìn)度條（ProgressBar）介紹與應(yīng)用

ProgressBar是個(gè)非常有用的組件，其最直觀的感覺(jué)就是進(jìn)度條顯示，但是在Android中進(jìn)度條有很多種，這里選擇最常見(jiàn)的兩種來(lái)說(shuō)明。首先在main.xml中增加一個(gè)按鈕，實(shí)現(xiàn)代碼如下：<Button

android:id="@+id/progress_bar_button"

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

android:text="哥顯示的是進(jìn)度條"

/>然后添加其響應(yīng)代碼：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);}};

然后創(chuàng)建ProgressBarActivity.java文件，并設(shè)定其模板為progress_bar.xml，在progress_bar.xml文件中添加兩種表現(xiàn)顯示的進(jìn)度條組件，代碼實(shí)現(xiàn)如下：進(jìn)度條（ProgressBar）介紹與應(yīng)用<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="圓形進(jìn)度條"

/>

<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="水平進(jìn)度條"

/>

<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"

/>進(jìn)度條（ProgressBar）介紹與應(yīng)用進(jìn)度條（ProgressBar）界面展示ProgressBar顯示效果SeekBar組件和水平的ProgressBar組件功能有些相似，不過(guò)其不同點(diǎn)在于SeekBar可以被拖動(dòng)。首先在main.xml中放置一個(gè)顯示SeekBar的按鈕，XML文件代碼如下：<Button

android:id="@+id/seek_bar_button"

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

android:text="哥顯示的是拖動(dòng)條"

/>然后添加其響應(yīng)代碼：拖動(dòng)條（SeekBar）介紹與應(yīng)用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);}};跳轉(zhuǎn)到SeekBarActivity后，創(chuàng)建一個(gè)SeekBarActivity.java的文件，響應(yīng)Seek_bar.xml里的UI代碼，seek_bar.xml中的代碼如下：拖動(dòng)條（SeekBar）介紹與應(yīng)用<TextViewandroid:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="拖動(dòng)條"/>

<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中的響應(yīng)代碼如下：拖動(dòng)條（SeekBar）介紹與應(yīng)用public

voidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);setTitle("哥是拖來(lái)拉去的拖動(dòng)條...");setContentView(R.layout.seek_bar);}接著在AndroidManifest.xml中添加如下代碼：<activity

android:name="SeekBarActivity"></activity>演示結(jié)果如下圖：

SeekBar演示效果拖動(dòng)條（SeekBar）介紹與應(yīng)用在讓用戶參與評(píng)分的時(shí)候，用RatingBar組件實(shí)現(xiàn)非常方便，第一方便用戶輸入，第二直觀，首先在main.xml中添加一個(gè)按鈕文件代碼如下：<Button

android:id="@+id/rating_bar_button"

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

android:text=“哥顯示的是評(píng)分組件"

/>然后添加其響應(yīng)代碼：評(píng)分組件（RatingBar）介紹與應(yīng)用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);}};跳轉(zhuǎn)到RatingBarActivity后，創(chuàng)建一個(gè)RatingBarActivity.java的文件，響應(yīng)rating_bar.xml里的UI代碼，rating_bar.xml中的代碼如下：評(píng)分組件（RatingBar）介紹與應(yīng)用<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="請(qǐng)?jiān)u分吧~"/>

<RatingBar

android:id="@+id/rating_bar"

android:layout_width="w