カテゴリー:
layout_weight
閲覧数:590 配信日:2014-05-12 06:50
概要
・Button1が画面の2/3、Button2が1/3を占拠し、Button3に至っては画面から消えている
原因
・横方向で「android:layout_weight」を使用しているのに、「android:layout_width」を"0dp"にしていない
構成
・1つのLinearLayoutの中で配置
LinearLayout
│
├LinearLayout
│ └Button
│ └Button
│ └Button
│
└LinearLayout
・最後のLinearLayoutでは、何も表示していない
コード
▼/res/layout/activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="1"/>
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="2"
android:text="2"/>
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="3"
android:text="3"/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1">
</LinearLayout>
</LinearLayout>
詳細
何らかの法則性があるように見えるのは、たまたまそうなっているだけ、なことが後に判明
余白は負の値になり得る
・Buttonを3つ配置し、全てのlayout_widthをmatch_parentにした場合、余白は0でなく、Buttonの横幅(match_parentなので親ビューの幅)2つ分マイナスになる
負の値に対するweightの動き
・Button横幅を1とすると、余白は-2となり、各Buttonのweightは、下記のようになる
-2 * (設定したlayout_weight / 各Buttonのlayout_weight合計値)
Button1が画面の2/3になる理由
・横幅の1/3分マイナス
-2 * (1/6) = -0.333
1 + (-0.333) = 0.667
Button2が画面の1/3になる理由
・横幅の2/3分マイナス
-2 * (2/6) = -0.666
1 + (-0.666) = 0.334
Button3が表示されない理由
-2 * (3/6) = -1
1 + (-1) = 0