五、基本界面控件

大多数的界面控件都在android.view和android.widget包中，android.view.View为他们的父类，还有Dialog系列,android.app.Dialog为父类，等等。

Android的原生控件，一般是在res/layout下的xml文件中声明。然后在Activity通过使用super.setContentView(R.layout.某布局layout文件名)来加载layout。在Activity中获取控件的引用需要使用super.findViewById(R.id.控件的ID)，接着就可以使用这个引用对控件进行操作，例如添加监听，设置内容等。当然也可以通过代码动态的使用控件。

View子类结构图：

TextView子类结构：

ViewGroup子类结构图：

FrameLayout子类结构：

android.app.Dialog子类结构：

5.1文本编辑控件

5.1.1 TextView

图5.1.1 TextView

android.widget.TextView一般用来文本展示，继承自android.view.View，在android.widget包中。

他的常用子类有Button, CheckedTextView, Chronometer, DigitalClock, EditText。

常用属性设置：

链接状态时，Web情况可直接调用浏览器进行浏览。Email直接调用手机的Email软件，phone转到拨打电话页面。

5.1.2 EditText

图5.1.2EditText(四种用法：普通用法、密码框、输入电话、输入数字)

android.widget.EditText为输入框，继承自android.widget.TextView，在android.widget包中。他的常用子类。AutoCompleteTextView和MultiAutoCompleteTextView。ExtractEditText与输入法有关。

常用属性设置：

5.1.3 AutoCompleteTextView

图5.1.3AutoCompleteTextView和MultiAutoCompleteTextView

android.widget.AutoCompleteTextView带提示的输入框，继承自android.widget.EditText，在android.widget包中。

AutoCompleteTextViewhe和MultiAutoCompleteTextView都是自动提示，一个是单选，一个多选。

常用属性设置：

AutoCompleteTextView就是一个带自动提示的EditText，当输入字符时，会出现提示窗口，点击选择即可。

首先在layout中定义一个AutoCompleteTextView，然后需要在Activity设置数据源就可以了。

ArrayAdapter的构造方法三个参数为：上下文的Context，每行的textView布局，数据源。

Java代码  

1. this.autoCompleteTextView = (AutoCompleteTextView) super.findViewById(R.id.autoCompleteTextView);  
2. ArrayAdapter<String> arrayAdapter = new ArrayAdapter<String>(this, R.layout.arrayadapte_textview, CITY_NAMES);  
3. this.autoCompleteTextView.setAdapter(arrayAdapter);  

MultiAutoCompleteTextView和AutoCompleteTextView的类似，也是带有提示的输入框。区别在于MultiAutoCompleteTextView可以连续提示，选择一个提示项后会自动添加一个分隔符，在输入时继续提示。AutoCompleteTextView则属于单选模式的。

MultiAutoCompleteTextView使用时需要设置分隔符类CommaTokenizer。其他与AutoCompleteTextView一样。

Java代码  

1. this.multiAutoCompleteTextView.setTokenizer(new MultiAutoCompleteTextView.CommaTokenizer());  

 android 滚动条属性

设置垂直滚动条背景（轨迹）的drawable注意直接设置颜色值如”android:color/white”将得出很难看的效果，甚至都不理解这个属性了，这里可以参见ApiDemos里res/drawable/ scrollbar_vertical_thumb.xml和scrollbar_vertical_track.xml，设置代码为：android:scrollbarTrackVertical ="@drawable/scrollbar_vertical_track"

 SeekBar

系统自带的SeekBar组件的样式较为老土，已经不能满足广大开发者的需求了，这里给大家介绍一个简单快捷的定制自己的SeekBar样式的方法，不必重写哦！

  1.准备几张个性化的图片，一张是拖动条背景图，一张是进度条图，一张是拖动条图。

    这里给几张示范图：

   ：拖动条背景图

  ：进度条图
 
  ：拖动条图
 

  2.在res/drawable 目录下新建一个xml文件 ，配置信息如下：

seekbar_progress.xml

3.接下来<SeekBar ...        />标签中添加如下参数：

好了，经过上面的三个步骤，就可以轻松的实现自定义的SeekBar视图了。看下效果吧！

附：这里再贴一个使用<shape  />标签为SeekBar设置背景和进度的xml配置文件，注意和上面的使用9文件的比对：

ListView控件基本用法

1. 下面的代码是mars老师视频教程里的代码，我把它注释了一下。
2. 创建两个XML布局文件main.xml和user.xml。main.xml文件为系统自动创建
   main.xml布局文件代码：
   [xhtml] view
   plaincopy

   1. <?xml version="1.0" encoding="utf-8"?>  
   2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
   3.     android:orientation="vertical"  
   4.     android:layout_width="fill_parent"  
   5.     android:layout_height="fill_parent" >  
   6.       
   7.     <LinearLayout android:id="@+id/listLinearLayout"   <!-- 设置LinearLayout的ID -->  
   8.                   android:layout_width="fill_parent"   <!-- 设置LinearLayout宽度为填满整个屏幕 -->  
   9.                   android:layout_height="wrap_content" <!-- 设置LinearLayout高度适应内部控件的高度 -->  
   10.                   android:orientation="vertical">       <!-- 设置LinearLayout的排列方式为纵向排列 -->  
   11.           
   12.         <!-- 在LinearLayout里嵌套一个ListView控件 -->  
   13.         <ListView android:id="@id/android:list"         <!-- 设置ListView控件的ID，这个ID为android系统内置ID -->  
   14.                   android:layout_width="fill_parent"    <!-- 设置ListView控件的宽度为填满整个屏幕 -->  
   15.                   android:layout_height="wrap_content"  <!-- 设置ListView控件的高度为自适应 -->  
   16.                   android:drawSelectorOnTop="false"     <!-- 设置ListView控件条目被按下时背景颜色在文字背后，设置成True时背景色会覆盖文字 -->  
   17.                   android:scrollbars="vertical"/>        <!-- 设置ListView控件滚动条的方向为纵向 -->  
   18.           
   19.     </LinearLayout>  
   20. </LinearLayout>  

    
   ListViw控件中的ID (android:id="@id/android:list") 是Android系统内置的ID，不能改为其他。
   android:drawSelectorOnTop="false" <!-- 当设置为false时条目被按下时背景颜色在文字背后，设置成True时背景色会覆盖文字 
   user.xml布局文件代码：

   [xhtml] view
   plaincopy

   1. <?xml version="1.0" encoding="utf-8"?>  
   2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
   3.               android:orientation="horizontal"   
   4.               android:layout_width="fill_parent"   
   5.               android:layout_height="fill_parent">  
   6.                 
   7.     <TextView android:id="@+id/user_name"   
   8.               android:layout_width="180dip"   
   9.               android:layout_height="wrap_content"   
   10.               android:singleLine="true"   
   11.               android:textSize="10pt"  
   12.               android:paddingTop="2dip"  
   13.               android:paddingLeft="2dip"  
   14.                />  
   15.                 
   16.     <TextView android:id="@+id/user_ip"  
   17.               android:layout_width="180dip"  
   18.               android:layout_height="wrap_content"  
   19.               android:textSize="10pt"  
   20.               android:singleLine="true"   
   21.               android:paddingTop="2dip"  
   22.               android:paddingRight="2dip"  
   23.               />  
   24.                
   25. </LinearLayout>  

    

3. 在Java源代码文件中写入如下代码：
   [java] view
   plaincopy

   1. package paj.ListView;  
   2. import java.util.ArrayList;  
   3. import java.util.HashMap;  
   4. import android.app.Activity;  
   5. import android.app.ListActivity;  
   6. import android.os.Bundle;  
   7. import android.view.View;  
   8. import android.widget.ListView;  
   9. import android.widget.SimpleAdapter;  
   10. public class ListViewMain extends ListActivity{  
   11.     /** Called when the activity is first created. */  
   12.     @Override  
   13.     public void onCreate(Bundle savedInstanceState) {  
   14.         super.onCreate(savedInstanceState);  
   15.         setContentView(R.layout.main);  
   16.           
   17.         //生成一个ArrayList类型的变量list  
   18.         ArrayList<HashMap<String, String>> list = new ArrayList<HashMap<String,String>>();  
   19.         //生成两个HashMap类型的变量map1 ， map2  
   20.         //HashMpa为键值对类型。第一个参数为建，第二个参数为值  
   21.         HashMap<String, String> map1 = new HashMap<String, String>();  
   22.         HashMap<String, String> map2 = new HashMap<String, String>();  
   23.         //把数据填充到map1和map2中。  
   24.         map1.put("user_name", "张三");  
   25.         map1.put("user_ip", "192.168.1.52");  
   26.           
   27.         map2.put("user_name", "李四");  
   28.         map2.put("user_ip", "192.168.0.1");  
   29.         //把map1和map2添加到list中  
   30.         list.add(map1);  
   31.         list.add(map2);  
   32.         //生成一个SimpleAdapter类型的变量来填充数据  
   33.         SimpleAdapter listAdapter = new SimpleAdapter(this, list, R.layout.user, new String[]{"user_name" , "user_ip"}, new int[]{R.id.user_name , R.id.user_ip});  
   34.         //设置显示ListView  
   35.         setListAdapter(listAdapter);  
   36.           
   37.     }  
   38.     //重写onListItemClick但是ListView条目事件  
   39.     @Override  
   40.     protected void onListItemClick(ListView l, View v, int position, long id) {  
   41.         // TODO Auto-generated method stub  
   42.         super.onListItemClick(l, v, position, id);  
   43.         //显示单击条目ID号  
   44.         System.out.println("id = " + id);  
   45.         //显示所单击条目的位置数  
   46.         System.out.println("position = " + position);  
   47.     }  
   48.       
   49.       
   50.       
   51. }  

     

   //生成SimpleAdapter对象参数的解释

   [c-sharp] view
   plaincopy

   1. SimpleAdapter listAdapter = new SimpleAdapter(  
   2.                 this        //this是当前Activity的对象  
   3.                 , list      //list为填充数据后的ArrayList类型的list对象  
   4.                 , R.layout.user     //这个就是之前创建的第二个布局文件user.xml的id。  
   5.                 , new String[]{"user_name" , "user_ip"}     //这个String数组中的元素就是list对象中的列，list中有几这个数组中就要写几列。  
   6.                                                             //其中的元素必须是list中列的名。  
   7.                 , new int[]{R.id.user_name , R.id.user_ip}  //这个int型数组中的元素对应着上上一个参数String类型数组中的列名。  
   8.                                                             //它的值是对应user.xml布局文件中的TextView的id     
   9.         );  

5.1.4 TextSwitcher

android.widget.TextSwitcher文字切换。继承自android.widget.ViewSwitcher(ViewGroup)，在android.widget包中。

使用方法setInAnimation(Animation)，setOutAnimation(Animation)设置动画。

例子，设置ViewSwitcher的动画，并使用数字时钟更改ViewSwitcher的字符串

Java代码  

1. public class SwitcherActivity extends Activity implements ViewSwitcher.ViewFactory, View.OnClickListener {  
2.   
3.     private Button buttonChangeText;  
4.     private TextSwitcher myTextSwitcher;  
5.     private DigitalClock myDigitalClock;  
6.   
7.     @Override  
8.     protected void onCreate(Bundle savedInstanceState) {  
9.         super.onCreate(savedInstanceState);  
10.         super.setContentView(R.layout.switcher);  
11.   
12.         this.buttonChangeText = (Button) super.findViewById(R.id.buttonChangeText);  
13.         this.myTextSwitcher = (TextSwitcher) super.findViewById(R.id.myTextSwitcher);  
14.         this.myDigitalClock = (DigitalClock) super.findViewById(R.id.myDigitalClock);  
15.         this.buttonChangeText.setOnClickListener(this);  
16.         this.myTextSwitcher.setFactory(this);  
17.   
18.         this.myTextSwitcher.setInAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_in));  
19.         this.myTextSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_out));  
20.   
21.     }  
22.   
23.     @Override  
24.     public View makeView() {  
25.         TextView textView = new TextView(this);  
26.         textView.setGravity(Gravity.TOP | Gravity.CENTER_HORIZONTAL);  
27.         textView.setTextSize(36);  
28.         return textView;  
29.     }  
30.   
31.     @Override  
32.     public void onClick(View v) {  
33.         this.myDigitalClock.addTextChangedListener(textWatcher);  
34.     }  
35.   
36.     private android.text.TextWatcher textWatcher = new android.text.TextWatcher() {  
37.   
38.         @Override  
39.         public void onTextChanged(CharSequence s, int start, int before, int count) {  
40.             SwitcherActivity.this.myTextSwitcher.setText(SwitcherActivity.this.myDigitalClock.getText());  
41.         }  
42.   
43.         @Override  
44.         public void beforeTextChanged(CharSequence s, int start, int count, int after) {  
45.         }  
46.   
47.         @Override  
48.         public void afterTextChanged(Editable s) {  
49.         }  
50.     };  
51. }  

Xml代码  

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.               android:layout_width="fill_parent"  
4.               android:layout_height="fill_parent"  
5.               android:orientation="vertical"  
6.               android:gravity="center_horizontal">  
7.   
8.     <Button android:id="@+id/buttonChangeText"  
9.             android:layout_width="wrap_content"  
10.             android:layout_height="wrap_content"   
11.             android:text="开始" />  
12.       
13.     <DigitalClock android:id="@+id/myDigitalClock"  
14.                   android:layout_width="fill_parent"  
15.                   android:layout_height="wrap_content"  
16.                   android:textSize="36dip"/>  
17.       
18.     <TextSwitcher android:id="@+id/myTextSwitcher"  
19.                   android:layout_width="fill_parent"  
20.                   android:layout_height="wrap_content" />  
21.   
22. </LinearLayout>  

 android 滚动条属性

5.2 按钮控件

Button的子类

5.2.1 Button

图5.2.1Button

 

android.widget.Button最常用的按钮，继承自android.widget.TextView，在android.widget包中。

他的常用子类CheckBox, RadioButton, ToggleButton。

 

通常用法:

super.findViewById(id)得到在layout中声明的Button的引用，setOnClickListener(View.OnClickListener)添加监听。然后再View.OnClickListener监听器中使用v.equals(View)方法判断哪个按钮被按下，进行分别处理。

 

 

5.2.2 CheckBox

图5.2.2CheckBox

 

android.widget.CheckBox复选按钮，继承自android.widget.CompoundButton，在android.widget包中。

常用方法：

isChecked()检查是否被选中。

监听按钮状态更改，需要添加setOnCheckedChangeListener(CompoundButton.OnCheckedChangeListener);

 

5.2.3 RadioButton

图5.2.3RadioButton

 

android.widget. RadioButton单选按钮，继承自android.widget.CompoundButton，在android.widget包中。

 

通常用法：

单选按钮要声明在RadioGroup，RadioGroup是流式布局android.widget.LinearLayout的子类。

单选按钮状态更改的监听，是要给他的RadioGroup添加setOnCheckedChangeListener(RadioGroup.OnCheckedChangeListener)监听器。注意监听器类型和CheckBox是不一样的。

 

 

 

5.2.4 ToggleButton

图5.2.4ToggleButton

 

android.widget. ToggleButton开关形式的按钮，继承自android.widget.CompoundButton，在android.widget包中。

 

常用属性设置：

 

android:textOn=""	选择状态文字
android:textOff=""	未选状态文字

 

5.3 图片控件

5.3.1 ImageView

图5.3.1ImageView

 

android.widget.ImageView图片控件，继承自android.view.View，在android.widget包中。

最简单的使用方法。src设置图片路径，可引用drawable的图片。

 

Xml代码  

1. <ImageView android:layout_width="wrap_content"   
2.            android:layout_height="wrap_content"  
3.            android:src="@drawable/tool"/>  

 

 

动态声明ImageView，设置src。

 

Java代码  

1. try {  
2.     ImageView imageView = new ImageView(this);  
3.     InputStream inputStream = super.getAssets().open("home.png");  
4.     imageView.setImageDrawable(Drawable.createFromStream(inputStream, "tackpic"));  
5.     this.imageLayout.addView(imageView, new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,  
6.             LinearLayout.LayoutParams.WRAP_CONTENT));  
7. } catch (IOException e) {  
8.     e.printStackTrace();  
9. }  

 

 

 

5.3.2 ImageButton

图5.3.2ImageButton

 

android.widget.ImageButton图片控件，继承自android.widget.ImageView，在android.widget包中。

最简单的使用方法。src设置图片路径，可引用drawable的图片。

 

Xml代码  

1. <ImageButton android:layout_width="wrap_content"   
2.              android:layout_height="wrap_content"  
3.              android:src="@drawable/but_01"/>  

 

 

 

动态声明ImageView，设置src。

 

Java代码  

1. try {  
2.     ImageButton imageButton = new ImageButton(this);  
3.     InputStream inputStream = super.getAssets().open("but_02.png");  
4.     imageButton.setImageDrawable(Drawable.createFromStream(inputStream, "tackpic"));  
5.     this.imageLayout.addView(imageButton, new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,  
6.             LinearLayout.LayoutParams.WRAP_CONTENT));  
7. } catch (IOException e) {  
8.     e.printStackTrace();  
9. }  

 

 

 

5.3.3 ImageSwitcher和Gallery

图5.3.3 ImageSwitcher

 

android.widget. ImageSwitcher图片控件，继承自android.widget.ViewSwitcher（ViewGroup）。在android.widget包中。

ImageSwithcer是用来图片显示那块区域的控件，使用方法setInAnimation(Animation)，setOutAnimation(Animation)设置动画。

Gallery是来控制底下那个图标索引列表索引用的。ImageAdapter继承自BaseAdapter，设置Gallery的适配器。

在layout添加ImageSwitcher和Gallery。定义Activity，implements接口OnItemSelectedListener, ViewFactory。onCreate的时候定义要显示图片路径列表，设置Gallery的Adapter。onItemSelected事件触发时，设置对应的图片。

 

Layout文件。

 

Xml代码  

1. <?xml version="1.0" encoding="utf-8"?>  
2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.                 android:layout_width="fill_parent"   
4.                 android:layout_height="fill_parent">  
5.                   
6.     <ImageSwitcher android:id="@+id/switcher"  
7.                    android:layout_width="fill_parent"   
8.                    android:layout_height="fill_parent"  
9.                    android:layout_alignParentTop="true"   
10.                    android:layout_alignParentLeft="true" />  
11.   
12.     <Gallery android:id="@+id/gallery"   
13.              android:background="#55000000"  
14.              android:layout_width="fill_parent"   
15.              android:layout_height="60dp"  
16.              android:layout_alignParentBottom="true"  
17.              android:layout_alignParentLeft="true"   
18.              android:gravity="center_vertical"  
19.              android:spacing="16dp" />  
20.   
21. </RelativeLayout>  

 

 

 

SwitcherActivity类。

 

Java代码  

1. public class SwitcherActivity extends Activity implements OnItemSelectedListener, ViewFactory {  
2.   
3.     private ImageSwitcher imageSwitcher;  
4.     private Gallery gallery;  
5.   
6.     private ArrayList<String> imageAssetPathList = new ArrayList<String>();  
7.   
8.     @Override  
9.     protected void onCreate(Bundle savedInstanceState) {  
10.         super.onCreate(savedInstanceState);  
11.         super.setContentView(R.layout.switcher);  
12.         this.imageSwitcher = (ImageSwitcher) findViewById(R.id.switcher);  
13.         this.gallery = (Gallery) findViewById(R.id.gallery);  
14.   
15.         for (int i = 1; i <= 20; i++) {  
16.             this.imageAssetPathList.add("images/" + i + ".jpg");  
17.         }  
18.   
19.         this.imageSwitcher.setFactory(this);  
20.         this.gallery.setAdapter(new ImageAdapter(this, this.imageAssetPathList));  
21.         this.gallery.setOnItemSelectedListener(this);  
22.   
23.     }  
24.   
25.     @Override  
26.     public View makeView() {  
27.         ImageView imageView = new ImageView(this);  
28.         imageView.setBackgroundColor(0xFF000000);  
29.         imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);  
30.         imageView.setLayoutParams(new ImageSwitcher.LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));  
31.         return imageView;  
32.     }  
33.   
34.     @Override  
35.     public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {  
36.         try {  
37.             InputStream inputStream = super.getAssets().open(this.imageAssetPathList.get(position));  
38.             imageSwitcher.setImageDrawable(Drawable.createFromStream(inputStream, "" + position));  
39.         } catch (IOException e) {  
40.             e.printStackTrace();  
41.         }  
42.     }  
43.   
44.     @Override  
45.     public void onNothingSelected(AdapterView<?> parent) {  
46.   
47.     }  
48.   
49. }  

 

 

 

ImageAdapter类

 

Java代码  

1. public class ImageAdapter extends BaseAdapter {  
2.   
3.     private Context content;  
4.     private ArrayList<String> imageAssetPathList;  
5.   
6.     public ImageAdapter(Context content, ArrayList<String> imageAssetPathList) {  
7.         this.content = content;  
8.         this.imageAssetPathList = imageAssetPathList;  
9.     }  
10.   
11.     @Override  
12.     public int getCount() {  
13.         if (this.imageAssetPathList != null) {  
14.             return this.imageAssetPathList.size();  
15.         } else {  
16.             return 0;  
17.         }  
18.     }  
19.   
20.     @Override  
21.     public Object getItem(int position) {  
22.         return null;  
23.     }  
24.   
25.     @Override  
26.     public long getItemId(int position) {  
27.         return 0;  
28.     }  
29.   
30.     @Override  
31.     public View getView(int position, View convertView, ViewGroup parent) {  
32.         try {  
33.             ImageView imageView;  
34.             imageView = new ImageView(this.content);  
35.             imageView.setAdjustViewBounds(true);  
36.             imageView.setScaleType(ImageView.ScaleType.FIT_XY);  
37.             imageView.setPadding(0, 0, 0, 0);  
38.   
39.             InputStream inputStream = this.content.getAssets().open(this.imageAssetPathList.get(position));  
40.             imageView.setImageDrawable(Drawable.createFromStream(inputStream, "" + position));  
41.   
42.             return imageView;  
43.         } catch (IOException e) {  
44.             e.printStackTrace();  
45.             return null;  
46.         }  
47.     }  
48.   
49. }  

 

 

5.4 时间控件

5.4.1 DigitalClock

图5.4.1 DigitalClock

 

android.widget. DigitalClock数字时钟，继承自android.widget.TextView。在android.widget包中。

电子时钟。在界面上显示一个动态的电子表。

一般用法：

调用方法getText()，可得到时间字符串。使用方法addTextChangedListener(android.text.TextWatcher)添加文字更改监听，则会每秒钟会激发一次事件。

 

5.4.2 AnalogClock

图5.4.2 AnalogClock

 

android.widget. AnalogClock模拟时钟，继承自android.view.View。在android.widget包中。

模拟时钟。在界面显示一个带时针和分针的模拟时钟。

 

 

5.4.3 TimePicker

图5.4.3 TimePicker

 

android.widget.TimePicker时间设置，继承自android.widget.FrameLayout(ViewGroup) 。在android.widget包中。

进行微调小时、分钟和 AM/PM（如果适用）。也可以键盘输入。AM/PM 下点击按钮选择。也可以使用此视图的对话框TimePickerDialog。

方法getCurrentHour()得到当前小时(根据AM/PM)，getCurrentMinute()得到当前分钟。

方法setOnTimeChangedListener(TimePicker.OnTimeChangedListener)，可对调节进行监听。

 

 

5.4.4 DatePicker

图5.4.4 DatePicker

 

android.widget. DatePicker时间设置，继承自android.widget.FrameLayout(ViewGroup) 。在android.widget包中。

进行微调年、月、日。也可以键盘输入。也可以使用此视图的对话框DatePickerDialog

方法getYear()得到年， getMonth()月， getDayOfMonth()当月日。

方法init(int year, int monthOfYear, int dayOfMonth, DatePicker.OnDateChangedListener onDateChangedListener)，初始化年月日和调节监听。

 

5.5 进度条

5.5.1 ProgressBar

图5.5.1 ProgressBar

 

android.widget. ProgressBar，继承自android.view.View 。在android.widget包中。对应对话框ProgressDialog。

ProgressBar有两种展示方式，表盘形式（普通、小、大）和条形填充形式。在layout定义时，需要通过设施style属性类设置展示方式。

 

常用属性设置：

style	显示方式，取值： ?android:attr/progressBarStyleLarge / progressBarStyle / progressBarStyleSmall / progressBarStyleHorizontal
android:max	progressBarStyleHorizontal方式时，进度条满时的值。
android:progress	progressBarStyleHorizontal方式时，进度条主进度当前值。
android:secondaryProgress	progressBarStyleHorizontal方式时，进度条次进度当前值。

 

 

Xml代码  

1. <ProgressBar android:layout_width="wrap_content"  
2.              android:layout_height="wrap_content"  
3.              style="?android:attr/progressBarStyleLarge" />  
4.                
5. <ProgressBar android:layout_width="wrap_content"  
6.              android:layout_height="wrap_content"  
7.              style="?android:attr/progressBarStyle"/>      
8.                   
9. <ProgressBar android:layout_width="wrap_content"  
10.              android:layout_height="wrap_content"  
11.              style="?android:attr/progressBarStyleSmall" />    
12.   
13. <ProgressBar android:id="@+id/myProgressBar"  
14.              android:layout_width="fill_parent"  
15.              android:layout_height="wrap_content"  
16.              style="?android:attr/progressBarStyleHorizontal"  
17.              android:max="100"  
18.              android:progress="50"  
19.              android:secondaryProgress="75"/>  

 

 

 

progressBarStyleHorizontal方式时，就需要指定进度条最大值，当前值，次要的当前值。还可以在代码中手动设置。

通过按钮改变progress和secondaryProgress的代码：

 

Java代码  

1. if (v.equals(this.buttonSubBar)) {  
2.     this.myProgressBar.setProgress(this.myProgressBar.getProgress() - 10);  
3. } else if (v.equals(this.buttonAddBar)) {  
4.     this.myProgressBar.setProgress(this.myProgressBar.getProgress() + 10);  
5. } else if (v.equals(this.buttonSubSecondaryBar)) {  
6.     this.myProgressBar.setSecondaryProgress(this.myProgressBar.getSecondaryProgress() - 5);  
7. } else if (v.equals(this.buttonAddSecondaryBar)) {  
8.     this.myProgressBar.setSecondaryProgress(this.myProgressBar.getSecondaryProgress() + 5);  
9. }  

 

 

 

 

5.5.2 SeekBar

图5.5.2 SeekBar

 

android.widget. SeekBar拖动进度条，继承自android.widget.AbsSeekBar(android.widget. ProgressBar) 。在android.widget包中。

 

常用属性设置：

android:max	进度条满时的值。
android:progress	进度条主进度当前值。
android:thumb	拇指跟随图标。
android:thumbOffset	设置允许的轨道的范围扩展到拇指的拇指偏移量。

 

方法setOnSeekBarChangeListener(SeekBar.OnSeekBarChangeListener) 可进行监听，开始拖拽，停止拖拽，以及拖拽中进度条的值是否是用户改变等参数。

 

 

Xml代码  

1. <SeekBar android:id="@+id/mySeekBar"  
2.          android:layout_width="fill_parent"  
3.          android:layout_height="wrap_content"  
4.          android:thumb="@drawable/thumb"  
5.          android:thumbOffset="10px"  
6.          android:max="100"  
7.          android:progress="20"/>  

 

 

 

Java代码  

1. this.mySeekBar = (SeekBar) super.findViewById(R.id.mySeekBar);  
2.   
3. this.mySeekBar.setOnSeekBarChangeListener(onSeekBarChangeListener);  
4.   
5. *  
6. *  
7. /** 
8.  * seekBar 监听器 
9.  */  
10. private SeekBar.OnSeekBarChangeListener onSeekBarChangeListener = new SeekBar.OnSeekBarChangeListener() {  
11.   
12.     @Override  
13.     public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {  
14.         myTextSeekBar.setText(progress + "");  
15.         Log.v(CommonConfig.LOG_TAG, "SeekBar onProgressChanged, progress: " + progress + ", fromUser: " + fromUser);  
16.     }  
17.   
18.     @Override  
19.     public void onStartTrackingTouch(SeekBar seekBar) {  
20.         Log.v(CommonConfig.LOG_TAG, "SeekBar onStartTrackingTouch");  
21.     }  
22.   
23.     @Override  
24.     public void onStopTrackingTouch(SeekBar seekBar) {  
25.         Log.v(CommonConfig.LOG_TAG, "SeekBar onStopTrackingTouch");  
26.     }  
27. };  

 

 

 

5.5.3 RatingBar

图5.5.3 RatingBar

 

android.widget. RatingBar星式进度条，继承自android.widget.AbsSeekBar(android.widget. ProgressBar)。在android.widget包中。

 

常用属性设置：

android:isIndicator	是否是评级栏，指示器作用。True为指示器，用户不可操作。
android:numStars	总星数。
android:rating	当前星数。
android:stepSize	每次可以等加的最小单位。浮点数。

 

setOnRatingBarChangeListener(RatingBar.OnRatingBarChangeListener)，添加一个监听器，可以监听每次改变。

 

Xml代码  

1. <RatingBar android:id="@+id/myRatingBar"  
2.            android:layout_width="wrap_content"  
3.            android:layout_height="wrap_content"  
4.            android:isIndicator="false"  
5.            android:numStars="5"   
6.            android:rating="1.5"  
7.            android:stepSize="0.5"/>    

 

 

 

Java代码  

1. this.myRatingBar = (RatingBar) super.findViewById(R.id.myRatingBar);  
2.   
3. this.myRatingBar.setOnRatingBarChangeListener(onRatingBarChangeListener);  
4.   
5. *  
6. *  
7.   
8. /** 
9.  * ratingBar 监听器 
10.  */  
11. private RatingBar.OnRatingBarChangeListener onRatingBarChangeListener = new RatingBar.OnRatingBarChangeListener() {  
12.   
13.     @Override  
14.     public void onRatingChanged(RatingBar ratingBar, float rating, boolean fromUser) {  
15.         myTextRatingBar.setText(rating + " / " + ratingBar.getNumStars());  
16.         Log.v(CommonConfig.LOG_TAG, "RatingBar onRatingChanged， rating： " + rating + ", fromUser: " + fromUser);  
17.     }  
18.   
19. };