サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Pixel 9
chariderpato.blogspot.com
次はRelativeLayoutの説明をします。 RelativeLayoutとは、相対レイアウト用のレイアウトです。子要素を親要素であるRelativeLayoutから相対的に配置することができます。また、子要素同士も、id指定で配置することができます。 では、サンプルを見てみましょう。 サンプルアプリで、メニューを押して、chapter02を選択してください。以下のような画面になります。 この画面は、RelativeLayoutの下に、各ポジションを表すTextViewを配置しています。LinearLayoutと違って、自由度が大きいことがわかるかと思います。 赤枠で囲まれているのが、親要素のRelativeLayoutに対して相対的な配置です。 青枠で囲まれているのが、子要素の「中央」というTextViewに対して相対的な配置です。 コードレビュー では、レイアウトのソースコードを見
今回はフッターを作る方法です。 サイトを作っていても、全画面表示でフッターを一番下に表示する方法など、結構面倒ですが、Androidのレイアウトではそんなに難しいことではありません。方法はまぁ色々とありますが、感のいい人ならひょっとしたら気づいているかもしれません。 今回は、layout_weightを使います。 layout_weightといえば、Chapter03とChapter04で使いましたね。 では、サンプルを見てみましょう。 サンプルアプリでメニューを押して、chapter06を選択してください。 以下のような画面になります。 フッター側に特別な指定を行うのではなく、上のViewにlayout_weight属性をつけます。 コードレビュー ではレイアウトのコードを見てみましょう。 Sample01プロジェクトの/res/layout/chapter06.xmlを開いてください。
LinearLayoutとRelativeLayoutの説明が終わりましたので、ここからはLinearLayoutを使った具体的なレイアウトの方法に入っていきます。とはいってもまだ基本編です。 アプリを使っている人はよく見かけていると思うのですが、ボタンなどの均等配置はどうやるのだろうか?と。CSSならば、もともと決まっているwidthの値を3で割って…などだと思うのですが、Androidでは、もっと簡単な方法が準備されています。 それはlayout_weightという属性です。 では、サンプルを見てみましょう。 サンプルアプリで、メニューを押して、chapter03を選択してください。 以下のような画面になります。 この画面は、LinearLayoutで縦方向配置の指定をした後に、さらにLinearLayoutを3つ入れて、それぞれは横方向配置の設定をしています。 先ほど言った、layo
今回はmarginとpaddingについてです。 marginとpaddingについては、感覚的にはCSSと同じです。ただ、border領域がありません。borderは別途background属性でdrawable(画像もしくは描画を表すxml)指定で表現することになります。 padding・・・要素から青枠までの領域(background属性が適用される範囲) margin・・・青枠から赤枠までの領域 marginは他要素からの距離になるので、Root要素(一番最初に定義されるLayoutなりView なり)にmarginを定義しても、あまり意味がありません(定義できるけど動作が変?)。 marginを定義するのは、何かしらの子要素に対してのみ、行いましょう。 では、サンプルを見てみましょう。 Sample02アプリを起動して、メニューを押してchapter09を選んでください。 以下の
今回は「Viewを重ねる」です。 Viewを重ねるというのは、画像の上に文字を表示したりする場合などが考えられます。私がよく使っている方法ですが、RelativeLayoutの下にImageViewとTextViewを入れ、margin, paddingをいじって場所決めをして重ねています(margin, paddingについてはChapter09で取り上げます)。 LinearLayoutでは基本的にViewが重なり合うということはないので、RelativeLayoutを使います。 では、サンプルを見てみましょう。 Sample02アプリを起動して、メニューを押してchapter08を選んでください。 以下のような画面になります。 Chapter07とどこが違うねん!という感じですが、よく見ると、右上にSample02の文字があります。 Sample02という文字列はlayout_ali
今回はAndroidの単位についてです。 Webデザイナーの方は普段は単位はpxのみ気にしておけば、ほぼ大丈夫かと思いますが(印刷物はdpi気にしますが)Androidの場合は違います。 理由は、端末によって解像度が違うためですね。 日本のAndroidで主流の解像度は以下の通りです。 800x480(hdpi) 854x480(hdpi) 960x640(hdpi) また、主流ではないですが、以下の解像度の端末もあります。 480x320(mdpi) 320x240(ldpi) これだけあると、それぞれ専用のレイアウトを準備しないといけなさそうです。実際、準備する場合もあります。マルチスクリーンに関しては、別の機会に書こうと思います。今はシンプルに単位だけに注目します。 Android Developersのサイトに、Supporting Multiple Screensという項目があり
Webプログラマ出身の僕がWebデザイナーの方のリクエストに応えてAndroid用レイアウト講座を開くよ! この目次は適宜、更新されていく予定ですので、気長に完成をお待ちください。 また、項目によっては各カテゴリで重複している場合がありますが、どちらにも属しているからと解釈してください。 開発環境構築 Windows7(64bit) JDKのインストール EclipseのインストールとEclipseの日本語化[pleiades] Android SDKのインストール、SDKマネージャ、エミュレータ作成 EclipseにADTプラグインをインストール、設定 MacOS X Lion(64bit) EclipseのインストールとEclipseの日本語化[pleiades] Android SDKのインストールとSDKマネージャ エミュレータ作成 共通の設定など これだけはやっておきたいEcli
Webプログラマ出身の僕がWebデザイナーの方のリクエストに応えてAndroid用レイアウト講座を開くよ! 前回までで、とりあえずレイアウトの実践編は終わりにして、あとはちょっとJavaファイルの説明をしようと思います。とはいっても、あくまでもプログラムをガリガリ書くためということではなく、画面を増やしたりするときのために、必要な知識程度として、です。 なお、説明するのは、たったこれだけの量なので、大丈夫だと思います。 これは、プロジェクトを作った時点で自動的に作られているソースと同じ量です。 public class Chapter11Activity extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setC
このページを最初にブックマークしてみませんか?
『WebデザイナーのためのAndroid用レイアウト講座』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く