Androidアプリの使いやすさを左右する5つのレイアウト

表示位置を絶対座標で指定する「AbsoluteLayout」

　表示位置を絶対座標で指定するレイアウトです。

図11　AbsoluteLayout

　座標は、図12のように指定しています。

図12　ウィジェットの座標

　このレイアウトは余白を自動的に使用することはできず、ウィジェットの縦横のサイズを変えたい場合、自分で指定しなければなりません。

　通常、デバイスごとに画面サイズが異なるため、絶対座標やサイズを指定すると、デバイスの画面に対して大き過ぎたり小さ過ぎたりすることがあるため、特別な理由がない限りこのレイアウトを使用することはお勧めできません。

■ AbsoluteLayoutの細かい設定

• TextView/EditText - android:layout_x="..."
  対象のウィジェットのX座標を指定。単位はピクセル
• TextView/EditText - android:layout_y="..."
  対象のウィジェットのY座標を指定。単位はピクセル
• EditText/Button - android:layout_width="..."
  対象のウィジェットの幅を指定。単位はピクセル

最もシンプルな「FrameLayout」

　すべてのレイアウトの中で最もシンプルなレイアウトです。シンプル過ぎて、今回のお題のログイン画面は、このレイアウトでは構成できません。そのため、前回紹介したアナログ時計とデジタル時計を配置した画面で、このレイアウトの説明をします。

図13　FrameLayout

　FrameLayoutは本来、1つのウィジェットを配置する目的で設計されています。複数のウィジェットを配置した場合、今回のように、後から配置したウィジェットが前面に描画される形になります。

　また、配置するウィジェットの位置は設定できず、常に左上に配置されます。

Android Layout Editorでレイアウトを“入れ子”にしよう

　今回は、Androidの一般的なレイアウトを一通り見てみました。レイアウトごとに特徴があり、どのような用途に向いているか理解してもらえたのではないかと思います。画面の構成を考えて、実際にAndroid Layout Editorでレイアウトする際には「レイアウトは入れ子にできる」ということをくれぐれも忘れないようにしてください。

　今回のソースも以下のリンクからダウンロード可能です。

• Layout Example.zip

編集部注：最新の環境では、サンプルコードをEclipseにインポートすると、コンパイルエラーが発生することがあります。対処法は連載第2回の『2011年9月23日追記「Androidのバージョン違いによるサンプルの動作について補足」』をご参照ください

　次回は、Androidの特徴の1つでもある組み込みデータベースをどのように使えばよいかを見ていきましょう。

■ ＠IT関連記事

Google Android用携帯アプリ作成のための基礎知識 小山博史のJavaを楽しむ（9）　先日公開されたGoogleの携帯端末プラットフォームAndroid。開発環境の整え方やアプリの作り方、作成に便利なツール、SDKの中身などを解説 「Java Solution」フォーラム 2007/12/3

Androidのオープン性でガラパゴスから脱出しよう ものになるモノ、ならないモノ（29）　ガラパゴスとやゆされる日本の高機能ケータイ。閉塞感に満ちた国内市場から世界に出るための解は、Androidのオープン性にある 「Master of IP Network」フォーラム 2008/12/1

Androidは雇い主の分身として仕事をするエージェント Google Developer Day 2008特集（1）　Androidの生みの親、アンディ・ルｰビン氏が、Androidに込めた思いと展望を語る。「Google Android入門」の著者の嶋氏が聞く 「リッチクライアント ＆ 帳票」フ ォーラム 2008/6/13

携帯アプリを作って学ぶJava文法の基礎 Java文法の基礎を楽しみながら学ぶために、携帯電話のJavaアプリを作ってみましょう。携帯電話のJavaだけにとどまらないJava全般の文法の基礎が理解できる初心者向け入門連載です

新時代の業務用モバイルRIAを考える iPhoneやAndroid、ネットブックの登場で盛り上がるモバイル業界。本特集では「業務でのモバイル利用」において、どの端末やプラットフォームを検討すべきか、また使い勝手において重要なUIのあり方などについて考察する 「リッチクライアント ＆ 帳票」フォーラム

1-2-3

Index

第5回　Androidアプリの使いやすさを左右する5つのレイアウト   Page1 分かりやすく、入力しやすく、カッコいいAndroidアプリを HTMLのテーブルのイメージで「TableLayout」   Page2 一直線にウィジェットを並べる「LinerLayout」 互いに関連し合って位置を決める「RelativeLayout」 Page3 表示位置を絶対座標で指定する「AbsoluteLayout」 最もシンプルな「FrameLayout」 Android Layout Editorでレイアウトを“入れ子”にしよう

ご意見、ご感想は Smart＆Social 会議室へどうぞ

Smart＆Social フォーラム トップページへ