レイアウトとビューとは

Chapter 4　レイアウトとビュー
4-1　レイアウトとビューとは
図4.1.2　レイアウト、ビューとアクティビティ
4 - 1 レイアウトとビューとは
まずは、Androidアプリケーションの画面を作成する技術から見ていきましょう。す
画面
名前
安藤呂井戸
パスワード
＊＊＊＊
1
レイアウトと
ビューの設定
ファイル
2
パスワードを保存する
でに前章で概要の説明がありましたが、Androidアプリケーションの画面を構成する技
3
Android
術にレイアウトとビューがあります。
Windows Mobile
本節では、代表的なレイアウトとビューをサンプルアプリケーションで紹介しながら、
4
Symbian OS
それぞれの技術の要点を説明します。
アクティビティ
（プログラム）
5
6
1 ビュー
2 レイアウト
7
ビューは、テキスト、テキストボックス、チェックボックス、ラジオボタンなど画面の各部品で
す
（図4.1.1）
。
レイアウトは、各ビューをどのように配置するかを設定するための仕組みです。画面に複数の
すべてのビューは、Android標準のandroid.view.View クラスを継承したクラスとして定義
ビューを配置したい場合にレイアウトを使用します。
すべてのレイアウトは、Android標準のandroid.view.ViewGroup クラスを継承したクラス
スはEditText クラス、チェックボックスはCheckBox クラスのようにそれぞれ部品ごとにクラ
として定義されています。各ビューを縦または横に並べるレイアウトとしてLinearLayout クラ
スが用意されています。
ス
（図4.1.3）
、一覧表のように並べるレイアウトとしてはTableLayout クラス
（図4.1.4）
などが用
画面にビューを配置する場合、XMLファイルに設定するか、プログラムの中で各ビュークラ
意されています。
スをインスタンス化して画面に設定する処理を記述するか、どちらかの方法になります
（図
4.1.2）
。ここでは、まず基本となるXMLファイルでビューを設定する方法を解説します。プロ
グラムの中でビューを設定する方法については、5.2節NOTEで後述します。
図4.1.1　ビュー
テキスト
図4.1.3　LinearLayoutクラス
LinearLayout
横方向指定
名前
安藤呂井戸
パスワード
＊＊＊＊
パスワードを保存する
TextView01
TextView03
縦方向指定
チェックボックス
Android
Windows Mobile
TextView02
テキストボックス
TextView01
TextView02
ラジオボタン
TextView03
Symbian OS
11 6
117
9
10
Chapter 4
されています。文字列を表示するテキストはTextView クラス、文字の入力欄のテキストボック
8
Chapter 4　レイアウトとビュー
4-2　代表的なビュー
図4.1.4　TableLayoutクラス
4-2 代表的なビュー
TableLayout
行×列
TextView01
TextView02
TextView03
TextView04
TextView05
TextView06
1
2
本節では、使用頻度の高いビューについて解説します。具体的には、テキスト、テキス
トボックス、チェックボックス、ラジオボタン、選択ボックス、選択リスト、ボタン、ス
3
クロールバーの設定について学習していきましょう。　4
5
1 サンプルアプリケーションの作成
6
まずは、代表的なビューを使用したサンプルアプリケーションを作成しましょう。図4.2.1に、
複雑なユーザインタフェースは、図4.1.5のように複数のレイアウトやビューを配置および階
その完成イメージを示します。
層化して構成することにより実現できます。
8
図4.2.1　ViewSample
図4.1.5　配置と階層化の組み合わせ
9
レイアウト A
レイアウト A は、ビュー x と
ビュー y とレイアウト B を配置
10
Chapter 4
レイアウト B は、ビュー a と
ビュー b とビュー c を配置
ビュー x
ビュー y
レイアウト B
ビュー a
ビュー b
ビュー c
画面にレイアウトを設定する場合、ビューと同様にプログラムの中で記述することも可能です
が、XMLファイルに設定する方法が一般的です。先述した通り本書では、XMLファイルに設定
する方法を説明します。
11 8
7
119

Download Report