在布局中以等间距排列元素

Question

我目前使用LinearLayout 和layout_weight 得到以下结果。

┌─────────────────────────────────────────────────────────────────────────────┐ 
│        ┌───┐              ┌───┐              ┌───┐             ┌───┐        │ 
│        │   │              │   │              │   │             │   │        │ 
│        └───┘              └───┘              └───┘             └───┘        │ 
└─────────────────────────────────────────────────────────────────────────────┘ 
                                                                  LinearLayout  

使用它，我得到在父布局中等距的元素。我想要的结果是，第一个和最后一个元素应该位于布局每一侧的末尾，并且与内部元素等距。为了实现这一目标应该做些什么？表示如下。

┌─────────────────────────────────────────────────────────────────────────────┐ 
├───┐                    ┌───┐                   ┌───┐                    ┌───┤ 
│   │                    │   │                   │   │                    │   │ 
├───┘                    └───┘                   └───┘                    └───┤ 
└─────────────────────────────────────────────────────────────────────────────┘ 
                                                                     Layout 

Answer 1

您可以将 Space 视图与 layout_weight 结合使用，以便在元素之间创建相等的间距。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal" android:layout_width="match_parent"
android:layout_height="match_parent">

<View
    android:background="@color/black"
    android:layout_weight="1"
    android:layout_width="45dp"
    android:layout_height="wrap_content"/>

<Space
    android:layout_weight="1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

<View
    android:background="@color/black"
    android:layout_weight="1"
    android:layout_width="45dp"
    android:layout_height="wrap_content"/>

<Space
    android:layout_weight="1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

<View
    android:background="@color/black"
    android:layout_weight="1"
    android:layout_width="45dp"
    android:layout_height="wrap_content"/>
</LinearLayout>