横方向レイアウトで「android:layout_weight」を使用する際、「android:layout_width」を"0dp"にしないとどうなるの？

概要

・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は、下記のようになる

Button1が画面の2/3になる理由
・横幅の1/3分マイナス

Button2が画面の1/3になる理由
・横幅の2/3分マイナス

Button3が表示されない理由

概要

・Button1が画面の3/4、Button3が1/4を占拠し、Button2に至っては画面から消えている

原因
・横方向で「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="4"

            android:text="4"/>

        <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は、下記のようになる

Button1が画面の3/4になる理由
・横幅の1/4分マイナス

Button3が画面の1/4になる理由
・横幅の3/4分マイナス

Button2が表示されない理由

概要

・Button5が画面途中で千切れている

原因
・横方向で「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="4"

            android:text="4"/>

        <Button

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_weight="3"

            android:text="3"/>

        <Button

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_weight="3"

            android:text="5"/>        

    </LinearLayout>





</LinearLayout>

---

詳細

・法則性云々以前の問題として、画面表示が明らかにおかしい
・一応上記計算式に当てはめようと努力してみるも散々な結果に終わる…