前几天有个需求需要实现这样的一个时间选择器。我没有用“基友”网站上的WheelView 我直接用的是Android系统提供的组件TimePicker和DatePicker.
需求图如下：
end.png
<DatePicker
android:id="@+id/DatePicker"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TimePicker
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 name="Custom_DatePicker_style" parent="@style/Theme.AppCompat.Light.Dialog">
<item name="android:editTextStyle">@style/Widget.EditText.Custom_color</item>
</style><style name="Widget.EditText.Custom_color" parent="@android:style/Widget.EditText">
<item name="android:textColor">#1696c7</item></style>
然后自定的时候就把主题设置到显示的页面的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上的一个控件。
网友评论