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を開き、以下のように変更します。

1 2 3 4 5 6 7 8

<?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を開き、以下のように変更します。

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<?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を開き、以下のように変更します。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84

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

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