SeekBar自定义样式

最新推荐文章于 2024-07-05 11:34:34 发布
最新推荐文章于 2024-07-05 11:34:34 发布
阅读量3.9k 收藏 1
点赞数
分类专栏： Android 文章标签： Android seekbar drawable 自定义
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/matrix_laboratory/article/details/41087981
版权
这篇博客详细介绍了如何自定义Android的SeekBar，包括如何设置进度条样式、自定义Thumb，以及解决背景条不显示的问题。通过使用layer-list、shape、selector等组件，创建出独特的SeekBar效果。
摘要由CSDN通过智能技术生成

网上的SeekBar自定义样式的资料很多，大多是抄来抄去。我最近用到这个，也从网上抄了一个，但是遇到不少问题，其中一个就是SeekBar的背景条不显示，最后才找到解决方法。


1. 使用自定义SeekBar

    <SeekBar
        android:id="@+id/ctrl_seekBar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:progressDrawable="@drawable/custom_seekbar"
        android:thumb="@drawable/cust_seekbar_thumb"
        android:maxHeight="4dp"
        android:minHeight="4dp" />


其中最重要的就是

        android:progressDrawable="@drawable/custom_seekbar"
        android:thumb="@drawable/cust_seekbar_thumb"

android:progressDrawable指定了seekbar的样式

最低0.47元/天 解锁文章
微岩
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
自定义SeekBar样式
09-20
如何自定义seekBar的样式 应用中自定seekbar： 1：首先在布局文件中添加seekbar控件 //在这里自定义拖动条的样式 2：举例，可以在thumb.xml中定义不同状态的时候，拖动条的样式 3：同样可以定义进度条样式，在seekbar_img.xml中自定义样式。
自定义漂亮的Android SeekBar样式
weixin_33696822的博客
06-12 2059
系统自带的SeekBar真是太难看了，不能容忍！ 只能自己做了,先来张效果图   第1个Seekbar 背景是颜色，thumb是图片，上代码：   [html] view plain copy     &lt;SeekBar           android:id="@+id/timeline"           android:layout_width=...
SeekBar设置自定义thumb图片的时候显示不全问题
最新发布
kingsley1212的博客
07-05 165
下面图片显示设置thumb的时候是圆形的，会和进度条有间隔。想要达到下面的效果，需要添加 下面的代码。
seekBar自定义样式
god2030的博客
08-25 1413
false @drawable/custom_seek_bar_style @drawable/abc_seekbar_track_material @drawable/abc_seekbar_thumb_material true 16dp 16dp 这是seekBar的style文件
seekbar 自定义样式
fufeng_android的专栏
12-25 859
android:layout_width=”192dip” android:layout_height=”wrap_content” android:progressDrawable=”@drawable/seekbar_style” android:thumb=”@drawable/thumb_bg” android:id=”@+id/seekWeight” and
SeekBar 自定义 样式 详解
Jon.Lo 的专栏
07-14 8032
SeekBar 自定义 样式 详解 SeekBar简介 SeekBar是ProgressBar的扩展，添加了可拖动的滑块。 我们使用进度条时，可以使用系统默认的进度条； 也可以自定义进度条的图片和滑块图片等。 用户可以触摸拇指并向左或向右拖动以设置当前进度级别，或使用箭头键。 不建议将可聚焦的小部件放置在SeekBar的左侧或右侧。 自定义效果： <SeekBar android:id="@+id/sb_screen_bri" ...
Android SeekBar 自定义样式
06-03
自定义的 SeekBar 样式，实现很简单，有需要的可以看看，本demo是仿酷狗SeekBar 的样式，进度条上小圆球可以随意拖动，如果不需要小圆球的只需要将main.xml里面的android:thumb="@drawable/seek_thumb"去掉就行了...
SeekBar自定义样式案例1
04-22
案例“SeekBar自定义样式案例1”中，可能包括以下步骤： 1. 创建自定义的shape资源文件，如`seekbar_track.xml`和`seekbar_progress.xml`，分别定义轨道和进度条的样式。 2. 在`seekbar_track.xml`中，你可以定义一...
SeekBar 自定义View 进度条
05-03
在 res/drawable 目录下创建 XML 文件，定义自定义的进度条和滑块样式。例如，使用 Shape 元素定义矩形、圆角矩形或线形进度条。 3. 更新 SeekBar 配置： 在布局 XML 文件中，将 SeekBar 的 progressDrawable 和 ...
三种方式自定义SeekBar样式
01-08
自定义SeekBar样式可以提升应用程序的用户体验和视觉效果。以下是三种自定义SeekBar样式的详细方法： 1. **XML属性定制**： 在Android的布局XML文件中，可以通过设置SeekBar的特定属性来自定义其外观。例如，可以...
Android自定义SeekBar样式
08-07
这篇博客将深入探讨如何自定义Android的SeekBar样式，以实现更丰富的视觉效果。 首先，我们要明白 SeekBar 的工作原理。SeekBar主要由三部分组成：轨道（Track）、 thumb（滑块）和进度条（Progress）。默认情况下...
android_SeekBar竖直显示自定义背景thumb完美Demo(附带解决说明)
01-12
android_SeekBar竖直显示自定义背景thumb完美Demo(附带解决说明)
Android 自定义SeekBar样式
06-03
自定义的 SeekBar 样式，实现很简单，有需要的可以看看，本demo是仿酷狗SeekBar 的样式，进度条上小圆球可以随意拖动，如果不需要小圆球的只需要将main.xml里面的android:thumb="@drawable/seek_thumb"去掉就行了……
自定义seekbar样式
01-18
通过简单的xml文件配置，就可实现自定义seekbar的样式。
andorid 自定义seekbar
热门推荐
liangguo03的专栏
12-07 4万+
效果如图： 8.0dip false @android:drawable/progress_indeterminate_horizontal @drawable/seekbar_horizontal 8.0dip @drawable/seek_thumb 10.
SeekBar 样式设置
weixin_33882443的博客
05-28 1127
1 SeekBar简介   SeekBar是进度条。我们使用进度条时，可以使用系统默认的进度条；也可以自定义进度条的图片和滑块图片等。 2 SeekBar示例   创建一个activity，包含2个SeekBar。第1个SeekBar是系统默认的SeekBar。第2个SeekBar是自定义SeekBar，使用自定义的背景图和滑块图片。 应用层代码 package com....
SeekBar样式设置
非淡泊无以明志，非宁静无以致远
09-30 7587
android:id="@+id/seek_bar"             android:layout_width="fill_parent"             android:layout_height="wrap_content"             android:layout_alignParentBottom="true"             android:l
Android自定义Seekbar（可自定义样式）
JiYaRuo的博客
07-22 1444
1. 自定义设置滑块的图标 android:thumb="@mipmap/icon_thumb" android:background="@null" 2. 设置滑块滑过和未滑过部分的UI android:progressDrawable="@drawable/bg_seek_bar" bg_seek_bar.xml <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://sch..
如何自定义SeekBar样式？给出github地址
06-01
要自定义 SeekBar 样式，可以通过修改 SeekBar 的样式和背景来实现。具体地，可以使用 XML 文件定义 SeekBar 样式，然后在布局文件中将 SeekBar 控件应用该样式。例如，可以在 res/values/styles.xml 文件中定义一个名为 CustomSeekBar 的样式： ``` <style name="CustomSeekBar" parent="@android:style/Widget.SeekBar"> <item name="android:progressDrawable">@drawable/custom_seekbar_progress</item> <item name="android:indeterminateDrawable">@drawable/custom_seekbar_indeterminate</item> <item name="android:thumb">@drawable/custom_seekbar_thumb</item> </style> ``` 其中，android:progressDrawable、android:indeterminateDrawable 和 android:thumb 分别定义了 SeekBar 的进度条、不确定进度条和拇指图标的样式。这些样式可以在 res/drawable 文件夹中定义为 XML 文件或图片文件。 然后，在布局文件中使用该样式： ``` <SeekBar android:id="@+id/seekbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:progress="50" style="@style/CustomSeekBar" /> ``` 这样就可以自定义 SeekBar 的样式了。如果需要更复杂的自定义，可以继承 SeekBar 类并重写相关方法。 至于 GitHub 地址，这里有一个比较好的 SeekBar 样式库：https://github.com/warkiz/IndicatorSeekBar
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值