- 浏览: 313313 次
- 性别:
- 来自: 苏州
文章分类
- 全部博客 (228)
- ArcGis (4)
- UI设计 (32)
- SQLite (7)
- ListView (12)
- Handler_Thread (6)
- XML (5)
- Menu (7)
- TabHost (6)
- Inflater (2)
- Activity (5)
- SDCard (3)
- Dialog (7)
- Spinner (3)
- 设备信息 (2)
- 资源文件 (7)
- 多媒体 (7)
- 图片浏览 (5)
- 工具的使用 (3)
- Animation动画 (7)
- GIS (14)
- 软件发布 (4)
- GPS (2)
- 手机Feature开发 (6)
- 加密解密 (1)
- Time (2)
- JWeb (5)
- SQL (2)
- PhoneGap (3)
- JavaScript (3)
- Object-C入门 (7)
- Oracle (1)
- AutoCompleteTextView (1)
- APN (1)
- IOS开发 (12)
- 数据库工具 (3)
- UITableView (0)
- Arcgis for iOS (1)
最新评论
-
waterM:
...
DBVis 连接数据库配置 -
航空母舰:
上源码吧,差资源,都跑不起来!
ListView_split 分割 -
wade200:
学习了
启动另一个Activity并返回结果(附源码) -
AndLi:
里面的坐标被我写死了啊,你注释掉就可以了
GPS定位 -
kunlinchen2010:
求指教,QQ:446482624
GPS定位
SeekBar 样式设置
- 博客分类:
- UI设计
UI参考
<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 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 version="1.0" encoding="UTF-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <!-- seekbar的滑块样式 --> <!-- 按下状态 --> <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 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 version="1.0" encoding="UTF-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android" > <!-- 使用<drawable />标签设置背景图片 --> <!-- 背景项 --> <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)
- 下载次数: 895
发表评论
-
日期编辑框
2012-03-11 13:21 819<EditText ... -
AutoCompleteText
2012-02-28 09:23 1210ArrayAdapter<String> a ... -
TextView 为空判别
2012-02-27 22:24 1254String user = username ... -
播放器主界面设计
2012-01-03 16:23 1154<?xml version="1.0&q ... -
自定义加载中和加载失败滚动条
2011-12-27 22:04 722111111111111111 -
MyApplication的配置:否则缓存为空
2011-12-26 23:58 994<application ... -
拖动界面设计参考
2011-12-26 16:44 1060111111111111111111111111 -
设置界面设计
2011-12-25 21:45 1241如何获得用户名的值呢: // 获得配置参数:用户名 fin ... -
天天动听UI——主界面
2011-12-24 20:13 82811111111111111111111111111111 ... -
地图设计参考界面
2011-12-07 16:53 7527777777777777777777777777777777 ... -
录音界面设计参考
2011-12-06 21:25 9431111111111111111111111111111111 ... -
左 中 右 布局(样式走样的问题)
2011-12-06 09:46 1228注意:使用系统自带的checkbox会导致样式走样,如下 ... -
动态生成UI 数据列表项(处理数据上报)2 分类显示
2011-10-19 23:43 820分类显示 -
动态生成UI 数据列表项(处理数据上报)1
2011-10-19 23:04 1314核心思路:ScrollView+LinearLayo ... -
webview 类似浏览器
2011-10-13 07:50 661package com.lilin.browser; ... -
WebView 网络视图
2011-10-13 07:50 919public class Main extends Activ ... -
网格布局 TableLayout
2011-10-12 08:00 843<?xml version="1.0&q ... -
帧布局 FrameLayout
2011-10-13 07:50 1012<?xml version="1.0&q ... -
进度条大全
2011-10-11 07:11 8771.对话框进度条 public class Mai ... -
绝对布局 AbsoluteLayout
2011-10-11 07:12 872<?xml version="1.0" ...
相关推荐
横向SeekBar 样式设置,自定义竖向SeekBar.
自定义的 SeekBar 样式,实现很简单,有需要的可以看看,本demo是仿酷狗SeekBar 的样式,进度条上小圆球可以随意拖动,如果不需要小圆球的只需要将main.xml里面的android:thumb="@drawable/seek_thumb"去掉就行了...
自定义SeekBar样式源码
如何自定义seekBar的样式 应用中自定seekbar: 1:首先在布局文件中添加seekbar控件 <SeekBar android:id="@+id/seek" android:layout_width="300px" android:layout_height="wrap_content" android:max="100...
三种不同的方式自定义SeekBar样式,其中的资源文件根据自己的开发软件可以修改的,如as中用的mipmap较多,eclipse中用的drawable较多。
自定义的 SeekBar 样式,实现很简单,有需要的可以看看,本demo是仿酷狗SeekBar 的样式,进度条上小圆球可以随意拖动,如果不需要小圆球的只需要将main.xml里面的android:thumb="@drawable/seek_thumb"去掉就行了...
Android 自定义漂亮的Seekbar样式
NULL 博文链接:https://chenzheng8975.iteye.com/blog/2124165
通过简单的xml文件配置,就可实现自定义seekbar的样式。
自定义的圆弧行SeekBar。(PS:不支持0%-100%跳转)
android中设置水平进度条和seekbar的样式,自行写一个XML文件,
android 自定义音量键seekBar 可监听系统电话状态,实现媒体音量和通话音量自动切换调整声音大小。
教你怎么自定义Android的seekbar,详细用法http://blog.csdn.net/jan_s/article/details/45196937
SeekBar android:id=”@+id/player_seekbar” android:layout_width=”245px” android:layout_height=”25px” android:progressDrawable=”@drawable/seekbar_style” android:thumb=”@drawable/thumb” ...
Android应用源码之垂直SeekBar(拖动条)
SeekBar设置 代码里动态设置setProgressDrawable与setThumb 画图形,大家都比较熟悉,background是背景图,secondaryProgress第二进度条,progress进度条: <layer-list xmlns:android=...
/** * 简单操作,可直接添加项目... * 自定义seekbar样式,自定义滑动seekbar按钮,获取seekbar滑动的当前数值 * 自定义滚动选择器,例如时间选择器、最常见的地址栏选择器,我这人都有自定义好的,可以直接使用 */
使用shape来自定义安卓的seekbar样式
本工程实现了自定义了拖动条SeekBar,可显示拖动的进度,修改了拖动条的样式