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

最新推荐文章于 2020-05-08 19:09:12 发布

悠悠小生

最新推荐文章于 2020-05-08 19:09:12 发布

阅读量598

点赞数

文章标签： android

本文链接：https://blog.youkuaiyun.com/eyouyou_0/article/details/50681723

版权

本文介绍了SeekBar在Android开发中的应用，包括其基本介绍、主要属性和方法，如setMax、setProgress和setSecondaryProgress。此外，详细阐述了如何监听SeekBar的事件，并提供了实现OnSeekBarChangeListener的说明。最后，探讨了如何通过progressDrawable和thumb属性来自定义SeekBar的进度条和滑块样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、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>