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>
<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>
相关文章推荐
- 安卓android 自定义SeekBar进度条样式
- 自定义竖向SeekBar ,横向SeekBar 样式
- Android中线程间的通信
- Android webview和js的相互调用
- Android测试教程5--模拟键盘输入
- Android进程间通信机制——Binder学习
- Github项目解析(一)-->上传Android项目至github
- 国内android aosp源代码下载方法
- Android 各种make命令
- Android在sd卡生成log文件
- Android Studio快捷键
- Android数据存储
- android解决xml里设置高度跟代码里的设置高度不同
- Android MediaPlayer状态机
- android应用中去掉标题栏的方法
- Android 通知栏Notification的整合 全面学习 (一个DEMO让你完全了解它)
- android Apk打包过程概述_android是如何打包apk的
- Android开机自启动程序
- 关于Android的.so文件你所需要知道的
- Android AutoLayout全新的适配方式 堪称适配终结者