垂直方向进度条

墨蓝 2023-10-03 18:51 128阅读 0赞
  1. <ProgressBar
  2. android:id="@+id/spb"
  3. style="?android:attr/progressBarStyleHorizontal"
  4. android:layout_width="wrap_content"
  5. android:layout_height="match_parent"
  6. android:layout_marginBottom="1dp"
  7. android:max="100"
  8. android:progress="50"
  9. android:progressDrawable="@drawable/progress_vertical"/>

progress_vertical.xml

  1. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  2. <item android:id="@android:id/background">
  3. <shape>
  4. <!-- <corners android:radius="5dip" />-->
  5. <solid android:color="@color/white"/>
  6. <!-- <gradient-->
  7. <!-- android:startColor="#ff9d9e9d"-->
  8. <!-- android:centerColor="#ff5a5d5a"-->
  9. <!-- android:centerX="0.75"-->
  10. <!-- android:endColor="#ff747674"-->
  11. <!-- android:angle="90"-->
  12. <!-- />-->
  13. </shape>
  14. </item>
  15. <!-- <item android:id="@android:id/secondaryProgress">-->
  16. <!-- <clip>-->
  17. <!-- <shape>-->
  18. <!-- <corners android:radius="5dip" />-->
  19. <!-- <gradient-->
  20. <!-- android:startColor="#80ffd300"-->
  21. <!-- android:centerColor="#80ffb600"-->
  22. <!-- android:centerX="0.75"-->
  23. <!-- android:endColor="#a0ffcb00"-->
  24. <!-- android:angle="90"-->
  25. <!-- />-->
  26. <!-- </shape>-->
  27. <!-- </clip>-->
  28. <!-- </item>-->
  29. <item android:id="@android:id/progress">
  30. <clip android:clipOrientation="vertical"
  31. android:gravity = "bottom">
  32. <shape android:shape="rectangle">
  33. <!-- <corners android:radius="5dip" />-->
  34. <solid android:color="#ffffd300"/>
  35. <!-- <gradient-->
  36. <!-- android:startColor="#ffffd300"-->
  37. <!-- android:centerColor="#ffffb600"-->
  38. <!-- android:centerX="0.75"-->
  39. <!-- android:endColor="#ffffcb00"-->
  40. <!-- android:angle="90"-->
  41. <!-- />-->
  42. </shape>
  43. </clip>
  44. </item>
  45. </layer-list>

发表评论

表情:
评论列表 (有 0 条评论,128人围观)

还没有评论,来说两句吧...

相关阅读

    相关 垂直方向的布局

    垂直方向的布局 子元素是在父元素的内容区中排列的, 如果子元素的大小超过了父元素,则子元素会从父元素中溢出 ![在这里插入图片描述][4e9967a5b8004d