使用SeekBar制作可拖动的进度条

来源：互联网发布：sqlserver 截断字符串编辑：程序博客网时间：2024/05/21 14:07

一、SeekBar介绍

SeekBar可以通过滑块的位置来标识数值，而且拖动条允许用户拖动滑块来改变进度值得大小

二、SeekBar的主要属性和方法

（1）setMax——设置SeekBar的最大数值
（2）setProgress——设置SeekBar当前的数值
（3）setSecondaryProgress——设置SeekBar的第二数值，当前拖动条推荐的数值

三、SeekBar的事件

由于拖动条可以被用户控制。所以需要对其进行事件监听，这就需要实现SeekBar.OnSeekBarChangeListener接口。此接口共需要监听三个事件，分别是：1、数值改变（onProgressChanged） 2、开始拖动（onStartTrackingTouch）3、停止拖动（onStopTrackingTouch）
（1）xml文件

    <SeekBar        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:id="@+id/seekBar"        android:max="100"        android:progress="50"/>    <TextView        android:id="@+id/tv1"        android:layout_width="match_parent"        android:layout_height="wrap_content" />    <TextView        android:id="@+id/tv2"        android:layout_width="match_parent"        android:layout_height="wrap_content" />

（2）java文件

public class MainActivity extends AppCompatActivity implements SeekBar.OnSeekBarChangeListener{    private SeekBar seekBar;    private TextView tv1;    private TextView tv2;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);        seekBar = (SeekBar) findViewById(R.id.seekBar);        tv1 = (TextView) findViewById(R.id.tv1);        tv2 = (TextView) findViewById(R.id.tv2);        seekBar.setOnSeekBarChangeListener(this);    }    //数值改变    @Override    public void onProgressChanged(SeekBar seekBar, int i, boolean b) {        tv1.setText("正在拖动");        tv2.setText("当前数值："+i);    }    //开始拖动    @Override    public void onStartTrackingTouch(SeekBar seekBar) {        tv1.setText("开始拖动");    }    //停止拖动    @Override    public void onStopTrackingTouch(SeekBar seekBar) {        tv1.setText("停止拖动");    }}

四、自定义SeekBar进度条

1、android：progressDrawable=”@drawable/seekbar_img“改变进度条的样式
2、android：thumb=”@drawable/thumb“改变滑块的样式

    <SeekBar        android:thumb="@drawable/my_thumb"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:id="@+id/seekBar"        android:max="100"        android:progress="50"/>

<selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:drawable="@drawable/select" android:state_pressed="true"></item>    <item android:drawable="@drawable/select" android:state_focused="true"></item>    <item android:drawable="@drawable/select" android:state_selected="true"></item>    <item android:drawable="@drawable/normal"></item></selector>

0 0