ふわふわぷかぷか

javaって何?から始めた初心者のandroidアプリ開発メモ。でも最近はイラレにはまってます。

?等分して表示する。

レイアウトで、横並びに何個か表示したものを、〇等分して表示する方法です。

 

横並びに表示するためには、「LinearLayout」を使用します。

LinearLayoutにそのままボタンを入れると、左寄りになってしまいます。

f:id:fuwafuwapukapuka:20140212213622j:plain

これを、きれいに3等分に表示させたいです。

android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"

 ↑を等分して表示させたいものに書きます。

 

上の画像のボタンを3等分にする場合はこうなります。

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <Button
            android:id="@+id/button1"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="ボタン1" />

        <Button
            android:id="@+id/button2"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="ボタン2" />
       
        <Button
            android:id="@+id/button3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="ボタン3" />

    </LinearLayout>

きれいに3等分できました。

f:id:fuwafuwapukapuka:20140212214638j:plain

 

もし、ボタン1と2だけに書き足すと、

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <Button
            android:id="@+id/button1"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="ボタン1" />

        <Button
            android:id="@+id/button2"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="ボタン2" />
       
        <Button
            android:id="@+id/button3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="ボタン3" />

    </LinearLayout>

 ボタン3の大きさは変わらず、ボタン1と2が残った幅で2等分されました。

f:id:fuwafuwapukapuka:20140212215027j:plain

 

アプリを作ろう!  ANDROID入門 (~ゼロから学ぶアプリの作成から公開まで)

アプリを作ろう! ANDROID入門 (~ゼロから学ぶアプリの作成から公開まで)