Top ActionBar涵盖了网页内容

时间:2018-03-02 14:00:35

标签: android xml android-actionbar

我正在创建一个Android应用,我刚刚在其中一个活动中添加了一个导航抽屉。我已成功添加,但现在它与页面内容重叠。作业文本和其余文本应位于ActionBar下方。 我已经尝试在作业文本的顶部添加一个边距,并按照我的意愿将其推下来。有没有更好的方法来降低它?

Content Overlap

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout 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:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:openDrawer="start">

    <include
        layout="@layout/app_bar_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <LinearLayout 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:id="@+id/jobListPage"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="top"
        tools:context="com.kitkat.crossroads.Jobs.JobsActivity">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">


            <TextView
                android:id="@+id/textView5"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Jobs"
                android:fontFamily="@font/bebasneueregular"
                android:textSize="30dp"
                android:textAlignment="center"
                tools:layout_editor_absoluteX="163dp"
                tools:layout_editor_absoluteY="16dp" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal">
                <TextView
                    android:id="@+id/textName"
                    android:layout_width="125dp"
                    android:layout_height="50dp"
                    android:layout_marginLeft="60dp"
                    android:fontFamily="@font/bebasneueregular"
                    android:gravity="center_vertical"
                    android:text="Job Name"
                    android:textSize="15dp"
                    android:textColor="#FF000000"
                    android:visibility="visible" />

                <TextView
                    android:id="@+id/textFrom"
                    android:layout_width="100dp"
                    android:layout_height="50dp"
                    android:fontFamily="@font/bebasneueregular"
                    android:layout_alignParentTop="true"
                    android:layout_toEndOf="@+id/textName"
                    android:gravity="center_vertical"
                    android:text="From"
                    android:textSize="15dp"
                    android:textColor="#FF000000"
                    android:visibility="visible" />

                <TextView
                    android:id="@+id/textTo"
                    android:layout_width="100dp"
                    android:layout_height="50dp"
                    android:fontFamily="@font/bebasneueregular"
                    android:textSize="15dp"
                    android:layout_alignParentEnd="true"
                    android:layout_alignParentTop="true"
                    android:gravity="center_vertical"
                    android:text="To"
                    android:textColor="#FF000000"
                    android:visibility="visible" />


            </LinearLayout>


            <ExpandableListView
                android:id="@+id/jobListView12345"
                android:layout_width="match_parent"
                android:layout_height="match_parent" />


        </LinearLayout>

    </LinearLayout>

    <android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:headerLayout="@layout/navigation_header"
        app:menu="@menu/activity_main_drawer" />

</android.support.v4.widget.DrawerLayout>

3 个答案:

答案 0 :(得分:1)

我相信你应该把

<include
    layout="@layout/app_bar_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

里面

<LinearLayout 
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:id="@+id/jobListPage"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="top"
    tools:context="com.kitkat.crossroads.Jobs.JobsActivity">

答案 1 :(得分:1)

Becoz你在Linearlayout中分配gravity="top"所以它发生了

所以你删除这个gravity请看下面的代码:

<LinearLayout 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:id="@+id/jobListPage"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        //remove gravity="top" from hear
        tools:context="com.kitkat.crossroads.Jobs.JobsActivity">    

如果您的问题没有解决,那么您可以在内部Linearlayout

中使用android:layout_marginTop="20dp"

见下面的代码

<LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginTop="20dp"
            android:orientation="vertical">

不要在LinearLayout中使用 include 。 Becoz更改了您的操作栏,因此您只能删除gravity并指定margin top

答案 2 :(得分:0)

我之所以出现重叠是因为我将页面内容放在activity_main.xml布局而不是content_main.xml。将内容放在该布局中将问题排序并将内容放在操作栏下面。