拖动条SeekBar和星级评分条RatingBar
前面两期都在学习ProgressBar的使用,关于自定义ProgressBar的内容后期会继续学习的,本期先来学习ProgressBar的2个子组件SeekBar和RatingBar。
一、SeekBar
拖动条和进度条非常相似,只是进度条采用颜色填充来表明进度完成的程度,而拖动条则通过滑块的位置来标识数值——而且拖动条允许用户拖动滑块来改变值,因此拖动条通常用于对系统的某种数值进行调节,比如调节音量等。
由于拖动条SeekBar继承了 ProgressBar,因此ProgressBar所支持的XML属|性和方法完全适用于SeekBar。
SeekBar允许用户改变拖动条的滑块外观,改变滑块外观通过如下属性来指定。
- android:thumb:指定一个Drawable对象,该对象将作为自定义滑块。
为了让程序能响应拖动条滑块位置的改变,程序可以为SeekBar绑定一个OnSeekBaiChangeListener监听器,其三个回调方法如下:
- onProgressChanged:进度发生改变时会触发。
- onStartTrackingTouch:按住SeekBar时会触发。
- onStopTrackingTouch:放开SeekBar时触发。
接下来通过一个简单的示例程序来学习系统默认SeekBar的使用。
继续使用WidgetSample工程的advancedviewsample模块,在app/main/res/layout/目录下创建seekbar_layout.xml文件,在其中填充如下代码片段:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<SeekBar
android:id="@+id/seekBar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:max="100"
android:progress="50" />
<TextView
android:id="@+id/prompt_tv"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<TextView
android:id="@+id/pb_tv"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</LinearLayout>
界面交互代码非常简单,为拖动条绑定一个监听器。新建SeekBarActivity.java文件,加载上面新建的布局文件,具体代码如下:
package com.jinyu.cqkxzsxy.android.advancedviewsample;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.SeekBar;
import android.widget.TextView;
public class SeekBarActivity extends AppCompatActivity implements SeekBar.OnSeekBarChangeListener {
private SeekBar mSeekBar = null;
private TextView mPromptTv, mProgressTv;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.seekbar_layout);
// 获取界面组件
mSeekBar = (SeekBar) findViewById(R.id.seekBar);
mPromptTv = (TextView) findViewById(R.id.prompt_tv);
mProgressTv = (TextView) findViewById(R.id.pb_tv);
// 注册事件监听器
mSeekBar.setOnSeekBarChangeListener(this);
}
// 数值改变
@Override
public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
mPromptTv.setText("正在拖动");
mProgressTv.setText("当前数值:" + progress);
}
// 开始拖动
@Override
public void onStartTrackingTouch(SeekBar seekBar) {
mPromptTv.setText("开始拖动");
}
// 停止拖动
@Override
public void onStopTrackingTouch(SeekBar seekBar) {
mPromptTv.setText("停止拖动");
}
}
修改程序启动的Activity,运行程序,当拖动滑块时,可以可以看到下图所示界面效果。
同ProgressBar一样,SeekBar也是同样的道理可以自定义出来很多不同种类的效果。
二、RatingBar
星级评分条与拖动条有相同的父类:AbsSeekBar,因此它们十分相似。实际上星级评分条与拖动条的用法、功能都十分接近:它们都允许用户通过拖动来改变进度。RatingBar与SeekBar的最大区别在于:RatingBar通过星星来表示进度。
RatingBar所支持的常见XML属性如下:
- android:isIndicator:是否用作指示,用户无法更改,默认false。
- android:numStars:显示多少个星星,必须为整数。
- android:rating:默认评分值,必须为浮点数。
- android:stepSize: 评分每次增加的值,必须为浮点数。
为了让程序能响应星级评分条评分的改变,可以考虑为它绑定一个OnRatingBarChangeListener监听器。
接下来通过一个简单的示例程序来学习系统默认RatingBar的使用。
继续使用WidgetSample工程的advancedviewsample模块,在app/main/res/layout/目录下创建ratingbar_layout.xml文件,在其中填充如下代码片段:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical">
<RatingBar
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:numStars="5"
android:rating="3.5"
android:stepSize="0.5" />
</LinearLayout>
修改MainActivity.java里面加载的布局文件,运行后其效果如下图所示。
很多时候,默认的RatingBar并不能满足我们的要求,一般都是修改RatingBar的大小、图样、颜色等,也可以同ProgressBar一样自定义。
- onclicklistener到底怎么用?
- 如何入侵联网智能灯泡——LIFX智能灯泡
- Java实现的一个编号生成器工具类——5种方法
- 【机器学习】有趣的机器学习:最简明入门指南
- 不使用反射,“一行代码”实现Web、WinForm窗体表单数据的填充、收集、清除,和到数据库的CRUD
- 海量数据处理利器之布隆过滤器
- ORM查询语言(OQL)简介--概念篇
- Discuz! 任意文件删除漏洞重现及分析
- .NET DLR 上的IronScheme 语言互操作&&IronScheme控制台输入中文的问题
- Java中Map相关的6大问题——每个开发人员都要注意
- android service 学习(下)
- 混淆漏洞CVE-2017-0213技术分析
- android service 学习(上)
- 黑帽SEO剖析之隐身篇
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 框架源码调试实战之easypoi异常解决方案精讲
- MySQL8.0的错误日志
- Shiro学习笔记(一)
- Shiro学习笔记(二)
- Shiro学习笔记 三(认证授权)
- Shiro学习笔记四(Shiro集成WEB)
- Shiro学习笔记五(Shiro标签,及通配符)
- Shiro学习笔记六(自定义Reaml-使用数据库设置 user roles permissions)
- Luncene学习 第一天 《入门程序》
- Luncene学习二《搜索索引》
- JavaWeb--简单分页技术
- 使用Python制作第一个爬虫程序
- 使用BeautifulSoup 爬取一个页面上的所有的超链接
- 使用PlaceHolder,测试碰见的问题
- 隐藏MySQL InnoDB Cluster / ReplicaSet实例