自定义Progressbar

最新推荐文章于 2022-10-29 17:38:53 发布

原创最新推荐文章于 2022-10-29 17:38:53 发布 · 5.9k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#android #layout #encoding #layer

控件效果专栏收录该内容

6 篇文章

订阅专栏

本文详细介绍了如何在Android中自定义并美化进度条组件，通过XML布局文件实现个性化风格，包括背景颜色渐变、圆角等效果，显著提升应用界面的视觉体验。

android系统自带的那个progressbar比较戳，开发都会重新定义。

先看下效果：

肿么杨啊，比系统的好看多了吧

progressbar：

<ProgressBar
			android:id="@+id/downloadbar"   
			android:layout_width="fill_parent"
			android:layout_height="10dip"
			style="?android:attr/progressBarStyleHorizontal"
			android:progressDrawable="@drawable/progressbar_layer_list"
			android:background="@drawable/progressbar_box"
		/>

其中的progressbar_layer_list

<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
	<item android:id="@android:id/background">
        <clip>
            <shape>
                <corners android:radius="15dip" />
                <gradient android:startColor="#00b7ee" android:endColor="#0075a9" android:angle="270" android:centerY="0.75"/>
            </shape>
        </clip>
    </item>
	<item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="15dip" />
                <gradient android:startColor="#00b7ee" android:endColor="#0075a9" android:angle="270" android:centerY="0.75"/>
            </shape>
        </clip>
    </item>
    
	<item android:id="@android:id/progress">
		<clip>
			<shape>
				<gradient android:startColor="#00b7ee" android:endColor="#0075a9" android:angle="270" android:centerY="0.25"/>
				<corners android:radius="15dip"/>
			</shape>
		</clip>
	</item>
</layer-list>

background图片：