在 LinearLayout 中将三个子元素向左、向右和居中对齐答案

【问题标题】：align three children left, right and center within LinearLayout在 LinearLayout 中将三个子元素向左、向右和居中对齐
【发布时间】：2014-09-11 09:11:39
【问题描述】：

可能是重复的，但我还没有找到解决方案。所以，我有一个带有标题的垂直线性布局，它是一个水平布局和一个主要内容部分（FrameLayout）。在标题中，我得到了三个孩子，其中一个应该左对齐，另一个右对齐，第三个应该填充两者之间的空间。

我认为我必须使用 RelativeLayout 而不是 LinearLayout，但如果我这样做，它会完全填充父级，并且没有其他可见的。

有什么建议吗？基本上红色矩形内的两个按钮应该向右对齐。

这是 XML。

        <LinearLayout
            android:id="@+id/sort_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingBottom="10dp"
            android:orientation="horizontal" >

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_gravity="center"
                android:layout_marginRight="10dp"
                android:fontFamily="sans-serif-condensed"
                android:gravity="center"
                android:text="@string/sort_by"
                android:textColor="@color/white80"
                android:textSize="20sp" />

            <RadioGroup
                android:id="@+id/view_group"
                style="@android:style/ButtonBar"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@android:color/background_dark"
                android:orientation="horizontal"
                android:padding="0dp" >

                <ImageButton
                    android:id="@+id/btn_view_grid"
                    style="?android:attr/buttonBarButtonStyle"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_gravity="center"
                    android:layout_margin="0dp"
                    android:layout_weight="1"
                    android:onClick="onShowGrid"
                    android:src="@drawable/ic_action_view_as_grid" />

                <ImageButton
                    android:id="@+id/btn_view_list"
                    style="?android:attr/buttonBarButtonStyle"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_gravity="center"
                    android:layout_margin="0dp"
                    android:layout_weight="1"
                    android:onClick="onShowGrid"
                    android:src="@drawable/ic_action_view_as_list" />

            </RadioGroup>

            <RadioGroup
                android:id="@+id/sort_group"
                style="@android:style/ButtonBar"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@android:color/background_dark"
                android:gravity="center"
                android:orientation="horizontal"
                android:padding="0dp" >

                <Button
                    android:id="@+id/btn_sort_popular"
                    style="?android:attr/buttonBarButtonStyle"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_gravity="center"
                    android:layout_margin="0dp"
                    android:layout_weight="1"
                    android:fontFamily="sans-serif-condensed"
                    android:onClick="onSortChanged"
                    android:text="@string/sort_popular"
                    android:textColor="@drawable/sort_button_selector"
                    android:textSize="20sp" />

                <Button
                    android:id="@+id/btn_sort_new"
                    style="?android:attr/buttonBarButtonStyle"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_gravity="center"
                    android:layout_weight="1"
                    android:fontFamily="sans-serif-condensed"
                    android:onClick="onSortChanged"
                    android:text="@string/sort_newest"
                    android:textColor="@drawable/sort_button_selector"
                    android:textSize="20sp" />

                <Button
                    android:id="@+id/btn_sort_hard"
                    style="?android:attr/buttonBarButtonStyle"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_gravity="center"
                    android:layout_weight="1"
                    android:fontFamily="sans-serif-condensed"
                    android:onClick="onSortChanged"
                    android:text="@string/sort_hardest"
                    android:textColor="@drawable/sort_button_selector"
                    android:textSize="20sp" />

                <Button
                    android:id="@+id/btn_sort_easy"
                    style="?android:attr/buttonBarButtonStyle"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_gravity="center"
                    android:layout_weight="1"
                    android:fontFamily="sans-serif-condensed"
                    android:onClick="onSortChanged"
                    android:text="@string/sort_easiest"
                    android:textColor="@drawable/sort_button_selector"
                    android:textSize="20sp" />
            </RadioGroup>

        </LinearLayout>

        <FrameLayout
            android:id="@+id/preview_fragment"
            android:background="@android:color/holo_green_dark"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

    </LinearLayout>

【问题讨论】：

为什么不把中间的权重设为1，其余的设为0？

标签： android android-layout

【解决方案1】：

类似的东西可能会有所帮助

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

<LinearLayout
        android:id="@+id/sort_layout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingBottom="10dp"
        android:orientation="horizontal" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="center"
            android:layout_marginRight="10dp"
            android:fontFamily="sans-serif-condensed"
            android:gravity="center"
            android:text="sort_by"
            android:textSize="20sp" />


        <RadioGroup
            android:id="@+id/sort_group"
            style="@android:style/ButtonBar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:color/background_dark"
            android:gravity="center"
            android:orientation="horizontal"
            android:padding="0dp" >

            <Button
                android:id="@+id/btn_sort_popular"
                style="?android:attr/buttonBarButtonStyle"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_gravity="center"
                android:layout_margin="0dp"
                android:layout_weight="1"
                android:fontFamily="sans-serif-condensed"
                android:onClick="onSortChanged"
                android:text="sort_popular"
                android:textColor="#FFFF"
                android:textSize="20sp" />

            <Button
                android:id="@+id/btn_sort_new"
                style="?android:attr/buttonBarButtonStyle"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_gravity="center"
                android:layout_weight="1"
                android:fontFamily="sans-serif-condensed"
                android:onClick="onSortChanged"
                android:textColor="#FFFF"
                android:text="sort_newest"
                android:textSize="20sp" />

            <Button
                android:id="@+id/btn_sort_hard"
                style="?android:attr/buttonBarButtonStyle"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_gravity="center"
                android:layout_weight="1"
                android:fontFamily="sans-serif-condensed"
                android:onClick="onSortChanged"
                android:textColor="#FFFF"
                android:text="sort_hardest"
                android:textSize="20sp" />

            <Button
                android:id="@+id/btn_sort_easy"
                style="?android:attr/buttonBarButtonStyle"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_gravity="center"
                android:layout_weight="1"
                android:fontFamily="sans-serif-condensed"
                android:onClick="onSortChanged"
                android:textColor="#FFFF"
                android:text="sort_easiest"
                android:textSize="20sp" />
        </RadioGroup>


<LinearLayout
android:id="@+id/sort_layout2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="right"
android:orientation="horizontal"
android:paddingBottom="10dp" >

            <ImageButton
                android:id="@+id/btn_view_grid"
                style="?android:attr/buttonBarButtonStyle"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_margin="0dp"
                android:layout_weight="1"
                android:gravity="right"
                android:onClick="onShowGrid"
                android:src="@drawable/ic_action_view_as_grid" />

            <ImageButton
                android:id="@+id/btn_view_list"
                style="?android:attr/buttonBarButtonStyle"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_margin="0dp"
                android:layout_weight="1"
                android:gravity="right"
                android:onClick="onShowGrid"
                android:src="@drawable/ic_action_view_as_list" />

</LinearLayout>

</LinearLayout>

<FrameLayout
        android:id="@+id/preview_fragment"
        android:background="@android:color/holo_green_dark"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>

【讨论】：

【解决方案2】：

我终于想出了如何实现这一点。我必须在 RelativeLayout 而不是 LinearLayout 中正确使用以下值：

android:layout_gravity="center"
android:layout_centerVertical="true"
android:layout_toLeftOf="@+id/view_group"
android:layout_toRightOf="@+id/label_sort"

这是 XML：

        <RelativeLayout
            android:id="@+id/sort_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingBottom="10dp"
            android:orientation="horizontal" >

            <TextView
                android:id="@+id/label_sort"
                android:layout_alignParentLeft="true"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:layout_centerVertical="true"
                android:layout_marginRight="10dp"
                android:fontFamily="sans-serif-condensed"
                android:text="@string/sort_by"
                android:gravity="center"
                android:textColor="@color/white80"
                android:textSize="20sp" />

            <RadioGroup
                android:id="@+id/view_group"
                style="@android:style/ButtonBar"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:background="@android:color/background_dark"
                android:orientation="horizontal"
                android:layout_marginLeft="10dp"
                android:padding="0dp" >

                <ImageButton
                    android:id="@+id/btn_view_grid"
                    style="?android:attr/buttonBarButtonStyle"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_gravity="center"
                    android:layout_margin="0dp"
                    android:layout_weight="1"
                    android:onClick="onShowGrid"
                    android:src="@drawable/ic_action_view_as_grid" />

                <ImageButton
                    android:id="@+id/btn_view_list"
                    style="?android:attr/buttonBarButtonStyle"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_gravity="center"
                    android:layout_margin="0dp"
                    android:layout_weight="1"
                    android:onClick="onShowList"
                    android:src="@drawable/ic_action_view_as_list" />

            </RadioGroup>

            <RadioGroup
                android:id="@+id/sort_group"
                style="@android:style/ButtonBar"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_toLeftOf="@+id/view_group"
                android:layout_toRightOf="@+id/label_sort"
                android:background="@android:color/background_dark"
                android:gravity="center"
                android:orientation="horizontal"
                android:padding="0dp" >

                <Button
                    android:id="@+id/btn_sort_popular"
                    style="?android:attr/buttonBarButtonStyle"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_gravity="center"
                    android:layout_margin="0dp"
                    android:layout_weight="1"
                    android:fontFamily="sans-serif-condensed"
                    android:onClick="onSortChanged"
                    android:text="@string/sort_popular"
                    android:textColor="@drawable/sort_button_selector"
                    android:textSize="20sp" />

                <Button
                    android:id="@+id/btn_sort_new"
                    style="?android:attr/buttonBarButtonStyle"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_gravity="center"
                    android:layout_weight="1"
                    android:fontFamily="sans-serif-condensed"
                    android:onClick="onSortChanged"
                    android:text="@string/sort_newest"
                    android:textColor="@drawable/sort_button_selector"
                    android:textSize="20sp" />

                <Button
                    android:id="@+id/btn_sort_hard"
                    style="?android:attr/buttonBarButtonStyle"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_gravity="center"
                    android:layout_weight="1"
                    android:fontFamily="sans-serif-condensed"
                    android:onClick="onSortChanged"
                    android:text="@string/sort_hardest"
                    android:textColor="@drawable/sort_button_selector"
                    android:textSize="20sp" />

                <Button
                    android:id="@+id/btn_sort_easy"
                    style="?android:attr/buttonBarButtonStyle"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_gravity="center"
                    android:layout_weight="1"
                    android:fontFamily="sans-serif-condensed"
                    android:onClick="onSortChanged"
                    android:text="@string/sort_easiest"
                    android:textColor="@drawable/sort_button_selector"
                    android:textSize="20sp" />
            </RadioGroup>

        </RelativeLayout>

        <FrameLayout
            android:id="@+id/preview_fragment"
            android:background="@android:color/holo_green_dark"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

    </LinearLayout>

【讨论】：