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

一、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“改变滑块的样式

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

你可能感兴趣的:(使用SeekBar制作可拖动的进度条)