Android 原生NumberPicker

来源：互联网发布：淘宝下架宝贝重新上架编辑：程序博客网时间：2024/06/11 14:03

开发东西先看下效果吧:

NumberPicker和TextView显示一下时间，线性布局，看下布局文件吧:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<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事件：

1
2
3
4
5
6
7
public String format(int value) {
       String tmpStr = String.valueOf(value);
       if (value < 10) {
           tmpStr = "0" + tmpStr;
       }
       return tmpStr;
   }

OnValueChangeListener事件:

1
2
3
4
5
6
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:滑动中

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
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;
      }
  }

　初始化:

1
2
3
hourPicker=(NumberPicker) findViewById(R.id.hourpicker);
    minutePicker=(NumberPicker) findViewById(R.id.minuteicker);
    init();

　init方法中，设置数字的最大值，最小值，以及滑动事件:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
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：

1
public class MainActivity extends Activity implements OnValueChangeListener,OnScrollListener,Formatter{...}

　最后说一点就是NumberPicker也是可以显示文字的，重新定义一个NumberPicker,加载一下:

1
2
3
4
5
6
valuepicker = (NumberPicker) findViewById(R.id.valuepicker);
        String[] city = {"立水桥","霍营","回龙观","龙泽","西二旗","上地"};
        valuepicker.setDisplayedValues(city);
        valuepicker.setMinValue(0);
        valuepicker.setMaxValue(city.length - 1);
        valuepicker.setValue(4);

　　最后显示的效果:

0 0