Androidアプリ開発でTimePickerDialogを追加する方法【初心者向け】

TechAcademy

2017年4月27日 11:00

Androidアプリ開発では、アプリのパーツを簡単に追加できるGUIコンポーネントが数多く用意されています。

今回はそのうちの1つである、TimePickerDialog(時刻入力ダイアログ)を追加する方法と基本的な使い方をご紹介します。

本記事はTechAcademyのAndroidアプリ開発オンラインブートキャンプの内容をもとに解説しています。

20160620

田島メンター!!今、スケジュール管理アプリを作っていて時刻を入力するパーツを実装したいんですけど、何か良い方法ってありませんか〜?

20163020-2

それなら、TimePickerDialogを使うといいよ。

20160620

TimePickerDialogですか・・・?

TimePickerDialogとは

TimePickerDialog(タイムピッカーダイアログ)とは、時刻の入力に特化したGUIコンポーネントです。

乗り換え案内のアプリなどで目にする機会も多いかもしれません。

TimePickerDialogを作成する

アプリを起動したときにTimePickerDialogを表示させる場合、アプリ画面を作成するときに実行されるonCreateメゾットに下のコードを追加します。

001

Calendar calendar = Calendar.getInstance();
int hour = calendar.get(Calendar.HOUR_OF_DAY);
int minute = calendar.get(Calendar.MINUTE);
TimePickerDialog dialog = new TimePickerDialog(
this,
new OnTimeSetListener(){
@Override
public void onTimeSet(TimePicker view, int hourOfDay,int minute) {
Log.d(“test”,String.format(“%02d:%02d”, hourOfDay,minute));
}
},
hour,minute,true);
dialog.show();

コードを追加したら、ここでアプリを実行してみましょう。

アプリが起動するとTimePickerDialogが表示されます。

00213-575x1024

[OK]ボタンをタップするとTimePickerDialogが消えログにダイアログで入力した時刻が表示されます。

003

カスタマイズする

TimePickerDialogの構文は以下のようになっています。

TimePickerDialog(コンテキスト,完了ボタン選択時の処理,時,分,24時間表示);

24時間表示の引数を「false」に変更し、アプリを実行してみましょう。

ダイアログに午前・午後の選択欄が表示されました。

0049-575x1024

必要に応じてカスタマイズしていきましょう。

今回の記事は以上です。

他のGUIコンポーネントを追加したい場合は、Androidアプリ開発でAlertDialogを追加する方法も合わせてご覧ください。

20160620

これで楽に時刻の入力ができますね♪

20163020-2

そうだね。TimePickerDialogはとても直感的に操作できるから、時刻入力するなら絶対使いたいね。

20160620

はい〜♪

[お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でアプリを公開してみたい場合はご参加ください。

人気記事トップ10

人気記事ランキングをもっと見る

企画広告も役立つ情報バッチリ! Sponsored

ClickHouse Cloudが実現した広告運用SaaS「ATOM」のデータ基盤革新、パフォーマンスを向上しながら、運用負荷とコストを削減 11月11日 6:20 AIで開発が加速する時代、品質保証はどう変わる? Tricentisが示すAIエージェント活用の実像 11月9日 6:45 悪用までの猶予が「1分」に迫るフロンティアAI時代に開発と本番を貫く脆弱性管理が必要 10月29日 8:30 欧州CRA対応とSBOM運用。AI生成コードのOSS混入問題の対策とは ――スニペット単位で検出する「FossID」「Insignary Clarity」によるSBOM運用 9月16日 6:40 PostgreSQLからTiDBへ、稼働中SaaSで進める段階的DB移行の実践と再設計への展望 9月7日 6:30 機能安全開発におけるGoogleTestの活用を支援!「Parasoft C/C++test CT」で実現する効率化&AI連携 4月14日 6:30 【CNDW2025】Grafanaが明かす「オブザーバビリティの哲学」ー最小限の労力で実用的なインサイトを得るには 1月23日 6:30 【CNDW2025】プロダクト急増に備える基盤刷新 ーウェルスナビがECSからEKSへの移行で得た知見とは 1月15日 6:30 【CNDW2025】250環境を5人で運用、構築時間は30分に ーKINTOテクノロジーズが語るインフラ基盤組織の作り方 2025年12月18日 6:30 新たな自動化で熱視線! AIエージェントの「推論能力」を支える2つのコンポーネントとは? 2025年11月28日 6:30