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 @ 2022-03-12 22:04  xiaomodecnblogs  阅读(88)  评论(0编辑  收藏  举报