4択クイズアプリ(Kotlin)

【Android Studio】Kotlinでつくるクイズアプリ講座 第1回「プロジェクトの作成とテーマの設定」

Sara

Android Studio Dolphin | 2021.3.1 での動作確認を完了しました。

ここまでの記事はこちら

今回は

  • 新しいプロジェクトの作成
  • テーマの設定

を行なっていきます。

動画

【Android Studio】Kotlinでつくる4択クイズアプリ – #1 プロジェクトの作成とテーマの確認

YouTubeチャンネルはこちら

解説

1. プロジェクトを作成する

Android Studio を開いて Create New Project をクリックします。

プロジェクトを作成

2. Activity の選択

Empty Activity を選択して Next を押します。

Activity の選択

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 を選択 で良いですが、開発するアプリに合わせてどの程度の古い機種まで対応させるのか考える必要があります。

SDKの選択

Help me choose を押すと現在のシェアを確認することができます。

APIシェアの確認

全て入力できたら 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 を使ってこのようなボタンを使う方法を紹介します。

MaterialComponentsのボタン

すでに Theme.MaterialComponents.DayNight.DarkActionBar になっている場合は、このあとの設定は不要です。次の 第2回「クイズ画面の作成」にお進み下さい。

Theme.AppCompat.Light.DarkActionBar になっている場合は MaterialComponents を使えるようにテーマを設定しましょう。 

6. テーマの設定

画面左側のプロジェクト構造から Gradle Scripts → build.gradle(Module: QuizApp.app) を開きます。

build.gradle(Module: app)を開く

下の方に dependencies というコードがあるので

implementation 'com.google.android.material:material:1.4.0'

を追加して、画面上部に表示される Sync Now を押します。

dependencies追加

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の基礎を学んだけれど、次に何をすれば良いかわからない
  • とりあえずアプリを開発してみたい

という方にオススメです。

guest
2 Comments
古い順
新しい順 人気順
Inline Feedbacks
View all comments
伊藤 栄蔵
伊藤 栄蔵
3 months ago

初めまして。貴重な情報を無料公開して頂き本当に有難う御座います。
こちらを読みながらコードを3回作り直しやっと成功しました。
今後も失敗と成功を繰り返し、諦めないで計画通りのコードを書けるよう学習したいと思います。

ABOUT ME
Sara
Sara
運営者
書籍やオンライン講座でプログラミングを勉強してフリーランスのプログラマーになりました。
このサイトでは「わかりやすく・シンプル」をモットーに、プログラミングの基礎からアプリ開発まで紹介します。
独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています。
2
0
この記事にコメントするx
記事URLをコピーしました