IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> 自定义SeekBar样式 -> 正文阅读

[移动开发]自定义SeekBar样式

首先来看看效果图:

这里的自定只定义了一个是seekBar的进度条颜色,另一个是thumb滑块的颜色

进度条的颜色drawable->seekbar.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="10dp" />
            <!--  描边颜色  -->
            <stroke
                android:width="1dp"
                android:color="@color/color_4B79FF" />

        </shape>
    </item>

    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="10dp" />
                <!-- 进度条滑动时填充颜色 -->
                <solid android:color="@color/color_4B79FF" />
            </shape>
        </clip>
    </item>

</layer-list>

滑块颜色drawable->thumb.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="@color/color_4B79FF" />
    <!-- 球的宽高 -->
    <size
        android:width="20dp"
        android:height="20dp" />
    <!-- 描边 -->
    <stroke
        android:width="1dp"
        android:color="@color/color_FDC457" />
</shape>

然后在布局文件中使用:

        <SeekBar
            android:id="@+id/brightnessSB"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:max="100"
            android:padding="10dp"
            android:progress="15"
            android:progressDrawable="@drawable/seekbar"
            android:thumb="@drawable/thumb" />

相关问题处理:

1,配置完成之后运行发现滑块有白边(不透明)

?处理方案:在seekbar的布局文件增加splitTrack属性:android:splitTrack="false"

2,发现底部进度条太粗了(高度过高)看着好像太胖了,maxHeight和minHeight属性,配置这两个属性要注意layout_height为wrap_content

?

3,运行后发现滑动滑块为1的时候并没有看见进度条的变化,发现问题:

增加在seekbar的布局文件增加thumbOffset属性:android:thumbOffset="0dp",接下来看看对比

?

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2022-05-11 16:33:45  更:2022-05-11 16:34:56 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/25 1:52:28-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码