Android SeekBar 自定义

效果图

在这里插入图片描述
在这里插入图片描述
Seekbar主要是背景,滑动条,以及滑块三部分组成。
背景与滑动条在一个XML文件中。

seebar_shar.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 背景 -->
    <item android:id="@android:id/background">
        <shape>
            <!-- 圆角 -->
            <corners android:radius="@dimen/x25" />
<!--            背景色-->
            <solid android:color="#4E8C8B"/>
        </shape>
    </item>
<!--    滑动条-->
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <!-- 圆角 -->
                <corners android:radius="@dimen/x25" />
                <!--            背景色-->
                <solid android:color="#ABBCC3"/>
            </shape>
        </clip>
    </item>
</layer-list>

滑块我这里使用的是圆形滑块,在不点击时不显示。

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 按下状态-->
    <item android:drawable="@drawable/thum_center" android:state_pressed="true" />

    <!-- 有焦点状态 -->
    <item android:drawable="@drawable/thum_center" android:state_focused="true" />

    <!-- 普通状态 -->
    <item android:drawable="@drawable/thum_centertm" />
   </selector>

thum_center.png
在这里插入图片描述

thum_centertm.png
在这里插入图片描述
上面是个透明图,不想显示圆点的可以使用透明图代替。
下面是Seekbar的相关设置

         <SeekBar
                    android:layout_width="match_parent"
                    android:layout_height="@dimen/x100"
                    android:maxHeight="@dimen/x100"
                    android:minHeight="@dimen/x100"
                    android:progressDrawable="@drawable/seebar_shar"
                    android:thumb="@drawable/seebar_slect"
                    android:splitTrack="false"/>
                    <!--                
					 progressDrawable为滑动条的相关设置
					 thumb为滑块的设置
					 splitTrack为滑块背景色的设置
					 layout_height为布局高度
					 maxHeight与minHeight设置为布局高度即可让滑动条充满背景,类似手机音量设置效果
					 至于最左侧的亮度图标,可在RelativeLayout布局下自行设置,哪样方便哪样来
-->
  • 4
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
Android中,可以通过自定义SeekBar实现数字滑动功能。首先,在布局文件中定义自定义SeekBar的样式,可以使用ProgressBar来实现。如下所示: ``` <ProgressBar android:id="@+id/customSeekBar" style="@style/Widget.AppCompat.ProgressBar.Horizontal" android:layout_width="match_parent" android:layout_height="wrap_content" android:max="100" android:progress="50" android:progressDrawable="@drawable/custom_seekbar_progress" android:thumb="@drawable/custom_seekbar_thumb" /> ``` 在drawable文件夹下创建custom_seekbar_progress.xml和custom_seekbar_thumb.xml来定义SeekBar的背景和滑块样式。在custom_seekbar_progress.xml中,可以使用shape和gradient标签来定义进度条的背景样式。在custom_seekbar_thumb.xml中,可以使用shape标签来定义滑块的样式。 接下来,在Activity或Fragment中找到SeekBar的实例,并设置OnSeekBarChangeListener监听器。在监听器中,通过getProgress方法获取SeekBar的进度值,并根据需要进行相应的处理。例如,可以在TextView中显示SeekBar的进度值,如下所示: ``` SeekBar customSeekBar = findViewById(R.id.customSeekBar); final TextView progressTextView = findViewById(R.id.progressTextView); customSeekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() { @Override public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) { progressTextView.setText(String.valueOf(progress)); } @Override public void onStartTrackingTouch(SeekBar seekBar) { // 当开始滑动SeekBar时执行的操作 } @Override public void onStopTrackingTouch(SeekBar seekBar) { // 当结束滑动SeekBar时执行的操作 } }); ``` 通过设置OnSeekBarChangeListener监听器,可以在SeekBar滑动时实时更新进度值,并进行相应的处理操作。根据自己的需求,可以在onProgressChanged、onStartTrackingTouch和onStopTrackingTouch方法中添加自定义的逻辑。 以上就是使用自定义SeekBar实现数字滑动的简单方法。可以根据自己的需求进行进一步的定制和优化。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值