两分钟掌握数值选择器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组件,比如城市选择器、性别选择器、图片选择器、颜色选择器等。

一般可以借用第三方组件来快速完成,当然也可以自定义实现,此处不做过多介绍,大家可以自己去研究,欢迎一起探讨。

原文发布于微信公众号 - 分享达人秀(ShareExpert)

原文发表时间:2017-09-07

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏青蛙要fly的专栏

项目需求讨论-标题栏上的搜索功能

今天讲的就是一个很简单的具体开始时候遇到的需求,在标题栏中实现搜索功能,而且美工要求需要实现下面GIF图的效果,我就实现了下,可能不是最好的,有哪里可以更方便请...

1011
来自专栏我就是马云飞

随手一写就是一个侧滑关闭activity

实现原因 其实侧滑关闭activity在网上也有大量的文章去介绍他,我也有去看,要么是代码实在太多看不下去,要么就是跑了项目没有反应的。唯一的方法还是自己随手鲁...

2516
来自专栏一直在跳坑然后爬坑

环形布局CircleLayout效果图用法链接

1.可以直接在布局文件中进行布局,类似LinearLayout,但是这里不需要关心布局方式,会自动将布局中的所有子view均匀分布到中心点四周,这里你可以设置自...

1902
来自专栏飞雪无情的博客

java.lang.UnsupportedOperationException android.view.GLES20Canvas.clipPath

今天自定义控件使用Canvas绘图的时候遇到的这个错误,看错误的描述,是不支持这个clipPath方法的。而且在2.3的机器上没有问题,是一部4.0的机器报了这...

1063
来自专栏分享达人秀

翻转视图ViewFlipper快速打造引导页和轮播图

前面两期学习了 ViewAnimator及其子类ViewSwitcher的使用,以及ViewSwitcher的子类ImageSwitcher和TextS...

2426
来自专栏iOSDevLog

scetch入门 第3部分:符号和导出谢谢阅读!

符号非常适合组织您经常重复使用的设计元素。在这个例子中,让我们将袜子猴子图标变成符号。选择图标后,查看顶部菜单栏并选择“创建符号”

730
来自专栏三流程序员的挣扎

Android 优化——卡顿优化

Android 系统每隔 16ms 会发出 VSYNC 信号重绘界面(Activity)。之所以是 16ms,是因为 Android 设定的刷新率是 60FPS...

2022
来自专栏androidBlog

Android打造不一样的新手引导页面(二)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/gdutxiaoxu/article/details...

1081
来自专栏分享达人秀

日历视图CalendarView和定时器Chronometer

上一期学习了AnalogClock、DigitalClock和TextClock时钟组件,本期继续来学习日历视图CalendarView和定时器Chro...

2146
来自专栏懒人开发

鸿洋AutoLayout代码分析(一):原因和使用

代码适配,虽然第一次写比较麻烦, 但是之后就会很省事情 而其他的,虽然不麻烦,但是改动起来会很头痛,各种数据

1363

扫码关注云+社区

领取腾讯云代金券