Android零基础入门第58节：数值选择器NumberPicker

时间：2017-09-07 11:01:47 阅读：160 评论：0 收藏：0 [点我收藏+]

标签：blog lan 控件监听器 orm toggle 城市 img 文本框

上一期学习了日期选择器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();
            }
        });
    }
}