5. Android Studioの使い方とActivityについて
Android Studio の使い方
まずはじめに Android Studio の使い方を簡単に説明します。
使いながら覚えていく方がわかりやすいと思うので、今の時点で必要な箇所だけ見ていきましょう。
1. プロジェクトウィンドウ
まず画面左側がプロジェクトウィンドウです。
ここでは
- 新しくファイルを作成する
- 編集したいファイルを開く
- ファイルを削除する
などを行います。
現在は Android ビュー という形式でファイルが表示されていると思います。
Android ビューは実際のプロジェクト構造とは異なり、アプリ開発に必要なファイルを簡単に見つけられる構造になっています。
ですので、全てのファイルが表示されているわけではなく、あまり使うことがない一部のファイルは非表示になってます。
Android の部分をクリックするとドロップダウンメニューが表示されるので Project を選択してください。
Project ビューに切り替えてみると、表示形式がガラッと変わります。
Project ビューでは、先ほど非表示になっていたファイルも含めた実際のプロジェクト構造でファイルが表示されます。
実際の構造も確認してみましょう。
app フォルダの上で右クリックして、Mac の場合は「Open in Finder」、Windows の場合は「Open in Explorer」を押して下さい。
AndroidStudioProjects フォルダに保存されている Sample プロジェクトのファイルが表示されました。
Project ビューに表示された形式と同じ構造になっていますね。
どの表示形式を選んでも良いですが、この講座ではよりシンプルで分かりやすい Android ビューにして進めていきましょう。
Android ビューにしてもたくさんのフォルダとファイルが表示されていますが、今の時点では MainActivity.kt と activity_main.xml の場所だけ確認しておいてください。
2. エディタ
次は画面右側のエディタです。ここには現在編集中のファイルが表示されます。
タブには現在開いているファイルが表示されていて、クリックすると編集するファイルを切り替えることができます。
activity_main.xml をクリックして開いてください。
ここはアプリのレイアウト、つまりユーザーから見える部分を作っていく場所です。
今は「Hello World」というテキストだけがある状態ですが、ここにボタンや画像などの要素（ウィジェット）を置いてアプリ画面を作っていきます。
主なウィジェットには
- TextView：テキストを表示する
- ImageView：画像を表示する
- Button：ボタン
などがあります。
TextView や Button のことをまとめて、正確には View（ビュー）と言います。説明をわかりやすくするためにこの講座ではウィジェット（要素）と呼んでいます。
画面右上に「Design」「Split」「Code」という３つのタブがあります。
Android アプリ開発ではレイアウトを XML というコードで書いていくのですが、このとき「Code」「Split」「Design」の３つから作成方法を選ぶことができます。
XML とは Extensible Markup Language（エクステンシブル マークアップ ランゲージ）の略です。簡単に言うと HTML のデータ管理バージョンです。HTML はウェブサイトの画面を作るときに使いますが、XML は主にデータを管理するときに使われます。
① Code
Code では自分で XML を書いていきます。
スッキリとした XML コードを書けることがメリットですが、慣れるまで少し手間がかかること、どのような画面になっているか確認できないことがデメリットです。
② Split
Split では、Code 画面とプレビュー画面が分割で表示されます。
左側に XML を書きながら、どのようなレイアウトになるか右側のプレビューで確認することができます。
③ Design
Design では、Palette（パレット）からボタンやテキストなどの要素を選んで、ドラッグ&ドロップで画面に置いていきます。
要素を置くと自動的に activity_main.xml に XML コードが追加される仕組みです。
簡単に画面が作れるのがメリットですが、XML がゴチャゴチャするのがデメリットです。
どれを使うか？
どれを使っても良いですが、個人的にはプレビュー画面を確認しながらスッキリとしたコードを書ける ② Split をいつも使用しています。
左側に書いたコードがどんな意味を持つのか、右側のプレビュー画面を確認しながら進められるので、初めての方にも分かりやすいと思います。
今回は ②Split でレイアウトを作っていきましょう。
Activity について
先ほど「activity_main.xml はアプリのレイアウト、つまりユーザーから見える部分を作っていく場所」と紹介しました。
Android 開発では、このユーザーから見える画面のことを Activity（アクティビティ）と呼びます。
プロジェクトを作成時点では１つのアクティビティしかありませんが、アクティビティはいくつでも作成することができます。
例えばクイズアプリを作ると考えてみましょう。
クイズアプリには「スタート画面・クイズ出題画面・結果画面」が必要になりそうですね。
１つの画面につき、１つのアクティビティを用意すると、クイズアプリの場合は３つのアクティビティを作成することになります。
アクティビティを作成すると用意されるのが
- activity_main.xml
- MainActivity.kt
の２つのファイルです。
ファイル名の main / Main の部分はアクティビティの名前によって異なりますが、アクティビティを追加すると必ずこの２つのファイルがセットで作成されます。
activity_main.xml がアプリのユーザーから見える部分であったのに対して、MainActivity.kt はアプリの機能を作っていく場所です。
クイズアプリの場合 activity_main.xml に問題文を表示する TextView や解答ボタンを用意します。
そして MainActivity.kt には、問題文を TextView に表示したり、問題の正解・不正解を判定するコードを書きます。
クイズ出題画面から結果画面へのアクティビティの切り替えも MainActivity.kt ファイルで行います。
この講座でも複数のアクティビティを使うアプリの開発方法を紹介するので、今の時点でモヤッとしていても心配しないでくださいね。
現時点では
- activity_main.xml はアプリの見た目を作る場所
- MainActivity.kt はアプリの機能を作る場所
ということだけ覚えておいて下さい。
0 コメント