当前位置:   article > 正文

Android SeekBar 进度条圆角_android 进度条两端圆

android 进度条两端圆

先看下效果图:

之前:

优化后:

之前的不是圆角是clip切割导致的

全代码:

  1. <SeekBar
  2. android:layout_width="188dp"
  3. android:layout_height="wrap_content"
  4. android:background="@null"
  5. android:focusable="true"
  6. android:maxHeight="6dp"
  7. android:paddingStart="0dp"
  8. android:paddingTop="4dp"
  9. android:paddingEnd="0dp"
  10. android:paddingBottom="4dp"
  11. android:progress="0"
  12. android:progressDrawable="@drawable/bg_ps_seek_bar"
  13. android:secondaryProgress="0"
  14. android:max="3"
  15. android:splitTrack="false"
  16. android:thumb="@null" />

bg_ps_seek_bar.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  3. <item
  4. android:id="@android:id/background"
  5. android:paddingBottom="4dp"
  6. android:paddingTop="4dp">
  7. <shape>
  8. <corners android:radius="24dp"/>
  9. <solid android:color="#efefef"/>
  10. </shape>
  11. </item>
  12. <item
  13. android:id="@android:id/progress"
  14. android:paddingBottom="4dp"
  15. android:paddingTop="4dp">
  16. <scale android:scaleWidth="100%"
  17. android:drawable="@drawable/bg_ps_progress_bar" />
  18. </item>
  19. </layer-list>

bg_ps_progress_bar.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android">
  3. <corners android:radius="24dp"/>
  4. <gradient
  5. android:angle="0"
  6. android:endColor="#ff8a13"
  7. android:startColor="#ffcd11"/>
  8. </shape>

参考文章:android ProgressBar 进度条的进度两端是圆角的方法 - 蓼蓝的梦想 - 博客园 (cnblogs.com)

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

闽ICP备14008679号