如何在线性布局的中心和右侧放置按钮

Question

我的应用程序看起来像这样，所有按钮/图像都居中：

但是，我希望它看起来像下面的蓝色图标一直在右侧：

无论我尝试什么，我都无法将蓝色图标移到右侧。有什么建议吗？

   <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:background="@drawable/mountain"
    tools:context="com.example.slammy.codechallenge.MainActivity">

    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="90dp"
        android:id="@+id/layoutMusicControl"
        android:background="#000000"
        android:gravity="center"
    >


        <ImageButton
                android:layout_height="50dp"
                android:layout_width="50dp"
                android:id="@+id/btnBack"
                android:background="@drawable/selector_back"
           />

            <Space
                android:layout_width="10dp"
                android:layout_height="wrap_content"
                android:visibility="invisible" />


            <ImageButton
                android:layout_height="50dp"
                android:layout_width="50dp"
                android:id="@+id/btnPlay"
                android:background="@drawable/play_active"
                android:tag="play"
               />

            <Space
                android:layout_width="10dp"
                android:layout_height="wrap_content"
                android:visibility="invisible"
                />

            <ImageButton
                android:layout_height="50dp"
                android:layout_width="50dp"
                android:id="@+id/btnSkip"
                android:background="@drawable/selector_next"
                 />
        <Space
            android:layout_width="10dp"
            android:layout_height="wrap_content"
            />

        <ImageView
            android:id="@+id/icon"
            android:background="@drawable/alexaicon"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:focusable="true"
            android:layout_below="@+id/layoutMusicControl"
             />

    </LinearLayout>


    <Button
        style="?android:attr/buttonStyleSmall"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Show/Hide"
        android:id="@+id/btnShowMusicControls"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:layout_marginRight="53dp"
        android:layout_marginEnd="53dp"
        android:layout_marginBottom="53dp" />


</RelativeLayout>

Answer 1

在这种情况下，您可以使用RelativeLayout更合适。 您可以使用保证金删除Space个组件。

<RelativeLayout
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="90dp"
    android:id="@+id/layoutMusicControl"
    android:background="#000000"
    >
    <ImageButton
        android:layout_height="50dp"
        android:layout_width="50dp"
        android:id="@+id/btnBack"
        android:background="@drawable/selector_back"
        android:layout_toLeftOf="@+id/btnPlay"
        />


    <ImageButton

        android:layout_height="50dp"
        android:layout_width="50dp"
        android:id="@+id/btnPlay"
        android:layout_centerHorizontal="true"
        android:background="@drawable/play_active"
        android:tag="play"
        android:layout_marginRight="10dp"
        android:layout_marginLeft="10dp"
        />

    <ImageButton
        android:layout_height="50dp"
        android:layout_width="50dp"
        android:id="@+id/btnSkip"
        android:layout_toRightOf="@+id/btnPlay"
        android:background="@drawable/selector_next"
        />

    <ImageView
        android:id="@+id/icon"
        android:background="@drawable/alexaicon"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:focusable="true"
        android:layout_alignParentRight="true"
        />

</RelativeLayout>