赞
踩
先看下效果图:
之前:
优化后:
之前的不是圆角是clip切割导致的
全代码:
- <SeekBar
- android:layout_width="188dp"
- android:layout_height="wrap_content"
- android:background="@null"
- android:focusable="true"
- android:maxHeight="6dp"
- android:paddingStart="0dp"
- android:paddingTop="4dp"
- android:paddingEnd="0dp"
- android:paddingBottom="4dp"
- android:progress="0"
- android:progressDrawable="@drawable/bg_ps_seek_bar"
- android:secondaryProgress="0"
- android:max="3"
- android:splitTrack="false"
- android:thumb="@null" />
bg_ps_seek_bar.xml
- <?xml version="1.0" encoding="utf-8"?>
- <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
- <item
- android:id="@android:id/background"
- android:paddingBottom="4dp"
- android:paddingTop="4dp">
- <shape>
- <corners android:radius="24dp"/>
- <solid android:color="#efefef"/>
- </shape>
- </item>
-
- <item
- android:id="@android:id/progress"
- android:paddingBottom="4dp"
- android:paddingTop="4dp">
- <scale android:scaleWidth="100%"
- android:drawable="@drawable/bg_ps_progress_bar" />
- </item>
- </layer-list>
bg_ps_progress_bar.xml
- <?xml version="1.0" encoding="utf-8"?>
- <shape xmlns:android="http://schemas.android.com/apk/res/android">
- <corners android:radius="24dp"/>
- <gradient
- android:angle="0"
- android:endColor="#ff8a13"
- android:startColor="#ffcd11"/>
- </shape>
参考文章:android ProgressBar 进度条的进度两端是圆角的方法 - 蓼蓝的梦想 - 博客园 (cnblogs.com)
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。