Android进度条背景变暗解决办法 自定义SeekBar主题

Android进度条背景变暗解决办法:不要使用图片,使用xml背景。

自定义进度条主题

    <style name="ProgressBarStyle" parent="@android:style/Widget.ProgressBar.Horizontal">
        <item name="android:layout_width">600dp</item>
        <item name="android:layout_height">50dp</item>
        <item name="android:max">32</item>
        <item name="android:maxHeight">12dp</item>
        <item name="android:minHeight">12dp</item>
        <item name="android:progressDrawable">@drawable/progress_horizontal</item>
        <item name="android:thumb">@mipmap/panel_seekbar_thumb</item>
        <item name="android:thumbOffset">4dip</item>
        <item name="android:layout_marginLeft">10dp</item>
        <item name="android:layout_marginRight">30dp</item>
        <item name="android:splitTrack">false</item>
    </style>

自定义进度条背景

<?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>
            <stroke android:color="#526780" android:width="1dp" />
            <corners android:radius="3dip" />
            <gradient
                android:startColor="#304761"
                android:centerColor="#223750"
                android:centerY="0.75"
                android:endColor="#304761"
                android:angle="270"
                />
        </shape>
    </item>

    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="3dip" />
                <gradient
                    android:startColor="#7f92a7"
                    android:centerColor="#6b7d90"
                    android:centerY="0.75"
                    android:endColor="#7f92a7"
                    android:angle="270"
                    />
            </shape>
        </clip>
    </item>

    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="3dip" />
                <gradient
                    android:startColor="#7f92a7"
                    android:centerColor="#6b7d90"
                    android:centerY="0.75"
                    android:endColor="#7f92a7"
                    android:angle="270"
                    />
            </shape>
        </clip>
    </item>

</layer-list>

android原生进度条背景

<?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="5dip" />
            <gradient
                android:startColor="#ff9d9e9d"
                android:centerColor="#ff5a5d5a"
                android:centerY="0.75"
                android:endColor="#ff747674"
                android:angle="270"
                />
        </shape>
    </item>

    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="5dip" />
                <gradient
                    android:startColor="#80ffd300"
                    android:centerColor="#80ffb600"
                    android:centerY="0.75"
                    android:endColor="#a0ffcb00"
                    android:angle="270"
                    />
            </shape>
        </clip>
    </item>

    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="5dip" />
                <gradient
                    android:startColor="#ffffd300"
                    android:centerColor="#ffffb600"
                    android:centerY="0.75"
                    android:endColor="#ffffcb00"
                    android:angle="270"
                    />
            </shape>
        </clip>
    </item>

</layer-list>


使用方法

	<SeekBar
	    android:id="@+id/sb"
	    style="@style/SeekBarStyle"
	    android:progress="100" />
posted @   xiaomodecnblogs  阅读(91)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· winform 绘制太阳,地球,月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示