icon
icon

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

Androidアプリ開発のGUIコンポーネント【Chronometer(クロノメーター)】を追加する方法を初心者向けに解説した記事です。経過時間を表示させたいときに使用するパーツです。ゲームアプリの時間などで使用することがあります。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査

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

今回はそのなかの1つである、Chronometer(クロノメーター)を追加する方法をご紹介します。

 

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

 

大石ゆかり

田島メンター!!ストップウォッチのAndroidアプリを作りたいんですけど、時間経過って自分で実装しないといけないですか・・・?

田島悠介

そんなことはないよ。経過時間を表示できるChronometerっていうGUIコンポーネントがあるんだ。

大石ゆかり

どうやって使うんですか〜?

 

Chronometerとは

Chronometerは、経過時間を表示させたいときに使用するGUIコンポーネントです。

ゲームなどでスタートからの時間を表示させたいときや、スタートやストップのボタンを用意してストップウォッチを作りたいときなどに使用します。

今回はChronometerの使用例として、アプリを起動してからの経過時間を表示する方法をご紹介します。

 

 

Chronometerを配置する

Chronometerはレイアウトエディタのパレットの「時刻&日付」から配置できます。

パレット内のChronometerを、配置したい場所までドラッグしましょう。

 

このようにChronometerを配置すると、xmlファイルには次のようなコードが追加されます。

<Chronometer
android:id=”@+id/chronometer1″
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:text=”Chronometer” />

これでChronometerの配置は完了しました。

 

 

[PR] Androidアプリの開発で挫折しない学習方法を動画で公開中

Chronometerの開始処理をする

javaファイルのonCreateメゾットに、以下のコードを追加します。

Chronometer chronometer = (Chronometer) findViewById(R.id.chronometer1);
chronometer.start();

Chronometerは、start()でカウントを開始し、stop()で停止します。

 

アプリを起動してみましょう。画面にアプリを起動してからの経過時間が表示されます。

 

 

カスタマイズする

時計の文字サイズを大きくするには、プロパティの「Text Size」の値を変更します。

 

また、xmlに直接記述することで表示のフォーマットを変更することができます。

「<Chronometer…」から「…/>」のあいだに、下のコードを追加します。

android:format=”起動から%s経過”

 

アプリを起動すると%sの部分に時間が表示されます。

今回の記事は以上です。

 

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

 

大石ゆかり

とても楽に経過時間を扱えますね♪

田島悠介

そうだね。自分で実装しようとすると大変だから、覚えておいて使える場面で使うと良いよ。

大石ゆかり

はい、覚えておきます♪

 

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

初心者・未経験でもできる。まずはテックアカデミーに相談しよう

プログラミングを独学で学習していて、このように感じた経験はないでしょうか?

  • ・調べてもほしい情報が見つからない
  • ・独学のスキルが実際の業務で通用するのか不安
  • ・目標への学習プランがわからず、迷子になりそう

テックアカデミーでは、このような 学習に不安を抱えている方へ、マンツーマンで相談できる機会を無料で提供 しています。
30分間、オンラインでどんなことでも質問し放題です。

「受けてよかった」と感じていただけるよう カウンセラーやエンジニア・デザイナー があなたの相談に真摯に向き合います。

「自分に合っているか診断してほしい」
「漠然としているが話を聞いてみたい」

こんなささいな悩みでも大丈夫です。

無理な勧誘は一切ありません ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。(1週間限定)

今なら参加者限定の割引特典付き! 無料相談を予約する