【Android Studio】Kotlinでつくるクイズアプリ講座 第４回「問題と選択肢の表示」
Sara
Code for Fun
【Android Studio】Kotlinでつくるクイズアプリ講座 第１回「プロジェクトの作成とテーマの設定」
Sara
ここまでの記事はこちら
今回は
- 新しいプロジェクトの作成
- テーマの設定
を行なっていきます。
目次
動画
解説
1. プロジェクトを作成する
Android Studio を開いて Create New Project をクリックします。
2. Activity の選択
Empty Activity を選択して Next を押します。
Empty は「空っぽ」という意味で、Empty Activity（エンプティーアクティビティ）はナビゲーションやマップなどが入っていない空っぽのアクティビティを意味しています。
3. プロジェクト情報の入力
次にプロジェクトの名前・保存先などを入力していきます。
①アプリ名
アプリの名前を入力します。
②パッケージ名
ここで指定したパッケージ名は、アプリを Play ストアに公開した時に使われる applicationId（アプリケーションID）にも使われます。
https://play.google.com/store/apps/details?id=パッケージ名
同じ ID のアプリを公開することはできないので、他の人と重複しないパッケージ名にする必要があります。
独自ドメインを取得してパッケージ名に使用するのが一番良いのですが、ドメインを持っていない場合は名前やニックネームでも問題ありません。
ドメインとは？
ウェブサイトの「住所」と言われるものです。
例えば https://codeforfun.jp/android/ の codeforfun.jp の部分がドメインです。
③保存先
このプロジェクトの保存場所を指定します。
④言語
Java と Kotlin のどちらの言語を使うかを選択します。ここでは Kotlin を選択してください。
⑤ミニマムSDK
SDK とは Software Development Kit（ソフトウェア・デベロップメント・キット）の略で、アプリの開発キットのようなものを意味します。
どの SDK を設定するかによって、どこまで古い機種に対応させるかを決めます。
今回はシンプルなアプリなので一番低い API 16 を選択 で良いですが、開発するアプリに合わせてどの程度の古い機種まで対応させるのか考える必要があります。
Help me choose を押すと現在のシェアを確認することができます。
全て入力できたら Finish を押してください。プロジェクトの作成が始まります。
4. プロジェクトのファイルを確認
プロジェクトの作成が完了すると、画像のようにファイルが作成されていると思います。
プロジェクト作成時に EmptyActivity を選択したので MainActivity.kt と activity_main.xml がセットで作成されます。
この MainActivity.kt にクイズの機能を実装、activity_main.xml に問題文や解答ボタンを表示していきます。
簡単に言うと
- MainActivity.kt → アプリのユーザーから見えない部分（機能）
- activity_main.xml → アプリのユーザーから見える部分（デザイン）
となります。
5. テーマの確認
Android Studio では、ナビゲーションバーやボタンの色などがテーマとして用意されています。
画面左側のプロジェクト構造から res → values → themes → themes.xml を開いて、3 行目が Theme.MaterialComponents.DayNight.DarkActionBar となっていることを確認します。
今回は Android で用意されている MaterialComponents を使ってこのようなボタンを使う方法を紹介します。
すでに Theme.MaterialComponents.DayNight.DarkActionBar になっている場合は、このあとの設定は不要です。次の 第２回「クイズ画面の作成」にお進み下さい。
Theme.AppCompat.Light.DarkActionBar になっている場合は MaterialComponents を使えるようにテーマを設定しましょう。
6. テーマの設定
画面左側のプロジェクト構造から Gradle Scripts → build.gradle(Module: QuizApp.app) を開きます。
下の方に dependencies というコードがあるので
implementation 'com.google.android.material:material:1.4.0'を追加して、画面上部に表示される Sync Now を押します。
1.4.0 は 2021年12月時点での最新バージョンです。新しいバージョンが出ている場合はコードが黄色く変わります。カーソルを合わせると左側に豆電球のアイコンが表示されるので、クリック → Change to X.X.X を押して下さい。
処理が終わったら先ほどの themes.xml で
parent="Theme.AppCompat.Light.DarkActionBar"を
parent="Theme.MaterialComponents.DayNight.DarkActionBar"に変更して下さい。
これで MaterialComponents を使う用意ができました。
エラーが出てしまう場合は Android Studio を再起動してみて下さい。
次に行うこと
以上でアプリ開発の準備は完了です！
次回はクイズ画面を作成していきましょう。
Android Studio
Android開発のための
Kotlin入門講座
Kotlin入門講座
アプリを開発しながらKotlinの基礎を学ぶことができる講座です。
- Kotlinの基礎を学んだけれど、次に何をすれば良いかわからない
- とりあえずアプリを開発してみたい
という方にオススメです。
ABOUT ME
書籍やオンライン講座でプログラミングを勉強してフリーランスのプログラマーになりました。
このサイトでは「わかりやすく・シンプル」をモットーに、プログラミングの基礎からアプリ開発まで紹介します。
独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています。
このサイトでは「わかりやすく・シンプル」をモットーに、プログラミングの基礎からアプリ開発まで紹介します。
独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています。
初めまして。貴重な情報を無料公開して頂き本当に有難う御座います。
こちらを読みながらコードを3回作り直しやっと成功しました。
今後も失敗と成功を繰り返し、諦めないで計画通りのコードを書けるよう学習したいと思います。
はじめまして。
当サイトを見つけて頂きありがとうございます！
私もプログラミングを始めたばかりの頃は、コードが動かないことばかりでした。繰り返しコードを書いていれば間違いを見つけるスピードも速くなっていくと思いますので、ぜひコツコツ続けてみてください。
このサイトが少しでもお役に立てれば幸いです