数字选择器NumberPicker是Android3.0之后引入的一个控件,比较常用,比如说手机常用的闹钟,可以选择小时和分钟,如果你需要兼容3.0之前版本,GitHub上有开源的项目,具体的下载地址。本人就没有使用开源的项目,就简单的使用了NumberPicker显示一下效果,开始正题吧:
基础维护
开发东西先看下效果吧:
NumberPicker和TextView显示一下时间,线性布局,看下布局文件吧:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="vertical" tools:context="com.example.googlenumberpicker.MainActivity" > <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="30dp" android:layout_marginLeft="50dp" android:layout_gravity="center_horizontal" > <NumberPicker android:id="@+id/hourpicker" android:layout_width="40dp" android:layout_height="wrap_content" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:text="时" /> <NumberPicker android:id="@+id/minuteicker" android:layout_width="40dp" android:layout_height="wrap_content" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:text="分" /> </LinearLayout> </LinearLayout>
Demo实现
字选择是可以滑动,所以需要定义一个OnValueChangeListener事件,OnScrollListener滑动事件,Formatter事件:
Formatter事件:
public String format(int value) { String tmpStr = String.valueOf(value); if (value < 10) { tmpStr = "0" + tmpStr; } return tmpStr; }
OnValueChangeListener事件:
public void onValueChange(NumberPicker picker, int oldVal, int newVal) { Toast.makeText( this, "原来的值 " + oldVal + "--新值: " + newVal, Toast.LENGTH_SHORT).show(); }
OnScrollListener滑动事件,滑动事件有三个状态:
SCROLL_STATE_FLING:手离开之后还在滑动
SCROLL_STATE_IDLE:不滑动
SCROLL_STATE_TOUCH_SCROLL:滑动中
public void onScrollStateChange(NumberPicker view, int scrollState) { switch (scrollState) { case OnScrollListener.SCROLL_STATE_FLING: Toast.makeText(this, "后续滑动(飞呀飞,根本停下来)", Toast.LENGTH_LONG) .show(); break; case OnScrollListener.SCROLL_STATE_IDLE: Toast.makeText(this, "不滑动", Toast.LENGTH_LONG).show(); break; case OnScrollListener.SCROLL_STATE_TOUCH_SCROLL: Toast.makeText(this, "滑动中", Toast.LENGTH_LONG) .show(); break; } }
初始化:
hourPicker=(NumberPicker) findViewById(R.id.hourpicker); minutePicker=(NumberPicker) findViewById(R.id.minuteicker); init();
init方法中,设置数字的最大值,最小值,以及滑动事件:
private void init() { hourPicker.setFormatter(this); hourPicker.setOnValueChangedListener(this); hourPicker.setOnScrollListener(this); hourPicker.setMaxValue(24); hourPicker.setMinValue(0); hourPicker.setValue(9); minutePicker.setFormatter(this); minutePicker.setOnValueChangedListener(this); minutePicker.setOnScrollListener(this); minutePicker.setMaxValue(60); minutePicker.setMinValue(0); minutePicker.setValue(49); }
还差一步,Activity需要继承一下OnValueChangeListener,OnScrollListener,Formatter:
public class MainActivity extends Activity implements OnValueChangeListener,OnScrollListener,Formatter{...}
最后说一点就是NumberPicker也是可以显示文字的,重新定义一个NumberPicker,加载一下:
valuepicker = (NumberPicker) findViewById(R.id.valuepicker); String[] city = {"立水桥","霍营","回龙观","龙泽","西二旗","上地"}; valuepicker.setDisplayedValues(city); valuepicker.setMinValue(0); valuepicker.setMaxValue(city.length - 1); valuepicker.setValue(4);
最后显示的效果:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。
本文向大家介绍Android日期选择器对话框DatePickerDialog使用详解,包括了Android日期选择器对话框DatePickerDialog使用详解的使用技巧和注意事项,需要的朋友参考一下 调用Android原生日期选择器对话框就是DatePickerDialog,具体内容如下 在Android4.4系统上效果如图: 在Android5.0以上效果如图: 1、Activity的onC
本文向大家介绍jQuery选择器之属性筛选选择器用法详解,包括了jQuery选择器之属性筛选选择器用法详解的使用技巧和注意事项,需要的朋友参考一下 在这么多属性选择器中[attr="value"]和[attr*="value"]是最实用的 [attr="value"]能帮我们定位不同类型的元素,特别是表单form元素的操作,比如说input[type="text"],input[type="che
本文向大家介绍Android滚轮选择时间控件使用详解,包括了Android滚轮选择时间控件使用详解的使用技巧和注意事项,需要的朋友参考一下 滚轮选择控件 Android自带的选择时间控件有点丑,往往产品和设计都比较嫌弃,希望做成ios一样的滚轮选择,下面是我在NumberPicker的基础上自定义的选择控件,效果如下: 原理 基于NumberPicker实现 动态填充数值 联动 接口监听回调 实现
本文最初发表于博客园,并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我,一起入门和进阶前端。 以下是正文。 CSS3介绍 CSS3在CSS2基础上,增强或新增了许多特性, 弥补了CSS2的众多不足之处,使得Web开发变得更为高效和便捷。 CSS3的现状 浏览器支持程度不够好,有些需要添加私有前缀 移动端支持优于PC端 不断改进中 应用相对广泛 应对的策略:渐进增强 (1)坚持渐
本文向大家介绍jQuery表单选择器用法详解,包括了jQuery表单选择器用法详解的使用技巧和注意事项,需要的朋友参考一下 表单选择器 1. :button Selector 1. jQuery(":button") 2. 选择所有元素和类型为按钮的元素 2. :checkbox Selector 1. jQuery(":checkbox") 2. 选择所有元素和类型为复选框的元素
本文向大家介绍AngularJS Select(选择框)使用详解,包括了AngularJS Select(选择框)使用详解的使用技巧和注意事项,需要的朋友参考一下 1、Select概述 AngularJS 中可以使用 ng-option 指令来创建一个下拉列表,列表项通过对象和数组循环输出 2、数据源为对象 选择的值为在 key-value 对中的key: 选择的值为在 key-value 对中的