Android下修改SeekBar样式的解决办法
Android下修改SeekBar样式的解决办法
发布时间:2016-12-28 来源:查字典编辑
摘要:SeekBar配置文件:Xml代码复制代码代码如下:android:progressDrawable="@drawable/seekbar_...

SeekBar配置文件:

Xml代码

复制代码 代码如下:

<SeekBar

android:id="@+id/player_seekbar"

android:layout_width="245px"

android:layout_height="25px"

android:progressDrawable="@drawable/seekbar_style"

android:thumb="@drawable/thumb"

android:paddingLeft="16px"

android:paddingRight="15px"

android:paddingTop="5px"

android:paddingBottom="5px"

android:progress="0"

android:max="0"

android:secondaryProgress="0"

/>

android:progressDrawable="@drawable/seekbar_style"背景条

seekbar_style配置如下:

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">

<shape>

<corners android:radius="5dip" />

<gradient

android:startColor="#ff9d9e9d"

android:centerColor="#ff5a5d5a"

android:centerY="0.75"

android:endColor="#ff747674"

android:angle="270"

/>

</shape>

</item>

<item android:id="@android:id/secondaryProgress">

<clip>

<shape>

<corners android:radius="5dip" />

<gradient

android:startColor="#80ffd300"

android:centerColor="#80ffb600"

android:centerY="0.75"

android:endColor="#a0ffcb00"

android:angle="270"

/>

</shape>

</clip>

</item>

<item android:id="@android:id/progress">

<clip>

<shape>

<corners android:radius="5dip" />

<gradient

android:startColor="#ff0099CC"

android:centerColor="#ff3399CC"

android:centerY="0.75"

android:endColor="#ff6699CC"

android:angle="270"

/>

</shape>

</clip>

</item>

</layer-list>

或者:用图片如下:

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/progress_bg" />

<item android:id="@android:id/secondaryProgress"

android:drawable="@drawable/second_progress">

</item>

<item android:id="@android:id/progress"

android:drawable="@drawable/first_progress">

</item>

</layer-list>

方形

Xml代码

复制代码 代码如下:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

<item android:id="@android:id/background"

android:drawable="@drawable/progress_bg" />

<item android:id="@android:id/secondaryProgress">

<clip android:drawable="@drawable/second_progress" />

</item>

<item android:id="@android:id/progress">

<clip android:drawable="@drawable/first_progress" />

</item>

</layer-list>

android:thumb="@drawable/thumb"就是那个会动的球

配置如下:

Xml代码

复制代码 代码如下:

<?xml version="1.0" encoding="UTF-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

<>

<item

android:state_focused="true"

android:state_pressed="true"

android:drawable="@drawable/thumb_pressed" />

<>

<item

android:state_focused="false"

android:state_pressed="false"

android:drawable="@drawable/thumb_normal" />

<>

<item

android:state_focused="true"

android:state_pressed="false"

android:drawable="@drawable/thumb_focused" />

<>

<item

android:state_focused="true"

android:drawable="@drawable/thumb_focused" />

</selector>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新安卓软件开发学习
热门安卓软件开发学习
编程开发子分类