SQLの窓

2015年10月01日


Android : DatePickerDialog で、4種類のダイアログを使い分ける( spinner と calendar の組み合わせ )

Android 5.1 ですが、プログラムからスタイルの 1属性を(容易には)変更できないようなので、二つのスタイルを用意して必要な DatePickerDialog を作成して使用します。何もしないと、大きなカレンダーになり、初期表示の日付の前後の日付選択は簡単ですが、年月の変更をしたい場合は、スピナーを組み合わせる必要があります。

しかし、スピナーへの変更がスタイル経由でしかできないので、DatePickerDialog のコンストラクタでテーマを指定できるほうを使って適宜選択します。





<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="AppTheme" parent="android:Theme.Material.Light">
    </style>

    <style name="MyDialogTheme" parent="android:Theme.Material.Light.Dialog">
        <item name="android:datePickerStyle">@style/MyDatePicker</item>
    </style>
    <style name="MyDialogTheme2" parent="android:Theme.Material.Light.Dialog">
        <item name="android:datePickerStyle">@style/MyDatePicker2</item>
    </style>

    <style name="MyDatePicker" parent="android:Widget.Material.DatePicker">
        <item name="android:datePickerMode">spinner</item>
    </style>
    <style name="MyDatePicker2" parent="android:Widget.Material.DatePicker">
        <item name="android:datePickerMode">calendar</item>
    </style>
</resources>


MainActivity
package sample.lightbox.calendar;

import android.app.Activity;
import android.app.DatePickerDialog;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.DatePicker;

import java.util.Calendar;

public class MainActivity extends Activity {

	private DatePickerDialog spinnerDatePicker = null;
	private DatePickerDialog calendarDatePicker = null;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		final Calendar calendar = Calendar.getInstance();
		int year = calendar.get(Calendar.YEAR);
		int monthOfYear = calendar.get(Calendar.MONTH);
		int dayOfMonth = calendar.get(Calendar.DAY_OF_MONTH);

		spinnerDatePicker = new DatePickerDialog(
				MainActivity.this,
				R.style.MyDialogTheme,
				new DatePickerDialog.OnDateSetListener() {
					@Override
					public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
						String buffer = String.format("%4d/%02d/%02d",year,monthOfYear+1,dayOfMonth);
						Log.i("lightbox",buffer);
					}
				},year,monthOfYear,dayOfMonth);

		calendarDatePicker = new DatePickerDialog(
				MainActivity.this,
				R.style.MyDialogTheme2,
				new DatePickerDialog.OnDateSetListener() {
					@Override
					public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
						String buffer = String.format("%4d/%02d/%02d",year,monthOfYear+1,dayOfMonth);
						Log.i("lightbox",buffer);
					}
				},year,monthOfYear,dayOfMonth);


		MainActivity.this.findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {
			@Override
			public void onClick(View v) {
				spinnerDatePicker.getDatePicker().setSpinnersShown(true);
				spinnerDatePicker.getDatePicker().setCalendarViewShown(false);
				spinnerDatePicker.show();
			}
		});

		MainActivity.this.findViewById(R.id.button2).setOnClickListener(new View.OnClickListener() {
			@Override
			public void onClick(View v) {
				spinnerDatePicker.getDatePicker().setSpinnersShown(false);
				spinnerDatePicker.getDatePicker().setCalendarViewShown(true);
				spinnerDatePicker.show();
			}
		});

		MainActivity.this.findViewById(R.id.button3).setOnClickListener(new View.OnClickListener() {
			@Override
			public void onClick(View v) {
				spinnerDatePicker.getDatePicker().setSpinnersShown(true);
				spinnerDatePicker.getDatePicker().setCalendarViewShown(true);
				spinnerDatePicker.show();
			}
		});

		MainActivity.this.findViewById(R.id.button4).setOnClickListener(new View.OnClickListener() {
			@Override
			public void onClick(View v) {
				calendarDatePicker.show();
			}
		});
	}

}

フラグメントバージョンは、Android Developer の Creating a Date Picker を参考にしますが、現状では getSupportFragmentManager では無く getFragmentManager を使用します。

また、常に spinner 側を使用するのであれば、メインテーマの中に、以下を入れてしまえばいいはずです。
<item name="android:dialogTheme">@style/MyDialogTheme</item>
参考


【2 Android Studioの最新記事】
posted by lightbox at 2015-10-01 03:04 | 2 Android Studio | このブログの読者になる | 更新情報をチェックする
container 終わり

フリーフォントで簡単ロゴ作成
フリーフォントでボタン素材作成
フリーフォントで吹き出し画像作成
フリーフォントではんこ画像作成
ほぼ自由に利用できるフリーフォント
フリーフォントの書体見本とサンプル
画像を大きく見る為のウインドウを開くボタンの作成

CSS ドロップシャドウの参考デモ
BUTTONS (CSS でボタン)
イラストAC
ぱくたそ
写真素材 足成
フリーフォント一覧
utf8 文字ツール
右サイド 終わり
base 終わり