SeekBar 样式设置

baopbird2005

1 SeekBar简介
SeekBar是进度条。我们使用进度条时，可以使用系统默认的进度条；也可以自定义进度条的图片和滑块图片等。

2 SeekBar示例
创建一个activity，包含2个SeekBar。
第1个SeekBar是系统默认的SeekBar。
第2个SeekBar是自定义SeekBar，使用自定义的背景图和滑块图片。

1. package com.skywang.control;
   
2. 
   
3. import android.os.Bundle;
   
4. import android.app.Activity;
   
5. import android.util.Log;
   
6. import android.widget.TextView;
   
7. import android.widget.SeekBar;
   
8. import android.widget.SeekBar.OnSeekBarChangeListener;
   
9. 
   
10. public class SeekBarTest extends Activity implements SeekBar.OnSeekBarChangeListener{
    
11.     private static final String TAG = "SKYWANG";
    
12. 
    
13.     // 与“系统默认SeekBar”对应的TextView
    
14.     private TextView mTvDef;
    
15.     // 与“自定义SeekBar”对应的TextView
    
16.     private TextView mTvSelf;
    
17.     // “系统默认SeekBar”
    
18.     private SeekBar mSeekBarDef;
    
19.     // “自定义SeekBar”
    
20.     private SeekBar mSeekBarSelf;
    
21.    
    
22.     @Override
    
23.     protected void onCreate(Bundle savedInstanceState) {
    
24.         super.onCreate(savedInstanceState);
    
25.         setContentView(R.layout.seek_bar_test);
    
26.         
    
27.         // 与“系统默认SeekBar”对应的TextView
    
28.         mTvDef = (TextView) findViewById(R.id.tv_def);
    
29.         // “系统默认SeekBar”
    
30.         mSeekBarDef = (SeekBar) findViewById(R.id.seekbar_def);
    
31.         mSeekBarDef.setOnSeekBarChangeListener(this);
    
32. 
    
33.         // 与“自定义SeekBar”对应的TextView
    
34.         mTvSelf = (TextView) findViewById(R.id.tv_self);
    
35.         // “自定义SeekBar”
    
36.         mSeekBarSelf = (SeekBar) findViewById(R.id.seekbar_self);
    
37.         mSeekBarSelf.setOnSeekBarChangeListener(this);
    
38.     }   
    
39.    
    
40.    
    
41.     @Override
    
42.     public void onStopTrackingTouch(SeekBar seekBar) {
    
43.         
    
44.     }
    
45. 
    
46.    
    
47.     @Override
    
48.     public void onStartTrackingTouch(SeekBar seekBar) {
    
49. 
    
50.     }
    
51. 
    
52.    
    
53.     @Override
    
54.     public void onProgressChanged(SeekBar seekBar, int progress,
    
55.             boolean fromUser) {
    
56.         Log.d(TAG, "seekid:"+seekBar.getId()+", progess"+progress);
    
57.         switch(seekBar.getId()) {
    
58.             case R.id.seekbar_def:{
    
59.                 // 设置“与系统默认SeekBar对应的TextView”的值
    
60.                 mTvDef.setText(getResources().getString(R.string.text_def)+" : "+String.valueOf(seekBar.getProgress()));
    
61.                 break;
    
62.             }
    
63.             case R.id.seekbar_self: {
    
64.                 // 设置“与自定义SeekBar对应的TextView”的值               
    
65.                 mTvSelf.setText(getResources().getString(R.string.text_self)+" : "+String.valueOf(seekBar.getProgress()));
    
66.                 break;
    
67.             }
    
68.             default:
    
69.                 break;
    
70.         }
    
71.     }
    
72. }
    

复制代码

代码说明：
要监听SeekBar的滑动消息，通过实现“SeekBar.OnSeekBarChangeListener”接口。这个接口中包含3个方法onStartTrackingTouch()、onStopTrackingTouch()和onProgressChanged()。

layout文件

1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
2.     xmlns:tools="http://schemas.android.com/tools"
   
3.     android:layout_width="match_parent"
   
4.     android:layout_height="match_parent"
   
5.     android:orientation="vertical" >
   
6.    
   
7.     <TextView
   
8.         android:id="@+id/tv_def"
   
9.         android:layout_width="wrap_content"
   
10.         android:layout_height="wrap_content"
    
11.         android:text="@string/text_def" />
    
12.    
    
13.     <!--
    
14.         max=100,代表它的取值范围是0-100,共101个值;
    
15.         progress=10,代表默认值是10  
    
16.     -->
    
17.     <SeekBar
    
18.         android:id="@+id/seekbar_def"
    
19.         android:layout_width="620px"
    
20.         android:layout_height="wrap_content"
    
21.         android:max="100"
    
22.         android:progress="10"
    
23.         />
    
24.    
    
25.     <TextView
    
26.         android:id="@+id/tv_self"
    
27.         android:layout_width="wrap_content"
    
28.         android:layout_height="wrap_content"
    
29.         android:text="@string/text_self" />
    
30.    
    
31.     <!--
    
32.         max=100,代表它的取值范围是0-100,共101个值;
    
33.         progress=20,代表默认值是20
    
34.         progressDrawable,表示SeekBar的背景图片
    
35.         thumbe,表示SeekBar的滑块图片  
    
36.     -->
    
37.     <SeekBar
    
38.         android:id="@+id/seekbar_self"
    
39.         android:layout_width="620px"  
    
40.         android:layout_height="wrap_content"
    
41.         android:max="100"
    
42.         android:progress="20"
    
43.         android:progressDrawable="@drawable/bg_bar"  
    
44.         android:thumb="@drawable/thumb_bar" />
    
45.    
    
46. </LinearLayout>

复制代码

自定义SeekBar的背景定义为：android:progressDrawable="@drawable/bg_bar"。
它调用的bg_bar.xml的内容如下：

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
   
3.     <!-- 背景图 -->
   
4.     <item android:id="@+android:id/background" android:drawable="@drawable/bar_dn" />
   
5.     <!-- 第二进度图 -->
   
6.     <item android:id="@+android:id/SecondaryProgress" android:drawable="@drawable/bar_dn" />
   
7.     <!-- 进度度 -->
   
8.     <item android:id="@+android:id/progress" android:drawable="@drawable/bar_up" />
   
9. </layer-list>

复制代码

代码下载 资源下载

baopbird2005

很好用的控件

baopbird2005

转给有需要的人