Android学习之数字选择器NumberPicker之修改字色字号分割线颜色

今天讲下NumberPicker，其实NumberPicker是个很不完善的控件，许多我们认为谷歌肯定会提供的属性居然都没有，比如居然没有修改字体大小和字体颜色的属性，更别提修改分割线颜色了，关键系统提供的NumberPicker确实有点丑，所以大家都会想办法去修改NumverPicker，要么去自定义，要么去想办法修改那些不能修改的属性。今天就讲下如何修改NumberPicker的字色、字号和分割线颜色，还有如何禁止NumberPicker无限滚动，如何在NumberPicker中显示文本而非数字等。

通过自定义NumberPicker的方式可以修改字色和字号，话不多说，看代码：

/**
* 改变文本样式的NumberPicker
*
* @author yuzhentao
*/
public class ChangeTextStyleNumberPicker extends NumberPicker {

public ChangeTextStyleNumberPicker(Context context) {
super(context);
}

public ChangeTextStyleNumberPicker(Context context, AttributeSet attrs) {
super(context, attrs);
}

public ChangeTextStyleNumberPicker(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}

@Override
public void addView(View child) {
super.addView(child);
updateView(child);
}

@Override
public void addView(View child, ViewGroup.LayoutParams params) {
super.addView(child, params);
updateView(child);
}

@Override
public void addView(View child, int index, ViewGroup.LayoutParams params) {
super.addView(child, index, params);
updateView(child);
}

private void updateView(View view) {
if (view instanceof EditText) {
((EditText) view).setTextColor(getResources().getColor(R.color.tc_change_text_style_number_picker));
((EditText) view).setTextSize(16);
}
}

}

所以，这样就能修改了，相信大家都看得懂。

还有一种方式也可以修改字色，方法就是通过Java的反射机制来得到修改字色的属性即可：

/**
* 设置NumberPicker字色
*
* @param numberPicker：NumberPicker
* @param color：int
* @return boolean
*/
public static boolean setNumberPickerTextColor(NumberPicker numberPicker, int color) {
final int count = numberPicker.getChildCount();
for (int i = 0; i < count; i++) {
View child = numberPicker.getChildAt(i);
if (child instanceof EditText) {
Field selectorWheelPaintField;
try {
selectorWheelPaintField = numberPicker.getClass().getDeclaredField("mSelectorWheelPaint");
selectorWheelPaintField.setAccessible(true);
try {
((Paint) selectorWheelPaintField.get(numberPicker)).setColor(color);
} catch (IllegalAccessException e) {
e.printStackTrace();
}
((EditText) child).setTextColor(color);
numberPicker.invalidate();
return true;
} catch (NoSuchFieldException e) {
e.printStackTrace();
}
}
}
return false;
}

至于反射怎么用网上有很多种方法，这里不细述，那么如何修改分割线的颜色呢？同样我们可以通过反射来完成：

/**
* 设置NumberPicker分割线颜色
*
* @param numberPicker：NumberPicker
* @param color：int
*/
public static void setNumberPickerDividerColor(NumberPicker numberPicker, int color) {
Field[] pickerFields = NumberPicker.class.getDeclaredFields();
for (Field SelectionDividerField : pickerFields) {
if (SelectionDividerField.getName().equals("mSelectionDivider")) {
SelectionDividerField.setAccessible(true);
try {
SelectionDividerField.set(numberPicker, new ColorDrawable(color));
} catch (IllegalAccessException e) {
e.printStackTrace();
}
break;
}
}
}

好，那么如何防止NumberPicker无限滚动呢？这个就很简单啦，一行代码搞定：

npQuery.setWrapSelectorWheel(false);

最后，如何在NumberPicker中显示文本而非数字呢？也是很简单：

npQuery.setDisplayedValues(string);
npQuery.setMinValue(0);
npQuery.setMaxValue(string.length - 1);

记住，setWrapSelectorWheel()必须用在上面的代码之下。

实际效果图木有。