SlideShare a Scribd company logo
1 of 36
Download to read offline
Androidのlayout.xmlを学ぶ
14年3月27日木曜日
その1
layout作りの雰囲気をつかむ
14年3月27日木曜日
っていうかこの前からコイツ
デザインやらdbという単位やらについて話して
今回はレイアウト?
全くプログラムの話しないじゃん
14年3月27日木曜日
そう思われたならごめんなさい
しかし、侮る無かれレイアウト
無茶振りレイアウトの依頼があれば
工数のほとんどはレイアウトの作成に持っていかれます
14年3月27日木曜日
実際によくあるやりとり
この機能追加どれぐら
いでできる?
デザインによります
デザインによります
14年3月27日木曜日
というわけで
layout.xmlの話をします
14年3月27日木曜日
layout.xmlとは?
xmlファイルで定義されviewを組み合わせて作る
Androidの見た目を定義するためのもの
それはもうあらゆるものに適用されます
14年3月27日木曜日
layout.xmlの作り方
• IDEのlayout.xml編集機能で作る(GUI)
• 普通にxmlを書く
• そもそもlayout.xmlを作らず、ソースコードで書く
14年3月27日木曜日
• Activity(画面みたいなもの)
• Fragment(Activityに紐づけるサブの画面みたいな)
• Dialog
• ListViewのrow
• Toast
layout.xmlが使われる場面例
14年3月27日木曜日
layout.xmlが作れるだけで
アプリが完成した気分になれます
14年3月27日木曜日
• ViewGroup
• View
Viewは大きく分けて二種類
14年3月27日木曜日
ViewGroup
• 複数のViewを含むことができる
• 複数のViewGroupを含むことができる
14年3月27日木曜日
View
• 具体的なUIパーツ
• 子ビューを持つことができない
14年3月27日木曜日
代表的なViewGroup
• LinearLayout
• FrameLayout
• RelativeLayout
• TableLayout
• GridLayout
14年3月27日木曜日
代表的なView
• TextView
• ImageView
• WebView
• EditText
• ListView
• GridView
14年3月27日木曜日
代表的なView
• RadioButton
• CheckBox
• Button
• ProgressBar
• RatingBar
• ToggleButton
14年3月27日木曜日
ViewGroupとViewを組み合わせて
ViewGroup
Button
TextView
ListView
ImageView+
14年3月27日木曜日
Layoutを作る
Button
TextView
ListView
ImageView
14年3月27日木曜日
めっちゃ良く使うViewGroup
とその特徴
14年3月27日木曜日
LinearLayout
• 最もよくお世話になる
• 縦or横にViewを並べることができる
• 等分割や割合を指定した分割が得意
• 階層が深くなりやすい
14年3月27日木曜日
LinearLayout
View View View
横並びモード
14年3月27日木曜日
LinearLayout
View
View
View
縦並びモード
14年3月27日木曜日
突然ですがここで問題
14年3月27日木曜日
View
View View
View
View
こんな感じのレイアウトは
どうするでしょう?
14年3月27日木曜日
アプリでよく出てくる形
14年3月27日木曜日
View
View View
View
View
横並び
縦並び
横並び
横並びLinearLayoutの中に
縦並びのLinearLayoutを入れ
さらにその中に横並びのLinearLayoutを入れる
14年3月27日木曜日
実はViewGroupもViewの一種なの
で中にViewGroupを入れられる
14年3月27日木曜日
FrameLayout
• けっこうお世話になる
• Viewを重ねることができる
14年3月27日木曜日
View
View
画像の上に文字やボタンを乗せたりできる
FrameLayout
14年3月27日木曜日
RelativeLayout
• 最強のレイアウト
• たまにお世話になる
• 相対的な位置関係を指定してViewを配置できる
• 無闇に使うとLayoutの構造が見えにくくなり、
メンテしにくい
14年3月27日木曜日
RelativeLayout
View1
View2 View4
View3
View1の右隣
View2の下
View3の上で右端
View5
一番右下
14年3月27日木曜日
LinearLayoutでは数階層になっていたものが
1階層で実現できる
14年3月27日木曜日
まさしく最強!
14年3月27日木曜日
RelativeLayoutの多様でどのように困るかは
また次のお話
14年3月27日木曜日
次回予告
• 実際にxmlで見るレイアウト
• layoutのマルチデバイス対応
14年3月27日木曜日
ご清聴ありがとうございました
14年3月27日木曜日

More Related Content

Viewers also liked

Acerca de la esclavitud
Acerca de la esclavitudAcerca de la esclavitud
Acerca de la esclavitudEnrique
 
Sarbasta karwai-qomi-assembly-1974 aur hum -سر بستہ کاروائی قومی اسمبلی پاکست...
Sarbasta karwai-qomi-assembly-1974 aur hum -سر بستہ کاروائی قومی اسمبلی پاکست...Sarbasta karwai-qomi-assembly-1974 aur hum -سر بستہ کاروائی قومی اسمبلی پاکست...
Sarbasta karwai-qomi-assembly-1974 aur hum -سر بستہ کاروائی قومی اسمبلی پاکست...muzaffertahir9
 
paradox of life via Vicostar
paradox of life via Vicostarparadox of life via Vicostar
paradox of life via VicostarVictor Frank
 
Ba summit photos
Ba summit photosBa summit photos
Ba summit photosiwibowo
 
Bai tap ke toan chi phi
Bai tap ke toan chi phi  Bai tap ke toan chi phi
Bai tap ke toan chi phi Alynk Chan
 
Lugares misteriosos de quito
Lugares misteriosos de quitoLugares misteriosos de quito
Lugares misteriosos de quitoAliceB-Rabbit
 
Dwi Kewarganegaraan dan Visi-Misi GMKI
Dwi Kewarganegaraan dan Visi-Misi GMKIDwi Kewarganegaraan dan Visi-Misi GMKI
Dwi Kewarganegaraan dan Visi-Misi GMKIEricko Sinuhaji
 
Горячая линия АСИ для предпринимателей Крыма. Семинар по российскому законода...
Горячая линия АСИ для предпринимателей Крыма. Семинар по российскому законода...Горячая линия АСИ для предпринимателей Крыма. Семинар по российскому законода...
Горячая линия АСИ для предпринимателей Крыма. Семинар по российскому законода...Юридическое агентство ЮС КОГЕНС
 
C# Mobile application architecture
C# Mobile application architectureC# Mobile application architecture
C# Mobile application architectureLeonardo Alario
 
Lakes of Εurope - Γιάννης
Lakes of Εurope - ΓιάννηςLakes of Εurope - Γιάννης
Lakes of Εurope - Γιάννηςteacher88
 
Salam merhaba
Salam merhabaSalam merhaba
Salam merhabakonul12
 
Dag fm ifma kluwer_27-03-14_koen neve_sl_as in facilitair beheer
Dag fm ifma kluwer_27-03-14_koen neve_sl_as in facilitair beheerDag fm ifma kluwer_27-03-14_koen neve_sl_as in facilitair beheer
Dag fm ifma kluwer_27-03-14_koen neve_sl_as in facilitair beheerMuriel Walter
 
e-doceo pone el e-learning al alcance de todos
e-doceo pone el e-learning al alcance de todose-doceo pone el e-learning al alcance de todos
e-doceo pone el e-learning al alcance de todosCRISEL BY AEFOL
 
Aula 1 dreamweavernova
Aula 1  dreamweavernovaAula 1  dreamweavernova
Aula 1 dreamweavernovaElielso Dias
 

Viewers also liked (20)

Acerca de la esclavitud
Acerca de la esclavitudAcerca de la esclavitud
Acerca de la esclavitud
 
Sarbasta karwai-qomi-assembly-1974 aur hum -سر بستہ کاروائی قومی اسمبلی پاکست...
Sarbasta karwai-qomi-assembly-1974 aur hum -سر بستہ کاروائی قومی اسمبلی پاکست...Sarbasta karwai-qomi-assembly-1974 aur hum -سر بستہ کاروائی قومی اسمبلی پاکست...
Sarbasta karwai-qomi-assembly-1974 aur hum -سر بستہ کاروائی قومی اسمبلی پاکست...
 
paradox of life via Vicostar
paradox of life via Vicostarparadox of life via Vicostar
paradox of life via Vicostar
 
Ba summit photos
Ba summit photosBa summit photos
Ba summit photos
 
Sorting
SortingSorting
Sorting
 
Bai tap ke toan chi phi
Bai tap ke toan chi phi  Bai tap ke toan chi phi
Bai tap ke toan chi phi
 
Lugares misteriosos de quito
Lugares misteriosos de quitoLugares misteriosos de quito
Lugares misteriosos de quito
 
Pelatihan power point
Pelatihan power pointPelatihan power point
Pelatihan power point
 
love
lovelove
love
 
Dwi Kewarganegaraan dan Visi-Misi GMKI
Dwi Kewarganegaraan dan Visi-Misi GMKIDwi Kewarganegaraan dan Visi-Misi GMKI
Dwi Kewarganegaraan dan Visi-Misi GMKI
 
Горячая линия АСИ для предпринимателей Крыма. Семинар по российскому законода...
Горячая линия АСИ для предпринимателей Крыма. Семинар по российскому законода...Горячая линия АСИ для предпринимателей Крыма. Семинар по российскому законода...
Горячая линия АСИ для предпринимателей Крыма. Семинар по российскому законода...
 
C# Mobile application architecture
C# Mobile application architectureC# Mobile application architecture
C# Mobile application architecture
 
¡Adiós!
¡Adiós!¡Adiós!
¡Adiós!
 
Lakes of Εurope - Γιάννης
Lakes of Εurope - ΓιάννηςLakes of Εurope - Γιάννης
Lakes of Εurope - Γιάννης
 
Vivige
VivigeVivige
Vivige
 
Salam merhaba
Salam merhabaSalam merhaba
Salam merhaba
 
Apostila automacao de sistemas guy
Apostila automacao de sistemas guyApostila automacao de sistemas guy
Apostila automacao de sistemas guy
 
Dag fm ifma kluwer_27-03-14_koen neve_sl_as in facilitair beheer
Dag fm ifma kluwer_27-03-14_koen neve_sl_as in facilitair beheerDag fm ifma kluwer_27-03-14_koen neve_sl_as in facilitair beheer
Dag fm ifma kluwer_27-03-14_koen neve_sl_as in facilitair beheer
 
e-doceo pone el e-learning al alcance de todos
e-doceo pone el e-learning al alcance de todose-doceo pone el e-learning al alcance de todos
e-doceo pone el e-learning al alcance de todos
 
Aula 1 dreamweavernova
Aula 1  dreamweavernovaAula 1  dreamweavernova
Aula 1 dreamweavernova
 

Recently uploaded

「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-LoopへTetsuya Nihonmatsu
 
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法ssuser370dd7
 
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)ssuser539845
 
20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdf20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdfAyachika Kitazaki
 
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見Shumpei Kishi
 
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~arts yokohama
 
2024 01 Virtual_Counselor
2024 01 Virtual_Counselor 2024 01 Virtual_Counselor
2024 01 Virtual_Counselor arts yokohama
 
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdfTaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdfMatsushita Laboratory
 

Recently uploaded (11)

「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
 
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
 
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
 
2024 03 CTEA
2024 03 CTEA2024 03 CTEA
2024 03 CTEA
 
What is the world where you can make your own semiconductors?
What is the world where you can make your own semiconductors?What is the world where you can make your own semiconductors?
What is the world where you can make your own semiconductors?
 
20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdf20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdf
 
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
 
2024 04 minnanoito
2024 04 minnanoito2024 04 minnanoito
2024 04 minnanoito
 
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
 
2024 01 Virtual_Counselor
2024 01 Virtual_Counselor 2024 01 Virtual_Counselor
2024 01 Virtual_Counselor
 
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdfTaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
 

Androidのlayout.xmlについて