覚えておくと便利!Androidアプリ開発のLayoutの使い方【初心者向け】

Androidアプリ開発(Android Studio)における【Layout(レイアウト)】の使い方について初心者向けに解説した記事です。レイアウトを使うことによって、Andriodアプリの画面を簡単に作成することができます。

TechAcademyマガジンはオンラインのプログラミングスクールTechAcademy [テックアカデミー]が運営する教育×テクノロジーのWebメディアです。初心者でもすぐ勉強できる記事が2,000以上あります。

Androidアプリ開発において、GUI(ボタンやラベルといったパーツ)をどのように配置するかによって、いくつかのレイアウトが用意されています。

そこで今回は、Android Studioを使ってレイアウトの種類と使い方をご紹介します。

Android Studioの開発環境を構築していないという方は、Androidアプリ開発環境の構築方法をまずご覧ください。

 

なお、TechAcademyのAndroidアプリ開発オンラインブートキャンプでも一部を紹介しています。

 

大石ゆかり

田島メンター!! Androidアプリでボタンを一定の間隔に表示させたりしたいんですけど、何かいい方法はないですか〜?

田島悠介

それならレイアウトを使うといいよ。レイアウトによって表示させたいようにデザインを設定しやすくしてくれるんだ。

大石ゆかり

え、どうやって使うんですか〜?

 

レイアウトとは

レイアウトは、テキストやボタンなど画面を表示するコンポーネントをレイアウトするための表示用コンポーネントです。
このレイアウトを使用することで、Androidアプリの画面を簡単に作成することができます。

 

レイアウトの種類

RelativeLayout

他のコンポーネントと相対的な関係でコンポーネントを配置することができます。アクティビティを作成したときに最初から配置されているレイアウトです。

df2d9d38680158239beaefc0e19356b7-620x395

 

LinearLayout(Vertical)

レイアウトに配置されたパーツを縦一列に並べたい場合に使用します。

bacbb008635263a3d37551692cae432d-620x396

 

LinearLayout(Horizontal)

レイアウトに配置されたコンポーネントを横一列に並べたい場合に使用します。

ad37a968fcbe76185345cea662407653-620x397

 

TableLayout

パーツを格子状に配置したい場合に使用します。HTMLの<table>タグと同じようにレイアウトを作成することができます。

d4f86571896b43dbdbd6c42fe639e3bc-620x399

 

GridLayout

TableLayoutと同じくパーツを格子状に配置したい場合に使用します。TableLayoutとの違いは、TableLayoutは縦方向のセルの結合はできませんが、GridLayoutでは可能です。

ceb4ed0d7acee166c4de65205f45d688-620x400

 

[PR] Androidアプリの開発で挫折しない学習方法を動画で公開中

レイアウトを配置する

Android StudioでGUIのレイアウトを行う場合、app\res\layoutの中にあるXMLファイルを編集します。
XMLファイルを開くと、配置したGUIのプレビュー画面が表示されます。ここに、左側のパレットから必要なものをドラッグ&ドロップし配置していきます。

 

下の図は、レイアウトを組み合わせて作成した画面です。
最初から設置されているRelativeLayoutに、ラベルやテキストボックスを縦に表示するためのLinearLayout(Vertical)を配置します。

横並びになっている送信ボタンとキャンセルボタンは、LinearLayout(Vertical)にLinearLayout(Horizontal)を配置して、横並びにしています。

f5cac0fb3aef07bcacede963ef9ba12e-620x349

アプリを実行してみます。

9766bde270655748ad88caf888e1b4d0-620x605

 

今回紹介したレイアウトを上手く活用できると、画面のサイズが変わったり、画面が回転したりしても見やすいレイアウトを作成することができます。

 

大石ゆかり

今回の場合だと、TableLayoutかGridLayoutが良さそうですね。

田島悠介

そうだね。状況に応じてレイアウトは使い分けるととても開発が楽になると思うよ。

大石ゆかり

はい、覚えておきます♪

 

[お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でアプリを公開してみたい場合はご参加ください。