Android LinearLayoutの例
Androidでは、http://developer.android.com/reference/android/widget/LinearLayout.html[ラインラインレイアウト]は、「方向」属性を使用して、「コンポーネント」を垂直または水平の順序で並べる一般的なレイアウトです。さらに、最も高い “weight”コンポーネントは、LinearLayoutの残りのスペースを埋めるでしょう。
このチュートリアルでは、「LinearLayout」を使用して3つのボタンを縦横に表示する方法と、「重み」の仕組みを示します。
P.SこのプロジェクトはEclipse 3.7で開発され、Android 2.3.3.
でテストされています
1. LinearLayout – 水平
”
res/layout/main.xml
“ファイルを開き、 “LinearLayout”内に ”
horizontal
“の向きで3つのボタンを追加します。この場合、最も高い重みは「button3」なので、レイアウト内の残りのスペースがいっぱいになります。
File:res/layout/main.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout__width="fill__parent" android:layout__height="fill__parent" android:orientation="horizontal" > <Button android:id="@+id/button1" android:layout__width="wrap__content" android:layout__height="wrap__content" android:text="Button 1"/> <Button android:id="@+id/button2" android:layout__width="wrap__content" android:layout__height="wrap__content" android:text="Button 2"/> <Button android:id="@+id/button3" android:layout__width="wrap__content" android:layout__height="wrap__content" android:text="Button 3" android:layout__weight="1"/> </LinearLayout>
図を参照してください:
2. LinearLayout – 垂直
今度は、 `LinearLayout`を「
Vertical
」の向きに変更してください。
File:res/layout/main.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout__width="fill__parent" android:layout__height="fill__parent" android:orientation="vertical" > <Button android:id="@+id/button1" android:layout__width="wrap__content" android:layout__height="wrap__content" android:text="Button 1"/> <Button android:id="@+id/button2" android:layout__width="wrap__content" android:layout__height="wrap__content" android:text="Button 2"/> <Button android:id="@+id/button3" android:layout__width="wrap__content" android:layout__height="wrap__content" android:text="Button 3" android:layout__weight="1"/> </LinearLayout>
図を参照してください:
ソースコードをダウンロードする
ダウンロードする –
Android-LinearLayout-Example.zip
(15 KB)
参考文献
LinearLayoutの例]。
http://developer.android.com/reference/android/widget/LinearLayout.html
[Android
LinearLayout JavaDoc]
リンク://タグ/アンドロイド/[アンドロイド]リンク://タグ/レイアウト/[レイアウト]
linearlayout