android SeekBar 样式大全

UI参考

Xml代码

<SeekBar
android:id="@+id/seekbar"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:progressDrawable="@layout/seekbar_style"
android:thumb="@layout/thumb" />

方式一：通过背景图片设置实现

seekbar_style.xml

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">
<!-- 背景图 :这里使用9文件，因此这么配置,
如果使用的是普通图片可直接使用<drawable />标签，或者使用<shape />标签，自定义图形 -->
<nine-patch android:src="@drawable/skin_bg" />
</item>
<item android:id="@android:id/progress">
<clip >
<nine-patch android:src="@drawable/skin_bg2" />
</clip>
</item>
</layer-list>

thumb.xml

Xml代码

<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/menu_bg" android:state_pressed="true"/>
<item android:drawable="@drawable/menu_bg" android:state_focused="false" android:state_pressed="false"/>
</selector>

方式二：通过<shape />标签为SeekBar设置背景和进度的xml配置文件

seekbar_style.xml

Xml代码

<?xml version="1.0" encoding="utf-8"?>
<!-- ChenJianLi Code: View: Seekbar
滑动时的背景效果 -->
<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="#ffffffff"
android:centerColor="#fffffff0"
android:centerY="0.75"
android:endColor="#fffffafa"
android:angle="270"
/>
</shape>
</item>
<item android:id="@android:id/secondaryProgress">
<clip>
<shape>
<corners android:radius="5dip" />
<gradient
android:startColor="#8000cdcd"
android:centerColor="#8000bfff"
android:centerY="0.75"
android:endColor="#a000b2ee"
android:angle="270"
/>
</shape>
</clip>
</item>
<item android:id="@android:id/progress">
<clip>
<shape>
<corners android:radius="5dip" />
<gradient
android:startColor="#ff00ffff"
android:centerColor="#ff00ced1"
android:centerY="0.75"
android:endColor="#ff00f5ff"
android:angle="270"
/>
</shape>
</clip>
</item>

方式三：

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/timeline1"></item>
<item
android:id="@android:id/progress"
android:drawable="@drawable/timeline2"></item>
</layer-list>

SeekBar_仿天天动听.zip (55.1 KB)
下载次数: 481

android SeekBar 样式大全相关推荐

android自定义样式大全：shape,selector,layer-list，style,动画全部内容
原文:http://keeganlee.me/post/android/20150830 以下摘取了部分内容: shape 一般用shape定义的xml文件存放在drawable目录下,若项目没有该目 ...
自定义漂亮的Android SeekBar样式
系统自带的SeekBar真是太难看了,不能容忍! 只能自己做了,先来张效果图第1个Seekbar 背景是颜色,thumb是图片,上代码: <SeekBarandroid:id="@+ ...
android 自定义 seekbar,自定义漂亮的Android SeekBar样式
Paste_Image.png 第一个Seekbar 背景是颜色,thumb是图片,上代码: android:id="@+id/timeline" android:layout_w ...
android 酷狗demo_Android仿酷狗音乐SeekBar——样式篇
Android仿酷狗音乐SeekBar 需求:仿酷狗音乐SeekBar 直接上图,上代码 1903148-676fcbf2e5048392.png 1903148-d3e5ab81fa2acd42.p ...
Vvivo仿原声Android主题,Android 仿vivo的SeekBar样式
本篇其实是有点水的,目的是为了记录一下SeekBar的样式自定义步骤,SeekBar使用并不是特别多,但一需要用的时候就东找西找,实在不好,也耗时间,刚好看到vivo系统设备里面的SeekBar样式, ...
Android 对话框(Dialog)大全建立你自己的对话框
Android 对话框(Dialog)大全建立你自己的对话框创建对话框一个对话框一般是一个出现在当前Activity之上的一个小窗口. 处于下面的Activity失去焦点, 对话框接受所有的用户 ...
android seekbar闪退,android seekbar 踩坑之路
最近项目中有用到seekbar,之前对这东西不太了解,趁机来踩坑. seekbar样式按我觉得Material 中的还不算难看了.但是美工给了自己的样式,还是得改. 主要有这2个属性: androi ...
使用Kotlin的Android SeekBar
In this tutorial, we'll discuss and implement SeekBar in our Android Application using Kotlin. 在本教程中 ...
Android SeekBar和RatingBar示例教程
In this tutorial we'll implement a SeekBar and a RatingBar in our android application. Before we jum ...

android SeekBar 样式大全

android SeekBar 样式大全相关推荐

最新文章

热门文章