Hello, Views (DatePicker編)

Date Picker | Android Developers

http://developer.android.com/intl/ja/resources/tutorials/views/hello-datepicker.html 日付を選択するウィジェットです。
HelloDatePickerというプロジェクトを作成します。
今回から、xml内に記述する文字列をstrings.xmlに外出ししようと思います。(eclipseでハードコードのwarningが出るのも嫌なので)
res/values/strings.xmlを開き、以下のように変更します。

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <string name="hello">Hello World, HelloDatePickerActivity!</string>
    <string name="app_name">HelloDatePicker</string>
    <string name="pick_date">Change the date</string>

</resources>

res/layout/main.xmlを開き、以下のように変更します。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical">
    <TextView android:id="@+id/dateDisplay"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text=""/>
    <Button android:id="@+id/pickDate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/pick_date"/>
</LinearLayout>

HelloDatePickerActivity.javaを開き、以下のように変更します。

package com.blogspot.logroid.helloDatePicker;

import java.util.Calendar;

import android.app.Activity;
import android.app.DatePickerDialog;
import android.app.Dialog;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.DatePicker;
import android.widget.TextView;

public class HelloDatePickerActivity extends Activity {
    
    private TextView mDateDisplay;
    private Button mPickDate;
    private int mYear;
    private int mMonth;
    private int mDay;

    static final int DATE_DIALOG_ID = 0;
    
    /** Called when the activity is first created. */
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        // capture our View elements
        mDateDisplay = (TextView) findViewById(R.id.dateDisplay);
        mPickDate = (Button) findViewById(R.id.pickDate);

        // add a click listener to the button
        mPickDate.setOnClickListener(new View.OnClickListener() {
            public void onClick(View v) {
                showDialog(DATE_DIALOG_ID);
            }
        });

        // get the current date
        final Calendar c = Calendar.getInstance();
        mYear = c.get(Calendar.YEAR);
        mMonth = c.get(Calendar.MONTH);
        mDay = c.get(Calendar.DAY_OF_MONTH);

        // display the current date (this method is below)
        updateDisplay();
    }
    
    // updates the date in the TextView
    private void updateDisplay() {
        mDateDisplay.setText(
            new StringBuilder()
                    // Month is 0 based so add 1
                    .append(mMonth + 1).append("-")
                    .append(mDay).append("-")
                    .append(mYear).append(" "));
    }
    
    // the callback received when the user "sets" the date in the dialog
    private DatePickerDialog.OnDateSetListener mDateSetListener =
            new DatePickerDialog.OnDateSetListener() {

                public void onDateSet(DatePicker view, int year, 
                                      int monthOfYear, int dayOfMonth) {
                    mYear = year;
                    mMonth = monthOfYear;
                    mDay = dayOfMonth;
                    updateDisplay();
                }
            };

    @Override
    protected Dialog onCreateDialog(int id) {
        switch (id) {
        case DATE_DIALOG_ID:
            return new DatePickerDialog(this,
                        mDateSetListener,
                        mYear, mMonth, mDay);
        }
        return null;
    }
}

実行します。

今回出てきたキーワードについて解説。

findViewById

IDにマッチするViewを取得

setOnClickListener

クリック(タップ)した際のイベントリスナ登録

OnClickListener

クリック(タップ)した際のイベントリスナ

onClick

クリック時のイベント
引数には、クリック(タップ)されたビューが入る

showDialog

ダイアログを表示
引数には、ダイアログのIDを指定する

OnDateSetListener

日付がセットされた際のイベントリスナ

onDataSet

日付がセットされた際のイベント
引数には、クリック(タップ)されたビュー、選択された年、月、日が入る

onCreateDialog

ダイアログ作成時のイベント
引数には作成対象のダイアログIDが入る

DatePickerDialog

日付を選択するダイアログ