您的位置:首页 > 移动开发 > Android开发

Android seekbar样式介绍

2015-11-24 11:42 387 查看
转载请标明出处:http://blog.csdn.net/u013598111/article/details/50009833,本文出自:【JunTao_sun】


<span style="font-size:18px;"><SeekBar
android:id="@+id/seekbar"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:maxHeight="4dp"
android:minHeight="4dp"
android:progressDrawable="@drawable/player_white"
android:thumb="@drawable/player_white" />
</span>thumb
属性是引用图片资源  seekbar的按钮


progressDrawable 引用res下的drawable自定义样式,样式里的<item 属性分三种可用:

1.android:id="@+android:id/background"    seekbar未到达区域 

2.android:id="@+android:id/secondaryProgress"   好想可以忽略 用1 3属性即可

3.android:id="@+android:id/progress"    clip端,seekbar进度

第一种 不引用图片进度样式:

<span style="font-size:18px;"><?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>
<solid android:color="#aa51495e" />

<corners android:radius="10dp" />
</shape>
</item>
<item android:id="@+android:id/progress">
<clip>
<shape>
<solid android:color="#ffffffff" />

<corners android:radius="10dp" />
</shape>
</clip>
</item>

</layer-list></span>第二种 可以引入图片样式做背景和剪切:

<span style="font-size:18px;"><?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/seekbar_background">
</item>
<item android:id="@+android:id/progress">
<scale
android:drawable="@drawable/seekbar_white_progress"
android:scaleWidth="100%" >

<!-- <clip -->
<!-- android:drawable="@drawable/setting_bright_seekbar_progress" -->
<!-- /> -->

</scale>
</item>

</layer-list></span>

上面的<scale  可以换成<clip 里的,效果一样。

 thumb 属性也可以引用 选择器资源,按下和正常下的图片切换:

<span style="font-size:18px;"><?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="false" android:drawable="@drawable/seekbar_normal" />
<item android:state_focused="true" android:state_pressed="true" android:drawable="@drawable/seekbar_pressed" />
<item android:state_focused="false" android:state_pressed="true" android:drawable="@drawable/seekbarb_pressed" />
<item android:drawable="@drawable/seekbar_normal" />
</selector></span>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息