Android レイアウトのバックアップ差分(No.25)

追加された行はこの色です。
削除された行はこの色です。
''[[MobileApp>Mobile Application 入門]]'' > ''[[Android>Android]]'' > ''Layout''

~
*レイアウト [#sb77194a]
*レイアウトの概要 [#sb77194a]

**ＶｉｅｗとＶｉｅｗＧｒｐｕｐ [#y454ce88]
　　ＶｉｅｗとＶｉｅｗＧｒｏｕｐの組み合わせで、アプリに配置する部品のレイアウト設定が可能

**ＶｉｅｗとＶｉｅｗＧｒｏｕｐ [#y454ce88]
　　・Ｖｉｅｗの集まりをＶｉｅｗＧｒｏｕｐという~
　　・ＶｉｅｗＧｒｏｕｐは複数のＶｉｅｗを含む~
　　・ＶｉｅｗＧｒｏｕｐの中にＶｉｅｗＧｒｏｕｐを含むこともできる~
　　・レイアウトはＶｉｅｗＧｒｏｕｐを継承している~
　　※具体的なイメージは以下の継承図を参照。

　　※具体的なイメージは以下の継承図を参照下さい。

~
**ＶｉｅｗＧｒｏｕｐ を取り巻くクラス 　　 [#b370a8dc]
　　　ＶｉｅｗＧｒｏｕｐとその継承関係を以下に記述する

　　&ref(ViewGroup.gif,nolink);

~
*レイアウトの種類 [#k84d3564]
-absolute layout　絶対座標指定の配置が可能
-relative layout　　相対座標指定の配置が可能
-Linear　 layout　　縦／横　　指定の配置が可能
-Table　  layout　　表形式の配置の配置が可能
-他色々
~
　　　代表的なビューグループ（レイアウト）を以下に記述する

#style(class=table_left){{
|Ⅰ|　absolute layout　|　絶対座標指定の配置が可能　|
|Ⅱ|　relative layout　|　相対座標指定の配置が可能　|
|Ⅲ|　Linear　 layout　|　縦／横　指定の配置が可能　|
|Ⅳ|　Table　  layout　|　表形式の配置の配置が可能　|
||　他色々　||

~
**Ⅰ．Absolute layout [#ye06868a]
　・部品の配置を 【絶対座標】 で指定するレイアウト。~
　・SDK1.5から非推奨となった。（恐らく画面サイズの異なる複数のデバイスに対応できない為）
　　・部品の配置を 【絶対座標】 で指定するレイアウト。~
　　・SDK1.5から非推奨となった。（恐らく画面サイズの異なる複数のデバイスに対応できない為）

~

　　&ref(absolute.gif,nolink);　　&ref(absolute2.gif,nolink);~


~
***絶対座標の指定 [#kd3b4e95]
　　ｌａｙｏｕｔ_ｘ　~
　　ｌａｙｏｕｔ_ｙ　~

~
***部品の幅・高さ指定 [#rbcc265f]
　　ｌａｙｏｕｔ_ｗｉｄｔｈ~
　　ｌａｙｏｕｔ_ｈｅｉｇｈｔ~
　　ｆｉｌｌ_ｐａｒｅｎｔは最大サイズ。ｗｒａｐ_ｃｏｎｔｅｎｔは最小サイズ

~

~
**Ⅱ．Relative layout [#t95a1616]

　　相対的な位置指定をするレイアウト。また，上端や下端にレイアウトするといった指定を行うことも可能~

~
　　工事中
　　&ref(relative.gif,nolink);&ref(relative2.gif,nolink);~


「基準の位置を変更すれば、それに伴いほかのウィジェットも自動的に位置が調整できる」「斜めや円形にも配置が可能」というメリットがある一方、「気軽にウィジェットを追加・削除できない」という点や、「どのようにリレーションさせているかが自分でも分からなくなってしまう」という点がデメリット。

~

~

**Ⅲ．Linear layout [#j52dd8c3]

　　Liner Layoutは、縦向きまたは横向きに一直線にウィジェットを並べるレイアウトです。
　　Liner Layoutは、縦向きまたは横向きに一直線にウィジェットを並べるレイアウト

　　工事中~
　　&ref(liner.gif,nolink);　　　　　　　&ref(liner2.gif,nolink);~

　　縦に並べたり~
　　横に並べたり

~

~
**Ⅳ．Table layout [#w8af4a08]
　　表形式に並べるレイアウト

　　&ref(tablelayout2.png,nolink);&ref(tablelayout.png,nolink);~
　　　　　Outline　　　　　　　　　　　　　　画面~
　　&ref(tablelayout2.png,nolink);　　　　&ref(tablelayout.png,nolink);~
　　　　　Outline　　　　　　　　　　　　　　　　　　　　画面~
~



　ボタンのレイアウト~
　http://www.javadrive.jp/android/xml_layout/index7.html
　　ボタンのレイアウト~
　　http://www.javadrive.jp/android/xml_layout/index7.html

　画面の作り方~
　http://www.techfirm.co.jp/lab/android/view.html
　　画面の作り方~
　　http://www.techfirm.co.jp/lab/android/view.html


　Android Developer~
　http://www.techdoctranslator.com/android/guide/ui/declaring-layout
　　Android Developer~
　　http://www.techdoctranslator.com/android/guide/ui/declaring-layout
　
　[[次世代創造機構>http://www.xn--rhq6sw9f0w7aevaf9ak89m.jp/android/androidLecture/GuiTutorial/GuiTutorial.html]]
　　[[次世代創造機構>http://www.xn--rhq6sw9f0w7aevaf9ak89m.jp/android/androidLecture/GuiTutorial/GuiTutorial.html]]

~

~

*Ｖｉｅｗのプロパティ [#tcf6cd7d]

　[[参考 - Android Wiki>http://wikiwiki.jp/android/?UI%A5%B3%A5%F3%A5%DD%A1%BC%A5%CD%A5%F3%A5%C8%2FView]]

　・ｎｅｘｔＦｏｘｕｓＤｏｗｎ - フォーカスが下方向に遷移した時の遷移先Viewを定義~
　・ｐａｄｄｉｎｇ - 上下左右のパディングを設定~
　・ｓｃｒｏｌｌｂａｒＡｌｗａｙｓＤｒａｗＶｅｒｔｉｃａｌＴｒａｃｋ - スクロールバーを表示するかどうか

~
**ＶｉｅｗＧｒｏｕｐのプロパティ [#tcf6cd7d]

　　[[参考 - Android Wiki>http://wikiwiki.jp/android/?UI%A5%B3%A5%F3%A5%DD%A1%BC%A5%CD%A5%F3%A5%C8%2FViewGroup]]

~

　　

~
**表現単位 [#ya5409d4]

　　レイアウト指定で利用可能な単位~
　　px (ピクセル)~
　　dp (密度非依存ピクセル)~
　　sp (倍率非依存ピクセル)~
　　in (インチ)~
　　mm (ミリメータ)
#style(class=table_left){{
|px|　ピクセル|
|dp|　密度非依存ピクセル|
|sp|　倍率非依存ピクセル|
|mm|　ミリメータ|
|pt|　ポイント数|
|in|　インチ|


~
*縦向きレイアウトと横向きレイアウト [#z4bb8c77]

　横向き画面には、"Layout-land"用フォルダを用意する。

#ref(layout-land.jpg,nolink);


~
//*その他 [#t9aed44b]
//リソースマネージャで各解像度毎のレイアウトを切り替えが出来 るよう
~

　　''[[戻る>Android]]''
Android レイアウト のバックアップ差分(No.25)

Android レイアウトのバックアップ差分(No.25)
