两分钟掌握数值选择器NumberPicker
时间:2022-04-26
本文章向大家介绍两分钟掌握数值选择器NumberPicker,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
上一期学习了日期选择器DatePicker和时间选择器TimePicker,是不是感觉非常简单,本期继续来学习数值选择器NumberPicker 。
一、NumberPicker概述
NumberPicker 是用于选择一组预定义好数字的组件,用户既可以通过键盘输入数值,也可以通过滚动来选择数值。
NumberPicker的常用方法如下:
- setMinValue(int minVal):设置该组件支持的最小值。
- setMaxValue(int maxVal):设置该组件支持的最大值。
- setValue(int value):设置该组件的当前值。
- getMaxValue():获得该组件设置的最大值。
- getMinValue():获得该组件设置的最小值。
- getValue():获得当前组件显示的值。
- setValue(int value):设置当前组件显示的值。
使用NumberPicker一共有2个监听器和一个Formatter格式化处理器,
- NumberPicker.OnValueChangeListener :用于监听当前value的变化。
- NumberPicker.OnScrollListener:用于监听该控件的scroll状态。主要包括以下三种状态:
- SCROLL_STATE_TOUCH_SCROLL:用户按下去然后滑动。
- SCROLL_STATE_FLING: 相当于是SCROLL_STATE_TOUCH_SCROLL的后续滑动操作。
- SCROLL_STATE_IDLE: NumberPicker不在滚动。
- NumberPicker.Formatter: 用于格式化显示该组件中的value,如0—23格式化为00 — 23。
二、NumberPicker示例
接下来通过一个简单的示例程序来学习NumberPicker的使用。
继续使用WidgetSample工程的advancedviewsample模块,在app/main/res/layout/目录下创建numberpicker_layout.xml文件,在其中填充如下代码片段:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<NumberPicker
android:id="@+id/numberPicker"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"/>
</RelativeLayout>
新建NumberPickerActivity.java文件,加载上面新建的布局文件,初始化NumberPicker并获取用户的选择,具体代码如下:
package com.jinyu.cqkxzsxy.android.advancedviewsample;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.NumberPicker;
import android.widget.Toast;
/**
* @创建者 鑫鱻
* @描述 Android零基础入门到精通系列教程,欢迎关注微信公众号ShareExpert
*/
public class NumberPickerActivity extends AppCompatActivity {
private NumberPicker mNumberPicker = null; // 数值选择器
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.numberpicker_layout);
// 获取NumberPicker组件
mNumberPicker = (NumberPicker) findViewById(R.id.numberPicker);
// 设置NumberPicker属性
mNumberPicker.setMinValue(1);
mNumberPicker.setMaxValue(20);
mNumberPicker.setValue(5);
// 监听数值改变事件
mNumberPicker.setOnValueChangedListener(new NumberPicker.OnValueChangeListener() {
@Override
public void onValueChange(NumberPicker picker, int oldVal, int newVal) {
Toast.makeText(NumberPickerActivity.this, "选择的是:" + newVal,
Toast.LENGTH_SHORT).show();
}
});
}
}
上面程序代码为NumberPicker绑定事件监听器的代码,当用户通过这该组件来选择时间时,监听器就会被触发。
运行程序,可以看到下图所示界面效果。
除了Android系统定义的DatePicker、TimePicker和NumberPicker,在实际开发中往往不能满足,会经常自定义一些Picker组件,比如城市选择器、性别选择器、图片选择器、颜色选择器等。
一般可以借用第三方组件来快速完成,当然也可以自定义实现,此处不做过多介绍,大家可以自己去研究,欢迎一起探讨。
- 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 数组属性和方法
- SAP ABAP Webdynpro ALV的link to action的实现方法
- SAP CRM和C4C表格列宽度调整的工作原理
- SAP C4C里如何创建两个具有依赖关系的下拉菜单
- 温故知新——Spring AOP
- tf.random_shuffle 函数
- IndexError: dimension specified as 0 but tensor has no dimensions
- 死磕YOLO系列,YOLOv2的自我修养
- three.js 几何体(二)
- three.js 几何体(三)
- three.js 几何体-组合网格
- three.js 曲线
- three.js 着色器材质之变量(一)
- three.js 着色器材质之变量(二)
- three.js 着色器材质之变量(三)
- three.js 绘制3d地图