如何让工具栏保持在屏幕顶部而不是显示在整个屏幕上?

时间:2015-03-07 08:10:53

标签: java android layout android-studio toolbar

这可能是我处理布局的方式的问题。 Java和Android SDK的新功能。我正在使用Android Studio。

此时我的目标是让应用程序进入,屏幕底部显示一个带有图标的导航栏,顶部带有“OFF”按钮和“保存”按钮的工具栏。工具栏和导航栏之间应该是一个空白的白色屏幕。

但我无法让工具栏停留在屏幕顶部。灰色背景占据了白色背景前的整个屏幕。 Here's截图。

这就是我所拥有的:

<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"
tools:context=".ContactActivity">

<RelativeLayout
    android:id="@+id/toolbar"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:background="@color/toolbar_background">

    <ToggleButton
        android:id="@+id/toggleButtonEdit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentleft="true"
        android:layout_marginLeft="20dp"
        android:text="@string/toggle_button" />

    <Button
        android:id="@+id/buttonSave"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_marginRight="20dp"
        android:text="Save" />

    <RelativeLayout
        android:id="@+id/navbar"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:background="@color/navbar_background"
        android:gravity="center_horizontal">

        <ImageButton
            android:id="@+id/imageButtonList"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginRight="20dp"
            android:contentDescription="Contact List Button"
            android:src="@drawable/contactlisticon" />
        <ImageButton
            android:id="@+id/imageButtonMap"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRight0f="@id/imageButtonList"
            android:contentDescription="Contact Map Button"
            android:src="@drawable/mapicon" />
        <ImageButton
            android:id="@+id/imageButtonSettings"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dp"
            android:contentDescription="Settings Button"
            android:layout_toRight0f="@id/imageButtonMap"
            android:src="drawable/settingsicon" />


    </RelativeLayout>

1 个答案:

答案 0 :(得分:0)

你有点忽视了Toolbar的观点。在Toolbar preview阅读相关内容。您在另一端使用RelativeLayout作为Toolbar这是浪费。

要有一个Bottom工具栏,你可以使用另一个独立工具栏(如链接中所述)或使用LinearLayout这样的:{/ p>

<LinearLayout
    android:id="@+id/check_in_bottom_toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true">
   ...
</LinearLayout>

这假设您的根布局是RelativeLayout