Question

我在另一个内部有两个线性布局。在第二个中，我有Switch按钮，TextView和FloatingActionButton。我想将这3个放在同一行，我想集中Switch和TextView，我想对齐屏幕右侧的FloatingActionButton。我试图用marginLeft迫使他们去我想要的位置，但我相信这不是正确的方法。

这是我的代码（现在3个组件已经在同一行）：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:fab="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="80dp"
        android:orientation="horizontal"
        android:weightSum="1" >

    <Switch
        android:id="@+id/mySwitch"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="140dp"
        android:layout_marginTop="20dp"
        android:theme="@style/SCBSwitch"
        />

        <TextView
            android:id="@+id/OpenClose"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_marginLeft="10dp"
            android:text="Open"
            android:textSize="20dp"/>

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/action_find_location"
        android:layout_width="277dp"
        android:layout_height="40dp"
        android:layout_marginTop="10dp"
        android:layout_marginLeft="75dp"
        android:layout_marginRight="10dp"
        android:src="@drawable/calendar_today"
        fab:backgroundTint="@color/theme_color"
        fab:borderWidth="0dp"
        fab:elevation="9dp"
        fab:rippleColor="@color/toolbar_title_color"
        fab:fabSize="mini"/>

    </LinearLayout>
    </LinearLayout>

Answer 1

刚刚接受了您的代码并进行了一些更改。请检查它是否正常

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:fab="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="80dp"
    android:orientation="horizontal"
    android:weightSum="3">

    <Switch
        android:id="@+id/mySwitch"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:theme="@style/SCBSwitch"
        android:layout_gravity="start"
        android:gravity="center"
        android:layout_weight="1"/>

    <TextView
        android:id="@+id/OpenClose"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:text="Open"
        android:textSize="20dp"
        android:layout_gravity="center_horizontal"
        android:gravity="center"
        android:layout_weight="1"/>

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/action_find_location"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:src="@drawable/calendar_today"
        fab:backgroundTint="@color/theme_color"
        fab:borderWidth="0dp"
        fab:elevation="9dp"
        fab:rippleColor="@color/toolbar_title_color"
        fab:fabSize="mini"
        android:layout_gravity="end"
        android:gravity="center"
        android:layout_weight="1"/>

</LinearLayout>
</LinearLayout>

Answer 2

从android:weightSum="1"删除LinearLayout并执行类似的操作：

<FrameLayout
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:orientation="horizontal">

    <Switch
        android:id="@+id/mySwitch"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center" />
</FrameLayout>

与TextView相同，并且FAB删除：

    android:layout_gravity="end"
    android:gravity="center"
    android:layout_weight="1"

Android：LinearLayout中的中心和右对齐

2 个答案: