*

大好きなガジェット、ゲーム、写真、映画、ブログ運営などの情報をお届けする、くねおのライフログブログ

【Androidアプリ開発 vol.10】割勘計算アプリ改良② 2つ目のActivity!結果画面作成とソースの修正

      2018/09/18

初めて作ったAndroidアプリ、割勘計算アプリのクオリティーアップの為、前回入力画面にイラスト画像を表示させて修正を施しました。

前回:【Androidアプリ開発 vol.09】割勘計算アプリ改良① 作ったアプリの改善点と入力画面の修正

今回は2画面目となる計算結果画面を作成します。いつも通りレイアウト画面を作り、入力画面で入力された数値を結果画面に渡して計算、表示させるようにソースコードを書いていきます。

結果入力画面の作成

 

Activityの追加方法

新たにActivityを追加するには[プロジェクトツールウィンドウ]の[java]フォルダ直下、MainActivityの入っている[CompanyDomain.アプリ名]フォルダを右クリック、[New]→[Activity]→[Empty Activity]をクリックします。

Activityの追加作成

 

 

[New Android Activity]ウィンドウが開いたら、[Activity Name:]を入力。それ以外の項目はデフォルトで[Finish]ボタンをクリックします。

Activity作成画面

 

 

そうすると、ResultActivity.ktとactivity_result.xmlが出来上がります。

ResultActivity作成後の画面

 

 

あとはいつも通り、.xmlで画面のレイアウトを作成します。これまでの学んできた知識を総動員して結果画面のレイアウトを作成します。背景にイラスト画像を表示させて、TextViewを2つ、Buttonを1つ配置し、Warningを全て解消させます。

ResultActivityのレイアウト画面

※Buttonが2つあり、1つは「もう一度計算」ボタン、もう一つは「アプリ終了」ボタンを作るつもりでしたが、Androidではアプリ終了の概念が無い為、最終的に「もう一度計算」ボタンのみにしました。

 

結果画面のレイアウトはこれにて完成。上段のTextViewには1人分の支払い金額を、下段のTextViewには割り切れなかった場合の剰余を表示できるようにしています。

ResultActivityレイアウト画面完成

 

 

ソースコードの修正

結果画面のレイアウトを作り終えたら、あとは前回修正したMainActivityも合わせてソースコードを修正していきます。

前々回、修正前のソースコードを公開しましたので、今回公開するソースコードと比較してコメント文を読めば、どこをどう修正したかがわかるかと思います。

【Androidアプリ開発 vol.08】割勘計算アプリ③ アプリ完成!MainActivity.ktのプログラミング!

以下に全てのソースコードを公開します。

MainActivity.kt

 

目新しい部分は、MainActivitiyで入力された合計金額、人数、調整金額をResultActivityへと渡す処理が入っているところです。

この部分ですね。

 

intent変数を宣言後、intent.putExtraメソッドでInt型に変換した合計金額、人数、調整金額をResultActivityへと値を渡しています。

その後、合計金額、人数、調整金額のEditTextを初期化して、startActivityメソッドでResultActivityを呼び出します。

EditTextを初期化しているのは、結果画面(ResultActivity)で「もう一度計算」ボタンをタップしてMainActivity画面に遷移した時に前回の入力値が残ってしまうのを防ぐためです。

 

ResultActivity.kt

今回新規作成したActivityであるResultActivityのソースコードです。

この画面ではMainActivityから受け取った合計金額、人数、調整金額を計算して1人分の支払い金額、割り切れずに剰余がある場合は剰余の金額を表示させます。

また「もう一度計算」ボタンをタップされたらResultActivity画面を終了して遷移元のMainActivityを表示するようにしています。

 

 

ちなみに結果画面の支払い金額と剰余の端数金額を目立たせるために他のテキストよりも大きく、赤字で表示させています。これを実現させるためにHtml.fromHtmlメソッドを使用しています。

以下の部分です

 

set_hasuu_ariのテキストはStrings.xmlに以下のように定義されています。

 

今回ハマったのは、アプリの終了処理についてです。

元々計算結果画面に「アプリ終了ボタン」を作っておいて、タップされたらタスクからアプリを消すようにしたかったのですが、Activityを終了するメソッドはあれど、アプリ自体を終了するメソッドが見つからず。。。Androidではアプリを終了させるという概念がないため、アプリ終了ボタンの実装を断念しました。

 

 

割勘計算アプリ(改良版)完成!

さて。これで画面、ソースコードが出来上がり割勘計算アプリ改良版が完成しました。

あとはGooglePlayでリリースするのみ!と言いたいところですが、実はまだこれで完成ではありません。まだ忘れていることがあります。そうです、アプリのアイコンです。

次回はアプリのアイコンを作成について書いていきます。

 

(つづく)

次回:【Androidアプリ開発 vol.11】Adaptive Icon対応(API26以降)のアプリアイコンを作れ!

 - Androidアプリ開発

スポンサーリンク


1番上へ