android - 如何将应用栏布局的内容水平对齐

Question

我有一个具有协调器布局的 Activity ，我有应用程序栏布局并包含滚动内容

默认情况下，应用程序栏布局的所有项目都是垂直排列的，而且当我覆盖应用程序栏布局的菜单项时，它是不可见的，因此我在应用程序栏布局中使用了一个按钮

我尝试通过在 xml 中写入来将方向更改为水平，但滚动内容来自应用栏布局

请帮助我纠正此问题以及如何为此布局包含菜单项

XML

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".AddItem">


    <android.support.design.widget.AppBarLayout
            android:layout_height="wrap_content"
            android:layout_width="match_parent"
            android:minHeight="?attr/actionBarSize"
            android:theme="?attr/actionBarTheme"
            android:background="#252A4E">

        <TextView
                android:text="Item :"
                android:layout_marginLeft="4pt"
                android:gravity="center"
                android:layout_width="wrap_content"
                android:layout_height="25pt" android:id="@+id/tvItem"
                android:layout_gravity="center_vertical"
                android:textColor="#F8F6F6" android:textSize="15pt"
                app:fontFamily="@font/averia_libre" />
        <TextView
                android:text="1"
                android:layout_marginLeft="4pt"
                android:gravity="center"
                android:layout_width="wrap_content"
                android:layout_height="25pt" android:id="@+id/tvElevatorNo"
                android:layout_gravity="center_vertical"
                android:textColor="#F8F6F6" android:textSize="15pt"
                app:fontFamily="@font/averia_libre"/>
        <ImageButton
                android:layout_marginLeft="72pt"
                android:onClick="AddElevator"
                android:layout_gravity="end"
                android:layout_width="62dp"
                android:layout_height="match_parent" app:srcCompat="@drawable/baseline_done_white_18dp"
                android:id="@+id/ibComplete" tools:srcCompat="@drawable/baseline_done_white_18dp"
                android:tint="#F9FBE7" android:background="#252A4E"/>


    </android.support.design.widget.AppBarLayout>
    <include layout="@layout/content_add_item" android:layout_height="674dp"/>

</android.support.design.widget.CoordinatorLayout>

Answer 1

AppBarLayout 扩展了 LinearLayout。因此，如果您需要创建更复杂的布局，则必须将 View 封装在另一个 ViewGroup 中，例如 RelativeLayout 甚至 ConstraintLayout 等。

类似于:

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:id="@+id/tvItem"
            android:layout_width="wrap_content"
            android:layout_height="25pt"/>

        <TextView
            android:id="@+id/tvElevatorNo"
            android:layout_width="wrap_content"
            android:layout_height="25pt"
            android:layout_toEndOf="@id/tvItem"/>

        <ImageButton
            android:id="@+id/ibComplete"
            android:layout_width="62dp"
            android:layout_height="match_parent"
            android:layout_alignParentEnd="true"/>

    </RelativeLayout>
</android.support.design.widget.AppBarLayout>