开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Android - Seekbar刻度线颜色无法更改

基础概念

SeekBar 是 Android 中用于表示进度条的控件，用户可以通过拖动滑块来改变进度。刻度线（Tick Marks）是 SeekBar 上用于指示进度的垂直线。

相关优势

直观性：刻度线可以帮助用户更直观地理解进度。
自定义：可以通过自定义样式来满足不同的设计需求。

类型

水平刻度线：最常见的类型，刻度线垂直于进度条。
垂直刻度线：刻度线水平于进度条。

应用场景

音乐播放器中的进度条。
视频播放器中的时间进度条。
文件下载进度条。

问题描述

在 Android 开发中，SeekBar 的刻度线颜色无法更改是一个常见问题。

原因

SeekBar 的刻度线颜色默认是由系统主题决定的，直接更改刻度线颜色的属性并不直接支持。

解决方法

可以通过自定义 Drawable 来实现刻度线颜色的更改。以下是一个示例代码：

<!-- res/drawable/custom_seekbar.xml -->
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@android:id/background">
        <shape>
            <solid android:color="#CCCCCC" />
        </shape>
    </item>
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <solid android:color="#4CAF50" />
            </shape>
        </clip>
    </item>
    <item android:id="@android:id/ticks">
        <shape>
            <stroke android:width="2dp" android:color="#FF0000" />
        </shape>
    </item>
</layer-list>

然后在布局文件中使用这个自定义的 Drawable：

<!-- res/layout/activity_main.xml -->
<SeekBar
    android:id="@+id/seekBar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:progressDrawable="@drawable/custom_seekbar"
    android:minHeight="20dp"
    android:maxHeight="20dp" />

参考链接

Android SeekBar 自定义样式

通过这种方式，你可以自定义 SeekBar 的刻度线颜色，使其符合你的设计需求。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

iconfont Symbol svg引入无法更改颜色

按照以前我使用font-face的方式，设计只需要传一套，我这边改颜色，既然很多大佬（比如：张鑫旭）都说SVG Sprites比font-face高几层楼，那肯定也支持颜色更改吧。...这不我就刷到了张大佬的svg图标更改颜色，讲得通俗易懂，十分全面。外部交涉我试了所有方式，都没成功。好家伙，时间紧，任务重。也就不想纠结原因了，然后就想着找设计要两套吧。...上次font-face不能改颜色，好像是图底色问题。这次不会？问题排查找一个图标库既然别个都行，你不行。我就怀疑是不是腾讯的图标库不得行，阿里的可以。...对比两个图标的path 原因所以还是svg生成的时候设置了fill属性，导致无法更改颜色。修改方法，需要设计那边上传单色图标。

3.7K3 0

Android系统更改状态栏字体颜色

随着时代的发展，Android的状态栏都不是乌黑一片了，在Android4.4之后我们可以修改状态栏的颜色或者让我们自己的View延伸到状态栏下面。...我们可以进行更多的定制化了，然而有的时候我们使用的是淡色的颜色比如白色，由于状态栏上面的文字为白色，这样的话状态栏上面的文字就无法看清了。...因此本文提供一些解决方案，可以是MIUI6+,Flyme4+，Android6.0+支持切换状态栏的文字颜色为暗色。...修改Android6.0+ Android 6.0开始，谷歌官方提供了支持，在style属性中配置android:windowLightStatusBar 即可，设置为true时，当statusbar...的背景颜色为淡色时，statusbar的文字颜色会变成灰色，为false时同理。

2.4K6 0

android 快速更改TabLayout的选中背景颜色。

tab_background.xml android="http://schemas.android.com/apk/res/android"> android...:drawable="@drawable/tab_background_unselected" android:state_pressed="false"/> android:drawable...： android="http://schemas.android.com/apk/res/android" > android:color="#09000000..." /> tab_background_unselected.xml android="http://schemas.android.com/apk/res.../android" > android:color="#3F51B5" /> 上面的tab_background.xml中写了tab的选中与不选中是的两种状态；分别设置不同的颜色就行

1091 0

解决Mac无法成功安装pygame，无法更改窗口背景颜色，不显示飞船图像的问题

python编程从入门到实践》这本书的过程中，按照书上的操作步骤，当我们在终端中使用pip3 install --user hg+http://bitbucket.org/pygame/pygame 命令无法安装...pygame窗口无法更改背景色，无法显示飞船图像。...通过测试一系列方法，如重新去官网安装python（什么32位跟64位必须匹配之类的），通过命令直接安装python（书上的homebrew方法），更改代码中的pygame.event.get()，或者安装低版本...python等都无法解决这些问题。

4.2K0 0

Android TV 开发之 TV视频播放器

简介 Android TV 开发，顾名思义也就是电视开发，说的高端点就是智能电视，相信你们家里都有吧，不要说你家至今用着十几年前的老电视，那我无法可说了，TV开发的资源我从网上找到的都是一些零零碎碎的，...不，你不能，首先你得找一台虚拟机或者一台真机，我这里用的是真机，然后用usb线连接上你的电脑，然后打开这个机顶盒的开发者模式，再启用usb调试，这个时候你的Android Studio中就会有读取到你的设备名称...item> @color/colorAccent 然后你会发现少几个颜色...Override public void onStopTrackingTouch(SeekBar seekBar) { // 取得当前进度条的刻度...Override public void onStopTrackingTouch(SeekBar seekBar) { // 取得当前进度条的刻度

6.8K7 1

Android VideoView 视频播放完成例子（进度条，播放时间，暂停，拖动）

android:id="@+id/seekBar" android:layout_width="270dp" android:layout_height...; import android.widget.Button; import android.widget.SeekBar; import android.widget.TextView; import...= (SeekBar) findViewById(R.id.seekBar); // 为进度条添加进度更改事件 seekBar.setOnSeekBarChangeListener...Override public void onStopTrackingTouch(SeekBar seekBar) { // 取得当前进度条的刻度...buttonPlay.setText("暂停"); textViewStatus.setText("请您欣赏"); // 开始线程，更新进度条的刻度

14.7K1 2

拖动条SeekBar和星级评分条RatingBar

一、SeekBar 拖动条和进度条非常相似，只是进度条采用颜色填充来表明进度完成的程度，而拖动条则通过滑块的位置来标识数值——而且拖动条允许用户拖动滑块来改变值，因此拖动条通常用于对系统的某种数值进行调节..."vertical"> SeekBar android:id="@+id/seekBar" android:layout_width="match_parent...import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.widget.SeekBar...RatingBar所支持的常见XML属性如下： android:isIndicator：是否用作指示，用户无法更改，默认false。 android:numStars：显示多少个星星，必须为整数。...很多时候，默认的RatingBar并不能满足我们的要求，一般都是修改RatingBar的大小、图样、颜色等，也可以同ProgressBar一样自定义。

1.5K9 0

Android 开源项目android-open-project解析之(四) ColorPickView,GraphView,UI Style,Other

项目地址：https://github.com/attenzione/android-ColorPickerPreference 效果图： ColorPicker 颜色选择器（Google...Area Chart)、折线图(Line Chart)、曲线图(Spline Chart)、环形图(Dount Chart)、南丁格尔玫瑰图(Rose Chart)、仪表盘(Dial Chart)、刻度盘...其他特性还包含支持图表缩放、手势移动、动画显示效果、高密度柱形显示、图表分界定制线、多图表的混合显示及同数据源不同类型图表切换等。...支持预先定义状态的SeekBar 项目地址：https://github.com/ademar111190/android-phased-seek-bar 效果图： Android Slider.../yahoo/android-range-seek-bar 效果图： MaterialRangeBar 能够选择一个范围内的值而不是单个值的 SeekBar。

1.3K2 0

安卓开发个人小作品（3） – 多功能音乐播放器

是否处于滑动状态，然后在音乐播放的地方，也就是刚才封装的musicplay方法中，更改为如下代码 private void musicplay(int position) { seekBar.setMax...的最大刻度值，也就是上面代码中setMax方法。...至此，你的音乐播放就已经和seekbar进度条关联起来了，但是你可能会发现系统默认的进度条很丑，不符合你的审美，那么我们就需要更改seekbar的样式，也就是自定义seekbar。...，更改它的值，点击事件代码如下 imageview_playstyle.setOnClickListener(new View.OnClickListener() { @Override...setContentView方法之前调用，具体细节各方面由于代码比较散，不方便贴，可以去源码里看我是怎么设置的，最终四个主题下的主界面效果如下当然这个APP里，还有很多其他的细节，诸如，控制当前播放的列表项为不同颜色

1.6K3 0

Android绘制(一):来用shape绘出想要的图形吧!

-- 颜色 --> android:color="@color/colorPrimary" />--> <!...="4dp" android:dashWidth="4dp" /> 渐变gradient是会覆盖颜色的, 如果你想要纯色, 直接设置颜色值即可, 就是设置solid...线线就很简单了: ? 线例子 <?xml version="1.0" encoding="utf-8"?...同样可以用innerRadius直接设置. ---- 用shape绘制SeekBar 我知道有很多非常好看的自定义进度条, 但是我写这个SeekBar是想补充下shape的使用, 用非常少量的代码实现自定义进度条...用shape绘制SeekBar 实现 SeekBar android:layout_width="match_parent" android:layout_height="wrap_content

9404 0

Android滤镜效果实现及原理分析

android:text="reset"/> 在 MainActivity 类这里有一个地方要注意的就是，我们无法在 onCreate...; btn_reset.setOnClickListener(this); iv_photo.setImageBitmap(bitmap); //我们无法在...这里的 demo 通过滑动三个 SeekBar 来改变不同的值，并将这些数值作用到对应色调、饱和度、亮度的颜色矩阵中，最后通过 ColorMatrix 的 postConcat() 方法来混合这三个被修改的颜色矩阵的显示效果...android:text="饱和度" /> SeekBar android:id="@+id/seekbarSaturation" android...android:textColor="@android:color/black" android:text="亮度" /> SeekBar android

3K8 0

Android 自定义Seekbar样式

背景# Android 自定义Seekbar样式SeekBar android:layout_width="0dp" android:layout_height="wrap_content...="0dp" android:paddingEnd="0dp" android:progressDrawable="@drawable/seekbar_bg" android:splitTrack...-- 背景颜色 -->android:id="@android:id/background">颜色 -->android:id="@android:id/progress">android:drawable="@drawable/seekbar_thumb" android:state_focused="true" android

4.1K3 0

Android项目实战（二十三）：仿QQ设置App全局字体大小

QQ实现的效果是，滚动下面的seekbar，当只有seekbar到达某一个刻度的时候，这时候上部分的效果展示部分会改变文字大小，但是在拖动过程中字体不会改变。...2、创建一个类Constant,类中创建一个静态变量，这个变量用于记录当我们拖动seekbar的时候对应改变。取值范围就是我们seekbar的界点。...控件，上面需要有刻度，需要有文字，显然我们用android提供的自带的SeekBar控件已经不满足我们的需求了。 ...但是，这里我找到了一个很好的自定义控件可以完美的实现这个问题：资料来源： Android 自定义带刻度的seekbar 　　这里我加了一些注释 1 public class CustomSeekbar...这里我们只展示列表的界面列表代码就不展示了直接看如何使用CustomSeekbar 1 private CustomSeekbar seekBar; 2 seekBar

2.4K7 0

Android小知识10则(下)

的使用正则表达式动态数组 shape绘制矩形椭圆线环用shape绘制SeekBar 最后 ---- Chronometer和CountDownTimer计时器 Android也是提供了计时器的...-- 颜色 --> android:color="@color/colorPrimary" />--> <!...="4dp" android:dashWidth="4dp" /> 渐变gradient是会覆盖颜色的, 如果你想要纯色, 直接设置颜色值即可, 就是设置solid...线线就很简单了: ? 线例子 SeekBar 实现 SeekBar android:layout_width="match_parent" android:layout_height="wrap_content

7934 0

CardView的那点事儿

如果要设置卡片的背景颜色，请使用 card_view:cardBackgroundColor 属性。..." android:text="@string/cardview_radius_seekbar_text" /> SeekBar...android:layout_width="@dimen/seekbar_label_length" android:layout_height...="@string/cardview_elevation_seekbar_text" /> SeekBar android:id="@+id/...cardview_elevation_seekbar" android:layout_width="fill_parent" android

1K2 0

Android、iOS平台RTSPRTMP播放器实现实时音量调节

接口设计-Android平台 /** * 设置播放音量 * * @param handle: return value from SmartPlayerOpen() * * @param...控件为例，音量调节力度，设置到[0, 100], 设置为0时，实时静音，设置为100时，默认原音量输出，具体调用如下： Android平台： audioVolumeBar.setOnSeekBarChangeListener...SeekBar seekBar) { curAudioVolume = seekBar.getProgress(); audioVolumeText.setText...audioVolumeSlider.value = 100; //指定初始值 audioVolumeSlider.thumbTintColor = [UIColor whiteColor]; // 设置滑块已经划过区域的颜色...audioVolumeSlider.minimumTrackTintColor = [UIColor greenColor]; // 设置滑块还未划过区域的颜色 audioVolumeSlider.maximumTrackTintColor

1.1K3 0

Android学习第三弹之Android图片颜色处理

Android之图片颜色处理非著名程序员你想做到跟美图秀秀一样可以处理自己的照片，美化自己的照片吗？其实你也可以自己做一个这样的软件，废话不多说了，直接上图，上代码了！...; import android.graphics.Paint; import android.os.Bundle; import android.widget.ImageView; import android.widget.SeekBar...> SeekBar android:id="@+id/sb2" android:layout_width="fill_parent" android...> SeekBar android:id="@+id/sb3" android:layout_width="fill_parent" android..." /> SeekBar android:id="@+id/sb4" android:layout_width="fill_parent"

56810 0

1.基础知识(3) --Matlab绘制特殊的图形

---- 1、指定坐标轴刻度值和标签自定义沿坐标轴的刻度值和标签有助于突出显示数据的特定方面。以下示例说明一些常见的自定义，例如修改刻度值的放置位置、更改刻度标签的文本和格式，以及旋转刻度标签。...此外，还要更改沿 x 轴的每个刻度值关联的标签。并用一个字符向量元胞数组来指定刻度标签。要在标签中包含特殊字符或希腊字母，可使用 TeX 标记，例如用 \pi 表示 π 符号。...1.3、更改刻度标签格式创建针状图并将沿 y 轴的刻度标签值显示为美元值。...ax.YAxis.Exponent = 0; ---- 2、突出显示特定等高线层级此示例演示如何突出显示特定层级的等高线，在以往的数学建模比赛中经常需要绘制此类图。...您可以通过对比条形颜色和颜色栏来估算条形的高度。

3.5K3 0

ggplot2包图形参数(坐标轴、分面、配色)整理

4.6.1 移除刻度线、刻度标签和网格线 theme(axis.ticks=element_blank()) # 移除两坐标轴刻度线，无法仅隐藏单个坐标轴的刻度线 theme(axis.text.x...= element_blank()) # 仅移除x轴刻度标签，y轴同 scale_y_continuous(breaks=NULL) # 移除y轴刻度线、刻度标签和y轴网格线，仅对连续型坐标轴有效...4.6.2 设置刻度线位置调整参数breaks可以修改刻度线的位置 scale_y_continuous(breaks=c(4, 5, 6, 7，8)) # x轴同理使用seq()函数可以生成刻度线的位置向量...标度范围是0～1（其中0对应黑色，1对应白色），灰度调色板的默认范围是0.2～0.8，但这个可以更改。...scale_fill_grey(start=0.7, end=0) 倒转方向并且更改灰度范围 6.4 对离散型变量使用自定义调色板用scale_colour_manual()函数来自定义颜色；填充色标度

11.3K4 1

JNI编程demo

sendToTarget(); } private static Handler handler = new Handler(){ public void handleMessage(android.os.Message...seekBar) { } @Override public void onProgressChanged(SeekBar seekBar...for (jint i = 0; i < height; i++) { for (jint j = 0; j < width; j++) { // 获得像素的颜色...jint blue = color & 0x000000FF; color = (red + green + blue) / 3; //__android_log_print...(ANDROID_LOG_ERROR, "TAG", "pix=%d", color); if (color <= threshold) { color

3184 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭