ワタシゴト

起業ブログ WEBサービスとか開発とかニュースとか取り上げます。

DatePickerカスタマイズ

AndroidのDatePickerのデザインが少しいまいちだったので、カスタマイズしてみた。

f:id:lighter_tokyo:20140926011342p:plain

このデザインがいいかどうかはおいておいて

DatePickerDialog.xml

 

<?xmlversion="1.0"encoding="utf-8"?>

<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent">

 

    <!-- コンテンツ -->

    <LinearLayout

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_alignParentTop="true"

        

        android:layout_marginTop="6dp"

        android:layout_marginLeft="6dp"

        android:layout_marginRight="6dp"

        android:paddingBottom="20dp"

        android:background="@drawable/bg_dialog"

        android:gravity="center_horizontal"

        android:orientation="vertical"

        >

 

        <!-- タイトル -->

        <TextView

            android:id="@+id/datetitle"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:background="#FEC600"

            android:gravity="center"

            android:layout_weight="1"

            android:padding="10dp"

            android:textSize="18sp"

            android:textColor="@android:color/black"

            />

 

           <DatePicker

                android:id="@+id/datePicker1"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:textColor="#FFA400"

                android:calendarViewShown="false"/>

   

 

           <LinearLayout 

                  android:layout_width="match_parent"

                  android:layout_height="wrap_content"

                  android:gravity="center"

                  android:layout_weight="1"

                  android:orientation="horizontal">

 

           <Button

                  android:id="@+id/complete_button"

                  android:layout_width="fill_parent"

                  android:layout_height="wrap_content"

                  android:layout_margin="6dp"

                  style="?android:attr/buttonBarButtonStyle"

                  android:text="@+string/Complete"

                  android:background="@+drawable/button_corners"

                  android:textColor="#FFA400"/>

      

         </LinearLayout>

    </LinearLayout>

</RelativeLayout>

 

bg_dialog.xml

<?xmlversion="1.0"encoding="utf-8"?>

<shapexmlns:android="http://schemas.android.com/apk/res/android">

     

    <cornersandroid:radius="5dp"/>

     

    <strokeandroid:width="2dp"android:color="#FEC600"/>

     

    <gradientandroid:startColor="#99FFFFFF"android:endColor="#999a9a9a"android:angle="90"/>

 

</shape>