ProgressBar 颜色的设置

本文介绍了如何在Android中创建并配置自定义水平进度条和动画旋转进度条,包括布局文件代码、XML文件定义、颜色设置及关键组件的使用方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

转载自:http://blog.youkuaiyun.com/mars2639/article/details/6620836

布局文件代码:

  1. <ProgressBar
  2. android:id="@+id/progressbar"
  3. android:layout_width="wrap_content"
  4. android:layout_height="wrap_content"
  5. android:indeterminateDrawable="@drawable/progressbar"
  6. />
<ProgressBar 
				android:id="@+id/progressbar"
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:indeterminateDrawable="@drawable/progressbar"
			/>

此XML文件新建在drawable目录下:文件名为:progressbar

  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <animated-rotate
  3. xmlns:android="http://schemas.android.com/apk/res/android"
  4. android:pivotX="50%"android:pivotY="50%"
  5. android:fromDegrees="0"
  6. android:toDegrees="360">
  7. <shape
  8. android:shape="ring"
  9. android:innerRadiusRatio="3"
  10. android:thicknessRatio="8"
  11. android:useLevel="false">
  12. <gradient
  13. android:type="sweep"
  14. android:useLevel="false"
  15. android:startColor="#6BD3FF"
  16. android:centerColor="#FF7121"
  17. android:centerY="0.50"
  18. android:endColor="#FFFF00"/>
  19. </shape>
  20. </animated-rotate>
<?xml version="1.0" encoding="utf-8"?>
<animated-rotate
 xmlns:android="http://schemas.android.com/apk/res/android"
android:pivotX="50%" android:pivotY="50%" 
android:fromDegrees="0" 
android:toDegrees="360">
 
 <shape 
 android:shape="ring" 
 android:innerRadiusRatio="3" 
android:thicknessRatio="8" 
android:useLevel="false"> 
<gradient 
android:type="sweep" 
android:useLevel="false" 
android:startColor="#6BD3FF" 
android:centerColor="#FF7121" 
android:centerY="0.50" 
android:endColor="#FFFF00" /> 
</shape> 
 
</animated-rotate>



至于设置水平进度条的颜色:

  1. <LinearLayoutandroid:gravity="center"
  2. android:orientation="horizontal"
  3. android:padding="10dp"
  4. android:layout_width="fill_parent"
  5. android:layout_height="wrap_content">
  6. <SeekBarandroid:layout_gravity="center"android:id="@android:id/progress"
  7. android:paddingLeft="8.0dip"android:paddingRight="8.0dip"
  8. android:paddingBottom="4.0dip"android:layout_width="fill_parent"
  9. android:layout_height="wrap_content"android:maxHeight="2.0px"
  10. android:progressDrawable="@drawable/progressbar_drawable"android:minHeight="2.0px"
  11. android:thumb="@drawable/seekbar_thumb"style="?android:attr/progressBarStyleHorizontal"/>
  12. </LinearLayout>
	<LinearLayout android:gravity="center"
		android:orientation="horizontal"
		android:padding="10dp" 
		android:layout_width="fill_parent"
		android:layout_height="wrap_content">
		<SeekBar android:layout_gravity="center" android:id="@android:id/progress"
			android:paddingLeft="8.0dip" android:paddingRight="8.0dip"
			android:paddingBottom="4.0dip" android:layout_width="fill_parent"
			android:layout_height="wrap_content" android:maxHeight="2.0px"
			android:progressDrawable="@drawable/progressbar_drawable" android:minHeight="2.0px"
			android:thumb="@drawable/seekbar_thumb" style="?android:attr/progressBarStyleHorizontal" />
	</LinearLayout>

progressbar_drawable.xml如下:

  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <layer-listxmlns:android="http://schemas.android.com/apk/res/android">
  3. <itemandroid:id="@android:id/background">
  4. <shape>
  5. <cornersandroid:radius="2.0dip"/>
  6. <gradientandroid:startColor="#ff000000"android:centerColor="#ff000000"android:endColor="#ff000000"android:angle="270.0"android:centerY="2.0"/>
  7. </shape>
  8. </item>
  9. <itemandroid:id="@android:id/progress">
  10. <clip>
  11. <shape>
  12. <cornersandroid:radius="2.0dip"/>
  13. <gradientandroid:startColor="#ff33b5e5"android:centerColor="#ff33b5e5"android:endColor="#ff33b5e5"android:angle="270.0"android:centerY="2.0"/>
  14. </shape>
  15. </clip>
  16. </item>
  17. </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">
        <shape>
            <corners android:radius="2.0dip" />
            <gradient android:startColor="#ff000000" android:centerColor="#ff000000" android:endColor="#ff000000" android:angle="270.0" android:centerY="2.0"  />
        </shape>
    </item>
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="2.0dip" />
                <gradient android:startColor="#ff33b5e5" android:centerColor="#ff33b5e5" android:endColor="#ff33b5e5" android:angle="270.0" android:centerY="2.0"  />
            </shape>
        </clip>
    </item>
</layer-list>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值