前几天有个需求需要实现这样的一个时间选择器。我没有用“基友”网站上的WheelView 我直接用的是Android系统提供的组件TimePicker和DatePicker.

需求图如下：

end.png

android:id="@+id/DatePicker"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

android:id="@+id/TimePicker"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

如果写成这样的代码 就显示下面的图，没有那种滚动的显示效果。

first.png

这个时候只要加上xml加上或者代码加上一个属性

android:timePickerMode="spinner" 和android:datePickerMode="spinner"

second.png

加上android:calendarViewShown="false"

third.png

初步显示了滚动的效果。

现在开始正菜 怎么改变显示的字体和去掉分割线

其实实现字体颜色的显示会比较简单一点只要把主题色，DatePicker都是封装了NumberPicker 而NumberPicker的具体实现就是系统的CustomEditText所有只要在Style自定义写EditText的TextColor属性颜色就好了。

代码如下：

@style/Widget.EditText.Custom_color

#1696c7

然后自定的时候就把主题设置到显示的页面的Activity或者Dialog 我这边是Dialog..所以我parent 是一个就是一个Dialog的主题。

代码如下：

final AlertDialog mAlertDialog = new AlertDialog.Builder(getActivity(),R.style.Custom_DatePicker_style).create();mAlertDialog.show();

Window window =mAlertDialog.getWindow();

window.setContentView(R.layout.sample_custom_alarm_dialog);

//这是关于设置Dialog的占据屏幕的宽度和高度的

WindowManager.LayoutParams lp = window.getAttributes();

DisplayMetrics d = getResources().getDisplayMetrics()

;lp.width = (int) (d.widthPixels * 0.65); // 宽度设置为屏幕的0.65

lp.height = (int) (d.heightPixels * 0.45);

window.setAttributes(lp);

上午下午的那个显示就很简单的一个方法只要设置一下

mTimePicker.setIs24HourView(true);

然后就是关于那个分割线去掉的问题，这个主要用到的反射(TimePicker和DatePicker有点不一样)：

代码如下：

DatePicker:

public static void setDatePickerDividerColor(DatePicker datePicker) {

mSpinners LinearLayout llFirst = (LinearLayout) datePicker.getChildAt(0);

// 获取 NumberPicker

LinearLayout mSpinners = (LinearLayout) llFirst.getChildAt(0);

for (int i = 0 ; i < mSpinners.getChildCount() ; i++) {

NumberPicker picker = (NumberPicker) mSpinners.getChildAt(i);

Field[] pickerFields = NumberPicker.class.getDeclaredFields();

for (Field pf : pickerFields) {

if (pf.getName().equals("mSelectionDivider")) {

pf.setAccessible(true);

try {

pf.set(picker, new ColorDrawable());

} catch (IllegalArgumentException e) {

e.printStackTrace();

} catch (Resources.NotFoundException e) {

e.printStackTrace(); }

catch (IllegalAccessException e) {

e.printStackTrace(); } break;

}

} }}

TimePicker

public static void setTimePickerDividerColor(TimePicker timePicker) {

// 获取 mSpinners

LinearLayout llFirst = (LinearLayout) timePicker.getChildAt(0);

// 获取 NumberPicker LinearLayout mSpinners = (LinearLayout) llFirst.getChildAt(1);

for (int i = 0 ; i < mSpinners.getChildCount() ; i++) {

if (mSpinners.getChildAt(i) instanceof NumberPicker) {

Field[] pickerFields = NumberPicker.class.getDeclaredFields();

for (Field pf : pickerFields) {

if (pf.getName().equals("mSelectionDivider")) {

pf.setAccessible(true);

try {

pf.set( mSpinners.getChildAt(i), new ColorDrawable());

} catch (IllegalArgumentException e) {

e.printStackTrace();

} catch (Resources.NotFoundException e) {

e.printStackTrace();

} catch (IllegalAccessException e) {

e.printStackTrace();

}

break;

}

}

}

}}

其实这个分割线的颜色是可以设置的** pf.set( mSpinners.getChildAt(i), new ColorDrawable()); **改变下传入的颜色的参数就可以了。

最后讲下关于设置只是显示月日的问题或者只显示年月的问题，我用的方式很简单粗暴。其实每个都是显示都是一个NumberPicker，层级获取到这个子类。直接设置一下关于这个GONEJ就可以了。

代码如下：

//这是不显示年份的

((ViewGroup) ((ViewGroup)(mDatePicker.getChildAt(0))).getChildAt(0)).getChildAt(0).setVisibility(View.GONE);

//不显示日期的

((ViewGroup) ((ViewGroup)(mDatePicker.getChildAt(0))).getChildAt(0)).getChildAt(2).setVisibility(View.GONE);

有什么问题请指正一下哈。随笔写的

下次给大家介绍一个比较6的github上的一个控件。