4択クイズアプリ〜答え入力編

Android Studio 答えを入力するクイズアプリの作り方 第1回「新しいプロジェクトとクイズ画面の作成」

ここまでの記事はこちら

 

第一回は「新しいプロジェクトとクイズ画面の作成」です。
 

この講座では Android Studio 3.4 / Android Emulator Nexus5 (API 27) を使用しています。

Android Studio のバージョンによって、プロジェクト作成画面が少し異なる場合があります。
クイズ画面の文字サイズ・ボタンサイズなどはお使いのエミュレータに合わせて自由に変更してください。
 
 

Android Studio 4択クイズアプリ開発講座ではより詳しくクイズアプリの作り方を解説しています。ぜひこちらもお読みください🙂

【必ず完成できる】 Android Studio 4択クイズアプリ開発講座 Android Studioクイズアプリ開発講座へようこそ! この講座では4択クイズアプリの作り方を紹介していきます。 ...

 
 

動画

【Android Studio】答えを入力するクイズアプリの作り方 #2 新しいプロジェクトとクイズ画面の作成

 
 

画像のダウンロード

このアプリで使用している画像は以下からダウンロードできます。
このあと使用するのでダウンロード、またはご自身で画像を用意しておいてください。

 

解説

プロジェクトの作成

まずは新しくプロジェクトを作成します。

「Start a new Android Studio project」をクリックします。

 

「Empty Activity(空っぽのアクティビティ)」を選択して「Next」を押します。

 

プロジェクトの情報を入力していきます。

 

Name

プロジェクト名を入力します。好きな名前をつけてください。
 

Package Name

パッケージ名を入力します。

一般的に「ドメイン.プロジェクト名」としますが、ドメインを持っていない場合は名前やニックネームでも問題ありません。

 

Save Location

保存先を指定します。
 

Language

Java と Kotlin のどちらでコードを書くかを選択できます。

ここでは Java を選択します。

 

Minimum API Level

どこまで古い機種(API)に対応させるかを決めます。

このアプリでは API 15 を選択して、ほぼ100%の機種に対応させています。
 
 

全て入力できたら「Finish」を押してプロジェクトが作成されるのを待ちましょう。
 
 

クイズ画面の作成

プロジェクトの用意ができたら、クイズ画面を作成していきます。

activity_main.xml を開く

activity_main.xml を開いて「Text」タブを選択します。

 

アクションバーが表示されない?

画面右側のプレビュー画面にアクションバーが表示されていない場合は、「View Options」→「Show Layout Decorations」を押すと表示されるようになります。

 
 

画像の準備

次に、使用する画像をプロジェクト内に置きます。

Android Studio画面の左側のプロジェクト構造の中にある「drawable」の上で右クリックするとメニューが出てきます。

Macの場合は「Reveal in Finder」Windowsの場合は「Show in Explorer」を選択します。

 

drawableフォルダを開いたら、先ほどダウンロードした画像を置いてください。

 

これで画像を使う準備は完了です。
 
 

レイアウトを作成

次に XML でレイアウトを書いていきます。

コードを以下のように変更・追加します。

 
 
このような画面になりましたか?

 
 

次に行うこと

これでクイズ画面は完成です!
次はクイズ出題の準備をしていきます。

第2回「クイズを準備する」に進む
 

ABOUT ME
Sara
Sara
「わかりやすく・シンプル」をモットーに、携帯アプリ・ウェブアプリの作り方を紹介します。 独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています🙂

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です