自定义Seekbar拖动条式样
Android学习笔记:自定义Seekbar拖动条式样
SeekBar拖动条可以由用户控制,进行拖动操作。比如,应用程序中用户需要对音量进行控制,就可以使用拖动条来实现。
1.SeekBar控件的使用
1.1SeekBar常用属性
SeekBar的常用属性有以下一些:
android:max[integer]//设置拖动条的最大值
android:progress[integer]//设置当前的进度值
android:secondaryProgress[integer]//设置第二进度,通常用做显示视频等的缓冲效果
android:thumb[drawable]//设置滑块的图样
android:progressDrawable[drawable]//设置进度条的图样
1.2SeekBar事件监听器
在使用SeekBar时,我们可以通过设置事件监听器setOnSeekBarChangeListener来获取SeekBar的当前状态。在SeekBar中通常需要监听以下3个事件:
public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser);
public void onStartTrackingTouch(SeekBar seekBar);
public void onStopTrackingTouch(SeekBar seekBar);
其中,onProgressChanged()用于监听SeekBar进度值的改变;onStartTrackingTouch()用于监听SeekBar开始拖动;onStopTrackingTouch()用于监听SeekBar停止拖动。
1.3实例
在本实例中,实现了一个简单的SeekBar案例,设置了拖动条的最大值为100,当前进度值为30,第二进度为50。设置了SeekBar的事件监听器,对SeekBar进度值的改变、SeekBar开始拖动、SeekBar停止拖动进行了监听,并将结果分别显示在两个TextView控件中。
在xml布局文件中,实现了对一个SeekBar控件和两个TextView控件的布局设置,具体源代码如下:
xml布局文件
1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
2 xmlns:tools="http://schemas.android.com/tools"
3 android:orientation="vertical"
4 android:layout_width="match_parent"
5 android:layout_height="match_parent" >
6
7 <SeekBar
8 android:id="@+id/seekbar"
9 android:layout_width="match_parent"
10 android:layout_height="wrap_content"
11 android:max="100"
12 android:progress="30"
13 android:secondaryProgress="50">
14 </SeekBar>
15
16 <TextView
17 android:id="@+id/textview1"
18 android:layout_width="match_parent"
19 android:layout_height="wrap_content" >
20 </TextView>
21
22 <TextView
23 android:id="@+id/textview2"
24 android:layout_width="match_parent"
25 android:layout_height="wrap_content" >
26 </TextView>
27 </LinearLayout>
在java代码中,实现了对SeekBar进度值的改变、SeekBar开始拖动、SeekBar停止拖动的监听,具体源代码如下:
java代码
1 package com.example.android_seekbar;
2
3 import android.os.Bundle;
4 import android.widget.SeekBar;
5 import android.widget.SeekBar.OnSeekBarChangeListener;
6 import android.widget.TextView;
7 import android.app.Activity;
8
9 public class MainActivity extends Activity implements OnSeekBarChangeListener {
10
11 SeekBar mSeekBar; //SeekBar对象,用于显示进度条
12 TextView mTextView1; //TextView对象,用于显示当前进度值
13 TextView mTextView2; //TextView对象,用于显示拖动状态
14
15 @Override
16 public void onCreate(Bundle savedInstanceState) {
17 super.onCreate(savedInstanceState);
18 setContentView(R.layout.activity_main); //加载布局文件
19
20 //加载控件
21 mSeekBar = (SeekBar)this.findViewById(R.id.seekbar);
22 mTextView1 = (TextView)this.findViewById(R.id.textview1);
23 mTextView2 = (TextView)this.findViewById(R.id.textview2);
24
25 mSeekBar.setOnSeekBarChangeListener(this); //设置SeekBar的监听器
26 }
27
28 //进度值改变事件监听
29 public void onProgressChanged(SeekBar seekBar, int progress,
30 boolean fromUser) {
31 mTextView1.setText("当前值:" + progress);
32 }
33
34 //开始拖动事件监听
35 public void onStartTrackingTouch(SeekBar seekBar) {
36 mTextView2.setText("正在调节");
37 }
38
39 //停止拖动事件监听
40 public void onStopTrackingTouch(SeekBar seekBar) {
41 mTextView2.setText("停止调节");
42 }
43 }
实例运行后的效果如图1所示。
图1 Seekbar效果图
2.自定义SeekBar式样
Android提供的默认SeekBar式样很单一,并不能完全满足开发的需要,如何来定制自己的SeekBar式样呢?
不难看出,一个SeekBar是由滑块和滑竿两部分组成的。所以,要实现自定义的SeekBar式样,只需要分别实现自定义的滑块和滑竿就可以了。
2.1自定义滑块的实现
通过观察可以看出,滑块有两种状态:押下状态和未押下状态。当押下滑块时,滑块为高亮显示状态;当未押下滑块时,滑块为置灰状态。
所以,在我们自定义的Seekbar中,可以使用两张图片来分别表示滑块的押下和未押下状态。具体可以在工程的res/drawable目录下新建thumb.xml文件,来加载这两种张图片,并通过设置android:state_pressed属性来选择显示哪张图片。
具体的thumb.xml源代码如下:
thumb.xml源代码
1 <?xml version="1.0" encoding="utf-8"?>
2 <selector xmlns:android="http://schemas.android.com/apk/res/android">
3
4 <!-- 滑块未压下时 -->
5 <item
6 android:state_pressed="false"
7 android:drawable="@drawable/thumb_grey" >
8 </item>
9
10 <!-- 滑块压下时 -->
11 <item
12 android:state_pressed="true"
13 android:drawable="@drawable/thumb_green" >
14 </item>
15
16 </selector>
2.2自定义滑竿的实现
要实现自定义的滑竿式样,可以通过设置滑竿背景、进度条式样以及第二进度条式样来实现。具体可以在工程的res/drawable目录下新建seekbarbackground.xml文件,并通过设置android:drawable属性来加载三张图片分别表示滑竿背景、进度条式样以及第二进度条式样。
具体的seekbarbackground.xml源代码如下:
seekbarbackground.xml源代码
1 <?xml version="1.0" encoding="utf-8"?>
2 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
3
4 <!-- 滑竿背景 -->
5 <item
6 android:id="@android:id/background"
7 android:drawable="@drawable/seekbar_background" >
8 </item>
9
10 <!-- 第二进度条式样 -->
11 <item
12 android:id="@android:id/secondaryProgress"
13 android:drawable="@drawable/seekbar_secondaryprogress" >
14 </item>
15
16 <!-- 进度条式样 -->
17 <item
18 android:id="@android:id/progress"
19 android:drawable="@drawable/seekbar_progress" >
20 </item>
21 </layer-list>
2.3自定义SeekBar式样的效果
定义好了自己的滑块和滑竿式样之后,就可以在main.xml文件中加载自己定义的滑块和滑竿式样了。加载方法如下:
android:thumb="@drawable/thumb"
android:progressDrawable="@drawable/seekbarbackground"
运行后就可以看到自己定义的Seekbar式样了,如图2和图3所示。其中,图2是滑块未押下时的Seekbar式样,图3是滑块押下并滑动时的Seekbar式样。
转载于:https://blog.51cto.com/xjy324844629/1346531
自定义Seekbar拖动条式样相关推荐
- Android自定义Seekbar拖动条式样
SeekBar拖动条可以由用户控制,进行拖动操作.比如,应用程序中用户需要对音量进行控制,就可以使用拖动条来实现. 1.SeekBar控件的使用 1.1SeekBar常用属性 SeekBar的常用属性 ...
- Android学习笔记18:自定义Seekbar拖动条式样
SeekBar拖动条可以由用户控制,进行拖动操作.比如,应用程序中用户需要对音量进行控制,就可以使用拖动条来实现. 1.SeekBar控件的使用 1.1SeekBar常用属性 SeekBar的常用属性 ...
- Android学习笔记18-自定义Seekbar拖动条式样
SeekBar拖动条可以由用户控制,进行拖动操作.比如,应用程序中用户需要对音量进行控制,就可以使用拖动条来实现. 1.SeekBar控件的使用 1.1SeekBar常用属性 SeekBar的常用属性 ...
- Android按钮滚动条,Android自定义Seekbar滑动条,Pop提示跟随滑动按钮一起滑动
由于项目需要做出此效果,自定义写了一个. 效果图 思路: 原始的seekbar只有滑动条并没有下方的提示文字,所以我们必须要继承Seekbar重写这个控件. 代码: 在values文件夹下新建attr ...
- UI组件之ProgressBar及其子类(二)SeekBar拖动条和RatingBar星级评分条的使用
拖动条采用拖动滑块的位置来表示数值 SeekBar的常用xml属性值: 重要的android:thumb制定一个Drawable对象,改变滑块外观 通过滑块来改变图片的透明度: main.xml &l ...
- Android中使用SeekBar拖动条实现改变图片透明度
场景 效果 注: 博客: https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书.教程推送与免费下载. 实现 将布局改为Lin ...
- android自定义seekbar,Android自定义SeekBar实现视频播放进度条
本文实例为大家分享了Android实现视频播放进度条的具体代码,供大家参考,具体内容如下 首先来看一下效果图,如下所示: 其中进度条如下: 接下来说一说我的思路,上面的进度拖动条有自定义的Thumb, ...
- Android零基础入门第53节:拖动条SeekBar和星级评分条RatingBar
前面两期都在学习ProgressBar的使用,关于自定义ProgressBar的内容后期会继续学习的,本期先来学习ProgressBar的2个子组件SeekBar和RatingBar. 一.SeekB ...
- Android小项目之--前台界面与用户交互的对接 进度条与拖动条(附源码)
都知道水果公司(苹果)是己尊重用户体验著称的公司,其设计的产品人性化十足,不得不令后来者赞叹,竞相模仿.iphone的成功就是其典型的案例,做为其移动系统的死对头 Google 想要在市场上分得一杯羹 ...
最新文章
- 最小生成树、拓扑排序、单源最短路径
- 华为odc是什么意思_华为不造车!但任正非加了一个有效期,3年
- Java开发中的常见危险信号
- 进程的逻辑设备如何与一个物理设备建立对应的关系?
- 将两大小完全相同的照片进行加权混合对比
- 判断是否是日期格式_Java8新特性之新世间与日期
- 信息学奥赛一本通 1061:求整数的和与均值 | OpenJudge NOI 1.5 04
- 游戏服务器宕机应对措施
- Communication System dp 动态规划 || 贪心
- limbo镜像linux下载,Limbowin10镜像下载|Limbo模拟器win10镜像 可上网版下载_最火手机站...
- leetcode 75.颜色分类
- ubuntu22.04设置静态ip地址
- 蓝色音箱改装电源_创新便携/无线音箱排行榜,创新便携/无线音箱十大排名推荐...
- 降低屏幕亮度,减缓眼疲劳 (linux/windows/firefox/android)
- 神了,阿里数据库专家纯手写了这份604页的Oracle+MySQL攻坚指南
- 五号电池跟七号电池有什么区别
- python电子病历交接班系统_电子病历系统开发经验共享,大家共勉!
- 解决Weboffice控件的遮挡问题
- 一篇文章了解RSocket协议
- C#-正则基础 [0-9] 匹配数字
热门文章
- align与valign的区别
- DataGrid中,读取数据库中的图片并绑定数据列或磁盘目录中的图片,用输出流方式...
- Flexbox Guide
- 六周第四次课(5月2日)
- Win8Metro(C#)数字图像处理--2.3图像反色
- “买傅园慧送胡歌”,信息安全何以如此廉价
- web.py中实现类似Django中的ORM的查询效果
- Azure Blob实战之——从客户端到FTP
- 微软(MICROSOFT)试用版企业软件下载地址
- android自定义View-垂直滚动的TextView