Android自己定义NumberPicker
在项目中使用要使用滑轮来选择时间，而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中的样式复制完全，不然程序会报错。
然后介绍一下布局文件：
接下来时PopupWindow的布局文件：
然后就是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 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 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();
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();
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 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代码太长就不贴出来了，感兴趣的朋友可以下载下来研究研究。