按钮上方的Android操作栏

Question

这是我的布局。 现在，我有了可以使用的工具栏，但是按钮在栏的下面。 我尝试到处添加一些边距，但是由于某些原因，即使我始终使用相同的MarginTop，一个按钮也始终不会与其他按钮对齐。 我该如何解决这个问题？

<android.support.v7.widget.Toolbar
   android:id="@+id/my_toolbar"
   android:layout_width="match_parent"
   android:layout_height="?attr/actionBarSize"
   android:background="?attr/colorPrimary"
   android:theme="@style/ThemeOverlay.AppCompat.ActionBar"
   app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

    <Button
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="Start"
       android:id="@+id/button"
       android:layout_alignTop="@+id/buttonP"
       android:layout_centerHorizontal="true"
       app:layout_widthPercent="40%"
       app:layout_marginTopPercent="2%"/>

<Button
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="&lt;&lt;"
       android:id="@+id/buttonP"
       android:layout_alignParentLeft="true"
       app:layout_widthPercent="30%"
   app:layout_marginTopPercent="2%"/>

    <Button
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="&gt;&gt;"
       android:id="@+id/buttonN"
       android:layout_above="@+id/custom_list"
       android:layout_alignRight="@+id/custom_list"
       app:layout_widthPercent="30%"
       app:layout_marginTopPercent="2%"/>

    <ListView
       android:id="@+id/custom_list"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:dividerHeight="1dp"
       android:layout_weight="0.5"
       android:layout_below="@+id/button" />
</android.support.percent.PercentRelativeLayout>

Answer 1

对于工具栏，应使用线性布局，然后使用按钮。 您还需要layour_weight属性来正确对齐每个按钮。 一个例子 ：

 <android.support.v7.widget.Toolbar
            android:id="@+id/toolBar"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:layout_gravity="start|center_vertical"
            android:background="@color/grey"
            app:popupTheme="@style/Theme.App.PopupOverlay" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/white"
            android:orientation="horizontal"
            android:weightSum="10">

            <RelativeLayout
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1.3"
                android:padding="5dp">

                <ImageView
                    android:id="@+id/iv"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerInParent="true"
                    android:background="@drawable/menu_ic"
                    android:padding="5dp" />
            </RelativeLayout>

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_gravity="start|center_vertical"
                android:layout_weight="1"
                android:text="@string/xyz"
                android:textColor="@color/darker_gray"
                android:textSize="18sp" />

            <View
                android:layout_width="1dp"
                android:layout_height="match_parent"
                android:layout_gravity="start|center_vertical"
                android:layout_marginBottom="10dp"
                android:layout_marginTop="10dp"
                android:background="@color/grey" />

            <EditText
                android:id="@+id/et_search"
                android:layout_width="0dp"
                android:layout_height="40dp"
                android:layout_marginLeft="5dp"
                android:layout_marginRight="5dp"
                android:layout_weight="6.4"
                android:background="@android:color/transparent"
                android:gravity="start|center_vertical"
                android:hint="@string/search_keyword"
                android:singleLine="true"
                android:textColor="@color/darker_gray"
                android:textColorHint="@color/darker_gray"
                android:textSize="17sp" />

            <View
                android:layout_width="1dip"
                android:layout_height="match_parent"
                android:layout_gravity="end"
                android:background="@color/grey" />

            <RelativeLayout
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1.3">

                <ImageView
                    android:id="@+id/notifications"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerInParent="true"
                    android:background="@drawable/notification_icon" />

            </RelativeLayout>

        </LinearLayout>

Answer 2

添加操作栏按钮

为要包含在操作栏中的每个项目添加一个<item>元素，如菜单XML文件的以下代码示例所示：

<menu xmlns:android="http://schemas.android.com/apk/res/android" >

    <!-- "Mark Favorite", should appear as action button if possible -->
    <item
        android:id="@+id/action_favorite"
        android:icon="@drawable/ic_favorite_black_48dp"
        android:title="@string/action_favorite"
        app:showAsAction="ifRoom"/>

    <!-- Settings, should always be in the overflow -->
    <item android:id="@+id/action_settings"
          android:title="@string/action_settings"
          app:showAsAction="never"/>

</menu>

app：showAsAction属性指定操作是否应在应用程序栏上显示为按钮。 如果您设置app：showAsAction =“ ifRoom”（如示例代码的收藏夹操作中所示），则该操作将在按钮中显示为按钮（如果在应用程序栏中有空间）； 如果没有足够的空间，则会将多余的操作发送到溢出菜单。 如果您设置app：showAsAction =“ never”（如示例代码的设置操作中所示），则该操作始终列在溢出菜单中，而不显示在应用程序栏中。

样本链接