狠狠撸

Androidのlayout.xmlを学ぶ
14年3月27日木曜日

その１
layout作りの雰囲気をつかむ

っていうかこの前からコイツ
デザインやらdbという単位やらについて話して
今回はレイアウト？
全くプログラムの話しないじゃん

そう思われたならごめんなさい
しかし、侮る無かれレイアウト
無茶振りレイアウトの依頼があれば
工数のほとんどはレイアウトの作成に持っていかれます

実際によくあるやりとり
この機能追加どれぐら
いでできる？
デザインによります
デザインによります

というわけで
layout.xmlの話をします

layout.xmlとは？
xmlファイルで定義されviewを組み合わせて作る
Androidの見た目を定義するためのもの
それはもうあらゆるものに適用されます

layout.xmlの作り方
? IDEのlayout.xml編集機能で作る(GUI)
? 普通にxmlを書く
? そもそもlayout.xmlを作らず、ソースコードで書く

? Activity(画面みたいなもの)
? Fragment(Activityに紐づけるサブの画面みたいな)
? Dialog
? ListViewのrow
? Toast
layout.xmlが使われる場面例

layout.xmlが作れるだけで
アプリが完成した気分になれます

? ViewGroup
? View
Viewは大きく分けて二種類

ViewGroup
? 複数のViewを含むことができる
? 複数のViewGroupを含むことができる

View
? 具体的なUIパーツ
? 子ビューを持つことができない

代表的なViewGroup
? LinearLayout
? FrameLayout
? RelativeLayout
? TableLayout
? GridLayout

代表的なView
? TextView
? ImageView
? WebView
? EditText
? ListView
? GridView

代表的なView
? RadioButton
? CheckBox
? Button
? ProgressBar
? RatingBar
? ToggleButton

ViewGroupとViewを組み合わせて
ViewGroup
Button
TextView
ListView
ImageView＋

Layoutを作る
Button
TextView
ListView
ImageView

めっちゃ良く使うViewGroup
とその特徴

LinearLayout
? 最もよくお世話になる
? 縦or横にViewを並べることができる
? 等分割や割合を指定した分割が得意
? 階層が深くなりやすい

LinearLayout
View View View
横並びモード

LinearLayout
View
View
View
縦並びモード

突然ですがここで問題

View
View View
View
View
こんな感じのレイアウトは
どうするでしょう？

アプリでよく出てくる形

View
View View
View
View
横並び
縦並び
横並び
横並びLinearLayoutの中に
縦並びのLinearLayoutを入れ
さらにその中に横並びのLinearLayoutを入れる

実はViewGroupもViewの一種なの
で中にViewGroupを入れられる

FrameLayout
? けっこうお世話になる
? Viewを重ねることができる

View
View
画像の上に文字やボタンを乗せたりできる
FrameLayout

RelativeLayout
? 最強のレイアウト
? たまにお世話になる
? 相対的な位置関係を指定してViewを配置できる
? 無闇に使うとLayoutの構造が見えにくくなり、
メンテしにくい

RelativeLayout
View1
View2 View4
View3
View1の右隣
View2の下
View3の上で右端
View5
一番右下

LinearLayoutでは数階層になっていたものが
１階層で実現できる

まさしく最強！

RelativeLayoutの多様でどのように困るかは
また次のお話

次回予告
? 実際にxmlで見るレイアウト
? layoutのマルチデバイス対応

ご清聴ありがとうございました

础苍诲谤辞颈诲の濒补测辞耻迟.虫尘濒について