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”内に ”

horizo​​ntal

“の向きで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>

図を参照してください:


android-linearlayout-demo1、title = "android-linearlayout-horizo​​ntal"、width = 318、height = 480

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 demo2、title = "android-linearlayout-vertical"、width = 318、height = 480

ソースコードをダウンロードする

ダウンロードする –

Android-LinearLayout-Example.zip

(15 KB)

参考文献

LinearLayout JavaDoc]

リンク://タグ/アンドロイド/[アンドロイド]リンク://タグ/レイアウト/[レイアウト]

linearlayout