玩转Android---组件篇---SeekBar,RatingBar,Chronometer

原址：http://hualang.iteye.com/category/143855

今天补充三个组件的使用，避免日后忘记。它们分别是

SeekBar：用户调整进度的指示进度条

RatingBar：用于显示和调整评分

Chronometer：用户显示时间推移

 

1、SeekBar

例如我们用播放器看电影的时候，经常会向前移动进度，SeekBar就是这个功能，它类似一个进度条，但是调节器，可以被用户移动。

例如：

main.xml

Main.xml代码  

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. <SeekBar  
8.     android:id="@+id/seekbar"  
9.     android:layout_width="240px"  
10.     android:layout_height="wrap_content"  
11.     android:max="500"  
12. />  
13. <TextView  
14.     android:id="@+id/text"  
15.     android:layout_width="fill_parent"  
16.     android:layout_height="wrap_content"  
17.       
18. />  
19. </LinearLayout>  

 Test01.java

Java代码  

1. package org.hualang.test01;  
2.   
3. import android.app.Activity;  
4. import android.os.Bundle;  
5. import android.widget.SeekBar;  
6. import android.widget.TextView;  
7.   
8. public class Test01 extends Activity {  
9.     /** Called when the activity is first created. */  
10.     @Override  
11.     public void onCreate(Bundle savedInstanceState) {  
12.         super.onCreate(savedInstanceState);  
13.         setContentView(R.layout.main);  
14.         SeekBar seek = (SeekBar)findViewById(R.id.seekbar);  
15.         seek.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {  
16.               
17.             @Override  
18.             public void onStopTrackingTouch(SeekBar seekBar) {  
19.                 // TODO Auto-generated method stub  
20.                   
21.             }  
22.               
23.             @Override  
24.             public void onStartTrackingTouch(SeekBar seekBar) {  
25.                 // TODO Auto-generated method stub  
26.                   
27.             }  
28.               
29.             @Override  
30.             public void onProgressChanged(SeekBar seekBar, int progress,  
31.                     boolean fromUser) {  
32.                 // TODO Auto-generated method stub  
33.             ((TextView)findViewById(R.id.text)).setText("Value:"+progress);  
34.             seekBar.setSecondaryProgress((progress + seekBar.getMax())/2);  
35.             }  
36.         });  
37.     }  
38. }  

 运行结果如下：

 

2、RatingBar

这个组件主要是用于显示或从用户那里进行数值设定，默认的情况下，进度条里有5个五角星，而且它类似SeekBar，也可以进行拖动进度条

需要注意的是，不同于SeekBar，实现的onRatingChange（）方法是在修改完成之后调用的，通常是在用户抬起手指时候，也就是说，当用户在五角星上拖动设置评分的时候，这个方法并不会被调用，而是在用户停止触摸控件的时候获得调用。

 

main.xml

Java代码  

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. <RatingBar  
8.     android:id="@+id/ratebar1"  
9.     android:layout_width="wrap_content"  
10.     android:layout_height="wrap_content"  
11.     android:numStars="5"  
12.     android:stepSize="0.25"  
13. />  
14. <TextView  
15.     android:id="@+id/text"  
16.     android:layout_width="fill_parent"  
17.     android:layout_height="wrap_content"  
18.       
19. />  
20. </LinearLayout>  

 MainActivity.java

Java代码  

1. package org.hualang.rating;  
2.   
3.   
4.   
5. import android.app.Activity;  
6. import android.os.Bundle;  
7. import android.widget.RatingBar;  
8. import android.widget.TextView;  
9.   
10. public class MainActivity extends Activity {  
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.         RatingBar rate = (RatingBar)findViewById(R.id.ratebar1);  
17.         final TextView text = (TextView)findViewById(R.id.text);  
18.         rate.setOnRatingBarChangeListener(new RatingBar.OnRatingBarChangeListener() {  
19.               
20.             @Override  
21.             public void onRatingChanged(RatingBar ratingBar, float rating,  
22.                     boolean fromUser) {  
23.                 text.setText("Rating:"+rating);  
24.             }  
25.         });  
26.     }  
27. }  

 运行结果：

 

3、Chronometer

当你想要显示时间的推移而不是进程的增加的时候，可以使用Chronometer作为一个计时器。当需要记录用户进行某项操作所消耗的时间的时候，或者在游戏中需要限制时间时候，它将非常实用。

 

这里，Chronometer对象的format属性可以用来设置显示时间周围的文字。并且只有它的start()在被调用之后才会显示时间及附加文字，要停止计时器可以调用stop()方法。setBase()方法用来设定设置计时器的起点，当将计时器几点设置为0的时候，计时器将从手机上次重启的时刻开始计时。

 

main.xml

Java代码  

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. <Chronometer  
8.     android:id="@+id/ChronometerTest"  
9.     android:layout_width="wrap_content"  
10.     android:layout_height="wrap_content"  
11.     android:format="Timer:%s"  
12. />  
13. <TextView  
14.     android:id="@+id/text01"  
15.     android:layout_width="fill_parent"  
16.     android:layout_height="wrap_content"  
17. />  
18. </LinearLayout>  

 MainActivity.java

Java代码  

1. package org.hualang.chronometer;  
2.   
3. import android.app.Activity;  
4. import android.os.Bundle;  
5. import android.util.Log;  
6. import android.widget.Chronometer;  
7. import android.widget.TextView;  
8.   
9. public class MainActivity extends Activity {  
10.     /** Called when the activity is first created. */  
11.     private Chronometer timer;  
12.     private TextView text;  
13.     String DEBUG_TAG;  
14.     @Override  
15.     public void onCreate(Bundle savedInstanceState) {  
16.         super.onCreate(savedInstanceState);  
17.         setContentView(R.layout.main);  
18.         text = (TextView)findViewById(R.id.text01);  
19.         timer = (Chronometer)findViewById(R.id.ChronometerTest);  
20.         long base = timer.getBase();  
21.         Log.d(DEBUG_TAG, "BASE="+base);  
22.         timer.setBase(0);  
23.         timer.start();  
24.           
25.         timer.setOnChronometerTickListener(new Chronometer.OnChronometerTickListener() {  
26.               
27.             @Override  
28.             public void onChronometerTick(Chronometer chronometer) {  
29.                 // TODO Auto-generated method stub  
30.                   
31.             }  
32.         });  
33.     }  
34. }  

 运行结果：

• 查看图片附件