1. 程式人生 > >Android中自定義DatePicker

Android中自定義DatePicker

先看一下效果
自定義的DatePicker
看這個圖很顯然就是一個DatePicker和一個TimePicker組合來實現的

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <LinearLayout
android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="8dp" android:orientation="horizontal">
<TextView android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight
="1" android:gravity="center" android:text="月" android:textColor="@android:color/black" android:textSize="16sp" />
<TextView android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight
="1" android:gravity="center" android:text="日" android:textColor="@android:color/black" android:textSize="16sp" />
<TextView android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:gravity="center" android:text="時" android:textColor="@android:color/black" android:textSize="16sp" /> <TextView android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:gravity="center" android:text="分" android:textColor="@android:color/black" android:textSize="16sp" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <DatePicker android:id="@+id/date_picker" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:calendarViewShown="false" /> <TimePicker android:id="@+id/time_picker" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" /> </LinearLayout> </LinearLayout>

接下來就是邏輯程式碼部分

                AlertDialog.Builder builderStart = new AlertDialog.Builder(this);
                View viewStart = View .inflate(this, R.layout.dialog_date_time, null);
                final DatePicker datePickerStart = (DatePicker) viewStart .findViewById(R.id.date_picker);
                final TimePicker timePickerStart = (android.widget.TimePicker) viewStart .findViewById(R.id.time_picker);
                builderStart.setView(viewStart);

在這裡需要特別注意DatePicker控制元件中的android:calendarViewShown=”false”,這是用來設定是否顯示日曆的。
接下來最重要的就是需要隱藏年的資訊了,有兩種方法來實現。

方法一:

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

方法二:

                if (datePickerStart != null) {
                    try {
                        Field f = datePickerStart.getClass().getDeclaredField("mYearSpinner");
                        f.setAccessible(true);
                        LinearLayout l = (LinearLayout) f.get(datePickerStart);
                        l.setVisibility(View.GONE);
                    } catch (NoSuchFieldException e) {
                        e.printStackTrace();
                    } catch (IllegalAccessException e) {
                        e.printStackTrace();
                    }
                }

還需要注意一下幾點:
1. 我這裡用的是DatePicker,如果用的是DatePickerDialog的話需要先找到DatePicker。
2. 這兩中方法4.0以上版本和4.0以下版本都有所區別,我這裡只寫了4.0以上版本的處理方式。
3. 方法一中有缺陷測試機三星S4(I9502)中,日對應的地方顯示的是年。