4択クイズアプリ〜画像編

Android Studio 画像を使うクイズアプリの作り方 第1回「新しいプロジェクトとクイズ画面の作成」

ここまでの記事はこちら

 

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

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

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

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

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

 
 

動画

【Android Studio】4択クイズアプリ開発講座〜画像編 #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 でレイアウトを書いていきます。

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

 
 
このような画面になりましたか?(画像は Nexus 4 サイズです。)

 
 

今のままだと、回答ボタンの「checkAnswer」の部分に赤い波線がついているかと思います。

これは「MainActivityにcheckAnswer関数がありません!」という警告です。
次回、MainActivity.javaを書くときに消えますので、そのままにしておいて大丈夫です。

 
 

次に行うこと

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

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

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

 
独学でプログラミングを勉強するのは難しそう、効率的にプログラミングを学びたいという方はオンラインスクールがオススメです。

オンラインスクールを選ぶときのポイント

  • 無料体験があること
  • 個別サポートがあること

自分にあったスタイルを見つけるために、無料体験のご利用をオススメします。(無料体験後に自分には合わないなと感じたらハッキリ断ってしまって問題ありません。)
 
個別サポートもプログラミング学習に挫折しないために重要なポイントです。エラーや困った時にすぐに個別対応をしてくれるスクールを利用して下さい。

ここでは3つのオンラインスクールを紹介します。
全て無料体験がありますので、ぜひ自分に合ったスクールを見つけてみて下さい????
 

1. TechAcademy(テックアカデミー)

オンライン完結で勉強できるスクールで、コースがとても充実しています。チャットで質問すればすぐに回答を得られるのが一番のおすすめポイントです。
オリジナルのサービスやアプリの開発もサポートしてくれるので、開発したいものが決まっている人にもオススメです。

無料体験はこちら

2. CodeCamp(コードキャンプ)

一対一で受講できる個別指導のプログラミングスクールです。
Webデザイン・Webサービス開発・アプリ開発などを幅広く学習することができます。
マンツーマンなので自分のペースで学習できて、質問もその都度できるのがメリットです。

無料体験レッスンはこちら

3. Treehouse

英語でも良い、英語とプログラミングを同時に勉強したいという方は Treehouse がオススメです。月25ドルで始めることができて、たくさんのプログラミング言語を学ぶことができます。
個別サポートはありませんが、掲示板が充実しています。ほとんどの場合、質問してから30分程度で回答を得ることができます。

7日間の無料体験はこちら

COMMENT

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

CAPTCHA