进度条样式文件 d_progressbar 边距">
当前位置:   article > 正文

进度条ProgressBar 样式属性_progressbar 边距

progressbar 边距

一、常规

进度条布局:

  1. <ProgressBar
  2. android:layout_width="150dp"
  3. android:layout_height="20dp"
  4. style="@style/Widget.AppCompat.ProgressBar.Horizontal"
  5. android:progressDrawable="@drawable/drawable_progress"
  6. android:progress="50"/>

进度条样式文件 drawable_progress.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  3. <item android:id="@android:id/background">
  4. <shape >
  5. <solid android:color="#C72222"/>
  6. <corners android:radius="10dp"/>
  7. </shape>
  8. </item>
  9. <item android:id="@android:id/progress">
  10. <clip>
  11. <shape>
  12. <corners android:radius="8dp"/>
  13. <solid android:color="#FCA206"/>
  14. <!--进度条边距-->
  15. <stroke
  16. android:width="2dp"
  17. android:color="#C72222"/>
  18. </shape>
  19. </clip>
  20. </item>
  21. </layer-list>

 效果图:

<layer-list> 标签

使用layer-list可以将多个drawable按照顺序层叠在一起显示,例如显示带有阴影的圆角矩形等。

layer    [ˈleɪə(r)]    层;层次

<clip>标签

使用clip标签可以对drawable进行裁剪,在做进度条时很有用,通过设置level值控制裁剪多少。

clip    [klɪp]    修剪;夹子

 二、圆角效果

把clip标签替换成scale标签

  1. <item android:id="@android:id/progress">
  2. <!--缩放范围-->
  3. <scale android:scaleWidth="100%">
  4. <shape>
  5. <corners android:radius="8dp"/>
  6. <solid android:color="#FCA206"/>
  7. <!--进度条边距-->
  8. <stroke
  9. android:width="2dp"
  10. android:color="#C72222"/>
  11. </shape>
  12. </scale>
  13. </item>

 效果图:

<scale>标签

使用scale标签可以对drawable进行缩放操作,是通过设置level来控制缩放的比例,scaleWidth属性用于设置可缩放的范围。clip和scale相比前者是裁剪shape,后者是缩放shape。

scale   [skeɪl]   范围;程度

三、渐变效果

solid替换成gradient

  1. <item android:id="@android:id/progress">
  2. <!--缩放范围-->
  3. <scale android:scaleWidth="100%">
  4. <shape>
  5. <corners android:radius="8dp"/>
  6. <gradient
  7. android:startColor="#FCA206"
  8. android:endColor="#43C33D" />
  9. <!--进度条边距-->
  10. <stroke
  11. android:width="2dp"
  12. android:color="#C72222"/>
  13. </shape>
  14. </scale>
  15. </item>

效果图: 

gradient    [ˈɡreɪdiənt]    坡度;变化率

 参考博客:

ProgressBar进度条圆角 https://blog.csdn.net/shma1022/article/details/70590661

drawable类型clip、scale  https://blog.csdn.net/haoxuhong/article/details/81102910

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/474193
推荐阅读