ゲームアプリ (Catch the Ball)

【Android Studio】 ゲームアプリ開発入門 第9回 「スタート画面の作成」

ここまでの記事はこちら
 

今回はスタート画面を作成していきます。

ゲームのルールを簡単に表示して、ゲーム画面に遷移する「START」ボタンを用意します。


 


 

動画

動画では Android Studio 3.1.4 を使用していますが 3.6 / 4.0 でも動作確認済みです。

【Android Studio】ゲームアプリ開発入門 #9 スタート画面の作成

 
 

解説

スタート画面のファイルを作成する

まずはスタート画面に必要な

  • StartActivity.java
  • activity_start.xml

ファイルを作成します。

作成方法は ResultActivity を作成した時と同じです。
 

Step 1

app → java → com.codingwithsara.catchtheball(パッケージ名)を選択した状態にします。
 

 

Step 2

右クリック → New → Activity → Empty Activity を選択します。
 

 

Step 3

Activity Name に「StartActivity」と入力し「Finish」を押します。
 

 

これで StartActivity.java と activity_start.xml が作成されました。

 
 

レイアウトを作成

次にスタート画面のレイアウトを作成していきます。

activity_start.xml を開いて、以下のように書いてください。

Warning が出ている箇所があると思いますが、最後に修正するのでそのままにしておいて下さい。

 

TextView や Button は他の画面でも使いましたが、ここで新しく出てくるのが TableLayout(テーブルレイアウト)です。
 

TableLayout はテーブル(表)を作るためのレイアウトで、使い方は TableLayout の中に TableRow(行)を入れていくだけです。


 

ここでは TableRow に ImageView(画像)と TextView(テキスト)を入れましたが

  • TextView を2つ
  • TextView を2つと ImageView
  • TextView を2つと ImageView と Button

など色々な要素を組み合わせることができます。
 

また TableRow に android:gravity="center_vertical" をつけることで、ImageView と TextView を垂直方向で揃えています。

 
 

TableLayout については、こちらの動画も参考にしてみてください。

[Android Studio] TableLayout – Border & Collapse –

 
 

アプリ起動時にスタート画面を表示する

現在アプリを起動するとゲーム画面(MainActivity)が表示されるようになっているので、スタート画面(StartActivity)が表示されるよう設定を変更します。

Step 1

AndroidManifest.xml を開きます。


 

Step 2

以下の2箇所を変更します。

変更前
12行目 <activity android:name=".MainActivity">
20行目 <activity android:name=".StartActivity">

変更後
12行目 <activity android:name=".StartActivity">
20行目 <activity android:name=".MainActivity">
 


 
 

アプリを実行する

アプリを実行してみてください。

スタート画面が表示されたら成功です

 
 

次に行うこと

次回は StartActivity.java に

  • 「START」ボタン
  • 画面の向きの固定
  • 戻るボタンを無効化

を実装していきます。

第10回 「画面の向きの固定と戻るボタンの無効化」に進む
 

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

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

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

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

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

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

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

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

無料体験はこちら

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

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

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

3. Treehouse

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

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

COMMENT

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

CAPTCHA