Android自己定义NumberPicker
来源：互联网 发布：apache drill 编辑：程序博客网 时间：2024/05/20 04:09
在项目中使用要使用滑轮来选择时间，而android系统自带的NumberPicker样式和需求不一样，而且颜色默认的是蓝色的，字体只能为黑色，上下只能显示1个，效果如下图：
这样子满足不了我们的需求，但是大体功能还是和我们需求一样的，只是外貌不是我们想要的。我在网上看过一些资料后，和一些开源的项目，最终还是决定从numberPicker的源码下手，修改一些属性，以满足需求。经过一番修改后达到我们想要的结果，用一个小的demo作为演示，效果如下：
点击这里下载大家可以看到在自定义的NumberPicker上显示的效果与原来的不一样，首先，线条不再为蓝色，可以自定义线条的颜色，中间的字体大小和颜色也可以根据自己的要求变更颜色，上下显示的个数，也可自己制定。首先，简单介绍一下这个demo，这是一个简单个人信息的填写的demo，隐藏原来的软键盘，下面使用到了一个PopupWindow，在PopupWindow中添加两个控件：1、自定义的NumberPicker。2、自定义的数字键盘。接下来，先看一下我的项目结构，我在这里使用的Android Studio，会和使用Eclipse的朋友结构会有所不一样
大家可以看到项目中只有3个类，NumberPicker和Scroller都是从源码中直接复制过来，只是修改了NumberPicker中的一些代码，和drawable中的一些样式，就可以达到修改NumberPicker的外观。大家使用NumberPicker时一定要将values中和drawable中的样式复制完全，不然程序会报错。然后介绍一下布局文件：<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:background="#f4f5f3"> <include android:layout_height="wrap_content" android:layout_width="match_parent" layout="@layout/title" android:id="@+id/Title" /> <ScrollView android:id="@+id/scrollView" android:layout_width="match_parent" android:layout_height="wrap_content"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#ffffff" android:focusable="true" android:focusableInTouchMode="true" android:orientation="vertical"> <TextView android:layout_width="match_parent" android:layout_height="1dp" android:layout_marginTop="20dp" android:background="#8033b5e5" /> <LinearLayout android:layout_width="match_parent" android:layout_height="45dp" android:orientation="horizontal" android:layout_marginLeft="15dp" android:layout_marginRight="15dp" android:gravity="center"> <TextView android:layout_width="wrap_content" android:layout_height="match_parent" android:gravity="center" android:text="性别" android:textSize="20sp" android:textColor="#90000000" /> <EditText android:textCursorDrawable="@null" android:id="@+id/edit_sex" android:layout_width="0dp" android:layout_weight="1" android:layout_height="match_parent" android:background="#ffffff" android:text="男" android:gravity="center_vertical|right" android:textColor="#33b5e5" android:textSize="20sp" /> </LinearLayout> <TextView android:layout_width="match_parent" android:layout_height="1dp" android:layout_marginLeft="15dp" android:layout_marginRight="15dp" android:background="#8033b5e5" /> <LinearLayout android:layout_width="match_parent" android:layout_height="45dp" android:orientation="horizontal" android:layout_marginLeft="15dp" android:layout_marginRight="15dp" android:gravity="center"> <TextView android:layout_width="wrap_content" android:layout_height="match_parent" android:gravity="center" android:text="出生年份" android:textSize="20sp" android:textColor="#90000000" /> <EditText android:textCursorDrawable="@null" android:id="@+id/edit_birthday" android:layout_width="0dp" android:layout_weight="1" android:layout_height="match_parent" android:background="#ffffff" android:text="1990" android:gravity="center_vertical|right" android:textColor="#33b5e5" android:textSize="20sp" /> </LinearLayout> <TextView android:layout_width="match_parent" android:layout_height="1dp" android:layout_marginLeft="15dp" android:layout_marginRight="15dp" android:background="#8033b5e5" /> <LinearLayout android:layout_width="match_parent" android:layout_height="45dp" android:orientation="horizontal" android:layout_marginLeft="15dp" android:layout_marginRight="15dp" android:gravity="center"> <TextView android:layout_width="wrap_content" android:layout_height="match_parent" android:gravity="center" android:text="体重" android:textSize="20sp" android:textColor="#90000000" /> <EditText android:textCursorDrawable="@null" android:id="@+id/edit_weight" android:layout_width="0dp" android:layout_weight="1" android:layout_height="match_parent" android:background="#ffffff" android:text="50 kg" android:gravity="center_vertical|right" android:textColor="#33b5e5" android:textSize="20sp" /> </LinearLayout> <TextView android:layout_width="match_parent" android:layout_height="1dp" android:layout_marginLeft="15dp" android:layout_marginRight="15dp" android:background="#8033b5e5" /> <LinearLayout android:layout_width="match_parent" android:layout_height="45dp" android:orientation="horizontal" android:layout_marginLeft="15dp" android:layout_marginRight="15dp" android:gravity="center"> <TextView android:layout_width="wrap_content" android:layout_height="match_parent" android:gravity="center" android:text="身高" android:textSize="20sp" android:textColor="#90000000" /> <EditText android:textCursorDrawable="@null" android:id="@+id/edit_height" android:layout_width="0dp" android:layout_weight="1" android:layout_height="match_parent" android:background="#ffffff" android:text="175 cm" android:gravity="center_vertical|right" android:textColor="#33b5e5" android:textSize="20sp" /> </LinearLayout> <TextView android:layout_width="match_parent" android:layout_height="1dp" android:layout_marginLeft="15dp" android:layout_marginRight="15dp" android:background="#8033b5e5" /> <LinearLayout android:layout_width="match_parent" android:layout_height="45dp" android:orientation="horizontal" android:layout_marginLeft="15dp" android:layout_marginRight="15dp" android:gravity="center"> <TextView android:layout_width="wrap_content" android:layout_height="match_parent" android:gravity="center" android:text="步长" android:textSize="20sp" android:textColor="#90000000" /> <EditText android:textCursorDrawable="@null" android:id="@+id/edit_step" android:layout_width="0dp" android:layout_weight="1" android:layout_height="match_parent" android:background="#ffffff" android:text="45 cm" android:gravity="center_vertical|right" android:textColor="#33b5e5" android:textSize="20sp" /> </LinearLayout> <TextView android:layout_width="match_parent" android:layout_height="1dp" android:layout_marginLeft="15dp" android:layout_marginRight="15dp" android:background="#8033b5e5" /> <LinearLayout android:layout_width="match_parent" android:layout_height="45dp" android:orientation="horizontal" android:layout_marginLeft="15dp" android:layout_marginRight="15dp" android:gravity="center"> <TextView android:layout_width="wrap_content" android:layout_height="match_parent" android:gravity="center" android:text="敏感度" android:textSize="20sp" android:textColor="#90000000" /> <EditText android:textCursorDrawable="@null" android:id="@+id/edit_sensitive" android:layout_width="0dp" android:layout_weight="1" android:layout_height="match_parent" android:background="#ffffff" android:text="5" android:gravity="center_vertical|right" android:textColor="#33b5e5" android:textSize="20sp" /> </LinearLayout> <TextView android:layout_width="match_parent" android:layout_height="1dp" android:background="#8033b5e5" /> </LinearLayout> </ScrollView></LinearLayout>
接下来时PopupWindow的布局文件：
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#00f4f5f3"> <RelativeLayout android:layout_width="match_parent" android:layout_height="50dp" android:background="#ffffff" android:layout_above="@+id/linearLayout" android:orientation="horizontal"> <Button android:id="@+id/last" android:layout_width="80dp" android:layout_height="match_parent" android:text="上一个" android:textSize="18sp" android:gravity="center" android:background="#00ffffff" android:textColor="#000000" android:clickable="true" /> <Button android:id="@+id/next" android:layout_width="80dp" android:layout_height="match_parent" android:layout_toRightOf="@+id/last" android:gravity="center" android:text="下一个" android:textSize="18sp" android:background="#00ffffff" android:textColor="#000000" android:clickable="true" /> <Button android:id="@+id/done" android:layout_width="80dp" android:layout_height="match_parent" android:layout_alignParentRight="true" android:gravity="center" android:layout_marginRight="10dp" android:text="完成" android:textSize="18sp" android:background="#00ffffff" android:textColor="#000000" android:clickable="true" /> </RelativeLayout> <LinearLayout android:id="@+id/linearLayout" android:layout_width="match_parent" android:layout_alignParentBottom="true" android:layout_height="285dp" android:orientation="vertical"> <com.example.liyachao.informationset.NumberPicker android:id="@+id/numberpicker" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#ffffff" android:visibility="gone"> </com.example.liyachao.informationset.NumberPicker> <com.example.liyachao.informationset.NumberPicker android:id="@+id/numberpicker1" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#ffffff" android:visibility="gone"> </com.example.liyachao.informationset.NumberPicker> <TableLayout android:id="@+id/tableLayout" android:layout_width="match_parent" android:layout_height="match_parent" android:visibility="visible"> <TableRow> <TextView android:id="@+id/number_1" android:layout_width="0dp" android:layout_height="70dp" android:layout_weight="1" android:gravity="center" android:text="1" android:textColor="#808080" android:background="@drawable/number_bg" android:textSize="30sp" /> <TextView android:id="@+id/number_2" android:layout_width="0dp" android:layout_height="70dp" android:layout_weight="1" android:gravity="center" android:text="2" android:textColor="#808080" android:background="@drawable/number_bg" android:textSize="30sp" /> <TextView android:id="@+id/number_3" android:layout_width="0dp" android:layout_height="70dp" android:layout_weight="1" android:gravity="center" android:text="3" android:textColor="#808080" android:background="@drawable/number_bg" android:textSize="30sp" /> </TableRow> <TableRow> <TextView android:id="@+id/number_4" android:layout_width="0dp" android:layout_height="70dp" android:layout_weight="1" android:gravity="center" android:text="4" android:textColor="#808080" android:background="@drawable/number_bg" android:textSize="30sp" /> <TextView android:id="@+id/number_5" android:layout_width="0dp" android:layout_height="70dp" android:layout_weight="1" android:gravity="center" android:text="5" android:textColor="#808080" android:background="@drawable/number_bg" android:textSize="30sp" /> <TextView android:id="@+id/number_6" android:layout_width="0dp" android:layout_height="70dp" android:layout_weight="1" android:gravity="center" android:text="6" android:textColor="#808080" android:background="@drawable/number_bg" android:textSize="30sp" /> </TableRow> <TableRow> <TextView android:id="@+id/number_7" android:layout_width="0dp" android:layout_height="70dp" android:layout_weight="1" android:gravity="center" android:text="7" android:textColor="#808080" android:background="@drawable/number_bg" android:textSize="30sp" /> <TextView android:id="@+id/number_8" android:layout_width="0dp" android:layout_height="70dp" android:layout_weight="1" android:gravity="center" android:text="8" android:textColor="#808080" android:background="@drawable/number_bg" android:textSize="30sp" /> <TextView android:id="@+id/number_9" android:layout_width="0dp" android:layout_height="70dp" android:layout_weight="1" android:gravity="center" android:text="9" android:textColor="#808080" android:background="@drawable/number_bg" android:textSize="30sp" /> </TableRow> <TableRow> <TextView android:id="@+id/number_" android:layout_width="0dp" android:layout_height="70dp" android:layout_weight="1" android:gravity="center" android:text="." android:textColor="#808080" android:background="@drawable/number_bg" android:textSize="30sp" /> <TextView android:id="@+id/number_0" android:layout_width="0dp" android:layout_height="70dp" android:layout_weight="1" android:gravity="center" android:text="0" android:textColor="#808080" android:background="@drawable/number_bg" android:textSize="30sp" /> <TextView android:id="@+id/number_reduce" android:layout_height="70dp" android:layout_width="0dp" android:layout_weight="1" android:gravity="center" android:text="删除" android:textColor="#808080" android:background="@drawable/number_bg" android:textSize="30sp" /> </TableRow> </TableLayout> </LinearLayout></RelativeLayout>然后就是MainActivity的代码：package com.example.liyachao.informationset;import android.app.Activity;import android.os.Bundle;import android.text.InputType;import android.util.Log;import android.view.Gravity;import android.view.LayoutInflater;import android.view.MotionEvent;import android.view.View;import android.view.ViewGroup;import android.view.WindowManager;import android.widget.Button;import android.widget.EditText;import android.widget.PopupWindow;import android.widget.ScrollView;import android.widget.TableLayout;import android.widget.TextView;import java.lang.reflect.Method;import java.util.ArrayList;import java.util.List;public class MainActivity extends Activity { private PopupWindow pw; private List<EditText> editTexts; private View view; private ScrollView scrollView; ViewGroup.LayoutParams layoutParams; private Button pw_btn_done, pw_btn_last, pw_btn_next; private EditText sex; private EditText birth; private EditText weight; private EditText height; private EditText step; private EditText sensitive; private TextView one, two, three, four, five, six, seven, eight, nine, zero, delete, point; private List<TextView> number; private String myNumber = ""; private NumberPicker numberPicker, sexPicker; private TableLayout tableLayout; private String sexStr; private String birthStr = "1990"; private String weightStr = "50 kg"; private String heightStr = "175 cm"; private String stepStr = "35 cm"; private String sensitiveStr = "5"; private String strValue[] = {sexStr, birthStr, weightStr, heightStr, stepStr, sensitiveStr}; private String str[] = new String[]{"男", "女"}; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); scrollView = (ScrollView) findViewById(R.id.scrollView); view = LayoutInflater.from(this).inflate(R.layout.pwpupwindow, null); layoutParams = scrollView.getLayoutParams(); editTexts = new ArrayList<EditText>(); initView(); setPWView(); setListener(); } /** * 这只监听事件 */ private void setListener() { for (int i = 0; i < editTexts.size(); i++) { editTexts.get(i).setOnFocusChangeListener(new myFocusChangeListener()); } pw_btn_done.setOnClickListener(new myClickListener()); pw_btn_next.setOnClickListener(new myClickListener()); pw_btn_last.setOnClickListener(new myClickListener()); numberPicker.setOnValueChangedListener(new NumberPicker.OnValueChangeListener() { @Override public void onValueChange(NumberPicker picker, int oldVal, int newVal, EditText editText) { for (int i = 0; i < editTexts.size(); i++) { if (editTexts.get(i).isFocused()) { editTexts.get(i).setText(picker.getValue() + ""); editTexts.get(i).setSelection(editTexts.get(i).getText().length()); strValue[i] = picker.getValue() + ""; break; } } } }); sexPicker.setOnValueChangedListener(new NumberPicker.OnValueChangeListener() { @Override public void onValueChange(NumberPicker picker, int oldVal, int newVal, EditText editText) { sex.setText(str[picker.getValue()]); sex.setSelection(str[picker.getValue()].length()); strValue[0] = str[picker.getValue()]; } }); } /** * 初始化popupwindow中的控件 */ private void setPWView() { number = new ArrayList<TextView>(); pw = new PopupWindow(view, WindowManager.LayoutParams.MATCH_PARENT, dp2px(350)); pw_btn_done = (Button) view.findViewById(R.id.done); pw_btn_last = (Button) view.findViewById(R.id.last); pw_btn_next = (Button) view.findViewById(R.id.next); numberPicker = (NumberPicker) view.findViewById(R.id.numberpicker); tableLayout = (TableLayout) view.findViewById(R.id.tableLayout); one = (TextView) view.findViewById(R.id.number_1); number.add(one); two = (TextView) view.findViewById(R.id.number_2); number.add(two); three = (TextView) view.findViewById(R.id.number_3); number.add(three); four = (TextView) view.findViewById(R.id.number_4); number.add(four); five = (TextView) view.findViewById(R.id.number_5); number.add(five); six = (TextView) view.findViewById(R.id.number_6); number.add(six); seven = (TextView) view.findViewById(R.id.number_7); number.add(seven); eight = (TextView) view.findViewById(R.id.number_8); number.add(eight); nine = (TextView) view.findViewById(R.id.number_9); number.add(nine); zero = (TextView) view.findViewById(R.id.number_0); number.add(zero); point = (TextView) view.findViewById(R.id.number_); number.add(point); delete = (TextView) view.findViewById(R.id.number_reduce); number.add(delete); for (int i = 0; i < number.size(); i++) { number.get(i).setOnClickListener(new NumberListener()); } sexPicker = (NumberPicker) view.findViewById(R.id.numberpicker1); numberPicker.setWrapSelectorWheel(false); } /** * 给自定义的数字键盘设置点击事件 */ private class NumberListener implements View.OnClickListener { @Override public void onClick(View v) { switch (v.getId()) { case R.id.number_0: myNumber += "0"; break; case R.id.number_1: myNumber += "1"; break; case R.id.number_2: myNumber += "2"; break; case R.id.number_3: myNumber += "3"; break; case R.id.number_4: myNumber += "4"; break; case R.id.number_5: myNumber += "5"; break; case R.id.number_6: myNumber += "6"; break; case R.id.number_7: myNumber += "7"; break; case R.id.number_8: myNumber += "8"; break; case R.id.number_9: myNumber += "9"; break; case R.id.number_: myNumber += "."; break; case R.id.number_reduce: myNumber = myNumber.substring(0, myNumber.length() - 1); break; } for (int i = 0; i < editTexts.size(); i++) { if (editTexts.get(i).isFocused()) { String str = strValue[i].substring(strValue[i].length() - 3, strValue[i].length()); Log.i("tag", strValue[i]); editTexts.get(i).setText(myNumber + str); editTexts.get(i).setSelection(myNumber.length()); break; } } } } private class myFocusChangeListener implements View.OnFocusChangeListener { @Override public void onFocusChange(View v, boolean hasFocus) { switch (v.getId()) { case R.id.edit_sex: sexStr = sex.getText().toString().trim(); if (hasFocus) { tableLayout.setVisibility(View.GONE); sexPicker.setVisibility(View.VISIBLE); numberPicker.setVisibility(View.GONE); sexPicker.setWrapSelectorWheel(false); sexPicker.setMaxValue(1); sexPicker.setMinValue(0); sexPicker.setDisplayedValues(str); sex.setCursorVisible(true); sex.setSelection(1); } else { sex.setText(str[sexPicker.getValue()]); } break; case R.id.edit_birthday: if (hasFocus) { tableLayout.setVisibility(View.GONE); numberPicker.setVisibility(View.VISIBLE); sexPicker.setVisibility(View.GONE); numberPicker.setValue(Integer.parseInt(strValue[1])); numberPicker.setMaxValue(2015); numberPicker.setMinValue(1970); birth.setSelection(4); } else { birth.setText(strValue[1]); } break; case R.id.edit_weight: if (hasFocus) { tableLayout.setVisibility(View.VISIBLE); numberPicker.setVisibility(View.GONE); sexPicker.setVisibility(View.GONE); weight.setText(" kg"); } else { weight.setText(myNumber + " kg"); myNumber = ""; } break; case R.id.edit_height: if (hasFocus) { tableLayout.setVisibility(View.VISIBLE); numberPicker.setVisibility(View.GONE); sexPicker.setVisibility(View.GONE); height.setText(" cm"); } else { height.setText(myNumber + " cm"); myNumber = ""; } break; case R.id.edit_step: if (hasFocus) { tableLayout.setVisibility(View.VISIBLE); numberPicker.setVisibility(View.GONE); sexPicker.setVisibility(View.GONE); step.setText(" cm"); } else { step.setText(myNumber + " cm"); myNumber = ""; } break; case R.id.edit_sensitive: if (hasFocus) { tableLayout.setVisibility(View.GONE); numberPicker.setVisibility(View.VISIBLE); sexPicker.setVisibility(View.GONE); numberPicker.setValue(Integer.parseInt(strValue[5])); numberPicker.setMaxValue(10); numberPicker.setMinValue(1); sensitive.setText(sensitiveStr); sensitive.setSelection(sensitiveStr.length()); } else { sensitive.setText(strValue[5]); } break; } } } private class myClickListener implements View.OnClickListener { @Override public void onClick(View v) { switch (v.getId()) { case R.id.done: layoutParams.height = WindowManager.LayoutParams.WRAP_CONTENT; scrollView.setLayoutParams(layoutParams); pw.dismiss(); break; case R.id.last: for (int i = 0; i < editTexts.size(); i++) { if (editTexts.get(i).isFocused() && i != 0) { editTexts.get(i).clearFocus(); editTexts.get(i - 1).requestFocus(); break; } } break; case R.id.next: for (int i = 0; i < editTexts.size(); i++) { if (editTexts.get(i).isFocused() && i != (editTexts.size() - 1)) { editTexts.get(i).clearFocus(); editTexts.get(i + 1).requestFocus(); break; } } break; } } } private int dp2px(float value) { float v = getResources().getDisplayMetrics().density; return (int) (v * value + 0.5f); } private void initView() { sex = (EditText) findViewById(R.id.edit_sex); birth = (EditText) findViewById(R.id.edit_birthday); weight = (EditText) findViewById(R.id.edit_weight); height = (EditText) findViewById(R.id.edit_height); step = (EditText) findViewById(R.id.edit_step); sensitive = (EditText) findViewById(R.id.edit_sensitive); editTexts.add(sex); editTexts.add(birth); editTexts.add(weight); editTexts.add(height); editTexts.add(step); editTexts.add(sensitive); for (int i = 0; i < editTexts.size(); i++) { hideSoftInputMethod(editTexts.get(i)); editTexts.get(i).setOnTouchListener(new View.OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { if (pw.isShowing()) { layoutParams.height = dp2px(200); scrollView.setLayoutParams(layoutParams); } else { pw.showAtLocation(view, Gravity.BOTTOM, 0, 0); } return false; } }); } } /** * 一直隐藏软键盘 * * @param ed */ public void hideSoftInputMethod(EditText ed) { getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_ALWAYS_HIDDEN); int currentVersion = android.os.Build.VERSION.SDK_INT; String methodName = null; if (currentVersion >= 16) { // 4.2 methodName = "setShowSoftInputOnFocus"; } else if (currentVersion >= 14) { // 4.0 methodName = "setSoftInputShownOnFocus"; } if (methodName == null) { ed.setInputType(InputType.TYPE_NULL); } else { Class<EditText> cls = EditText.class; Method setShowSoftInputOnFocus; try { setShowSoftInputOnFocus = cls.getMethod(methodName, boolean.class); setShowSoftInputOnFocus.setAccessible(true); setShowSoftInputOnFocus.invoke(ed, false); } catch (Exception e) { ed.setInputType(InputType.TYPE_NULL); e.printStackTrace(); } } }}NumberPicker代码太长就不贴出来了，感兴趣的朋友可以下载下来研究研究。
2 0
- Android自己定义NumberPicker
- Android自己定义NumberPicker
- Android NumberPicker
- Android数字选择器-NumberPicker
- Android NumberPicker探析
- Android数字选择器-NumberPicker
- Android的NumberPicker
- Android数字选择器-NumberPicker
- Android 原生NumberPicker
- Android NumberPicker 使用
- Android 自定义NumberPicker
- Android NumberPicker滚动字符串
- 我的Android笔记（六）——分享一个自己的NumberPicker
- 我的Android笔记（六）——分享一个自己的NumberPicker
- NumberPicker
- NumberPicker
- NumberPicker
- Android 控件 数值选择器 NumberPicker
- 深入解读JIMDB—京东分布式缓存与高速KV存储
- 程之美第3章结构之法-字符串及链表的探索3.7 队列中取最大值操作问题
- 数字的整数次方
- 无符号数与有符号数
- 【4】spring单元测试和ApplicationContext区别
- Android自己定义NumberPicker
- Sqlite添加自定义函数
- webstorm 6.0 注册码
- sql
- java连接开启了sasl的memcache服务
- web开发性能优化
- nyoj927The partial sum problem(DFS)
- 【我该如何向非技术人解释SQL注入？】
- 《剑指Offer》面试题13：在O(1)时间删除链表结点
