SeekBar样式修改

来源：互联网发布：现在淘宝搜索规则编辑：程序博客网时间：2024/06/08 14:25

1、查看系统属性来修改

找到values → styles.xml → DarkActionBar点击进入

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">

找到SeekBar样式，SeekBar点击进入

<style name="Widget.AppCompat.SeekBar" parent="Base.Widget.AppCompat.SeekBar"/>

找到小圆球

<item name="android:thumb">@drawable/abc_seekbar_thumb_material</item>

<item name="android:progressDrawable">@drawable/abc_seekbar_track_material</item>

找到progressDrawable，abc_seekbar_track_material点击进入，把里面内容全部COPY

创建一个drawable资源，例如：sb_progress_drawable.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:drawable="@drawable/sb_bg"/>    <item android:id="@android:id/secondaryProgress">        <scale android:scaleWidth="100%">            <selector>                <item android:state_enabled="false">                    <color android:color="@android:color/transparent"/>                </item>                <item android:drawable="@drawable/sb_bg_second"/>            </selector>        </scale>    </item>    <item android:id="@android:id/progress">        <scale android:scaleWidth="100%">            <selector>                <item android:state_enabled="false">                    <color android:color="@android:color/transparent"/>                </item>                <item android:drawable="@drawable/sb_progress"/>            </selector>        </scale>    </item></layer-list>

背景需要白色，创建一个sb_bg.xml 的shape 图形

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="line">    <stroke android:width="2dp" android:color="#fff"/></shape>

背景第二颜色为灰色，创建sb_bg_second.xml的shape图形

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="line">    <stroke android:width="2dp" android:color="#fff"/></shape>

progress创建，sb_progress.xml的shape图形

<SeekBar    android:id="@+id/seekBar"    android:layout_width="0dp"    android:layout_weight="1"    android:layout_height="wrap_content"    android:layout_marginRight="10dp"

    //在布局文件中添加    android:thumb="@drawable/biz_video_progress_thumb"    android:progressDrawable="@drawable/sb_progress_drawable"    />

0 0