2016-08-20 5 views
1

Я использую шаблон навигационного ящика на Android, и я также использую фрагменты. Всякий раз, когда есть фрагмент, действие отсекает верхнюю часть фрагмента. Я не изменил код по умолчанию, кроме добавления в фрагмент. Как вы можете загрузить фрагмент под панелью действий?Навигация Ящик Фрагмент отрезан наверху

картина проблемы:

* обновление Теперь он выглядит как этот image

activity_main.xml

<?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" /> 


<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:menu="@menu/activity_main_drawer" /> 

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

фрагмент XML

<LinearLayout 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="com.example.android.slidemenu.TestFragment" 
android:orientation="horizontal"> 

<!-- TODO: Update blank fragment layout --> 
<ImageView 
    android:layout_width="100dp" 
    android:layout_height="100dp" 
    android:src="@android:drawable/ic_menu_compass"/> 

<TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="TESTTEST" 
    android:textSize="50sp"/> 
</LinearLayout> 

приложение бар основной 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" 
android:fitsSystemWindows="true" 
tools:context="com.example.android.slidemenu.MainActivity"> 

<android.support.design.widget.AppBarLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:theme="@style/AppTheme.AppBarOverlay"> 

    <android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="?attr/actionBarSize" 
     android:background="?attr/colorPrimary" 
     app:popupTheme="@style/AppTheme.PopupOverlay" /> 

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


<FrameLayout 
    android:id="@+id/frame_container" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" /> 

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

Могли бы вы вставить xml layout? –

+0

хороший пример здесь: https: //github.com/chrisbanes/cheesesquare/tree/master/app/src/main/res/layout – Amir

ответ

2

FrameLayout должно быть ниже Toolbar и внутри CoordinatorLayout. Попытайтесь так реструктурировать.

Включите «основное содержимое» в поле DrawerLayout. Затем добавьте FrameLayout после AppBarLayout (или включите другие представления, если фрагменты не нужны).

Секрет линии, которая "толкает" вниз FrameLayout эта линия

app:layout_behavior="@string/appbar_scrolling_view_behavior" 

макет ящика XML

<?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/nav_content"/> 

    <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:menu="@menu/activity_main_drawer" /> 

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

nav_content.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" 
    android:fitsSystemWindows="true" 
    tools:context="com.example.android.slidemenu.MainActivity"> 

    <android.support.design.widget.AppBarLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:theme="@style/AppTheme.AppBarOverlay"> 

     <android.support.v7.widget.Toolbar 
      android:id="@+id/toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="?attr/actionBarSize" 
      android:background="?attr/colorPrimary" 
      app:popupTheme="@style/AppTheme.PopupOverlay" /> 

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

    <FrameLayout 
     android:id="@+id/frame_container" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     app:layout_behavior="@string/appbar_scrolling_view_behavior" /> 

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

Я добавил framelayout, где вы сказали, и он исправил проблему фрагмента, находящегося поверх панели действий, но верхняя часть фрагмента все еще блокируется. –

+0

@ T.Yang Вы можете обернуть AppBarLayout и FrameLayout в вертикальном LinearLayout, чтобы они не перекрывались –

+1

Обновленный ответ и обертывание макетов работало –

0

Поместите FrameLayout внутри CoordinatorLayout, после AppBarLayout.

EDIT: попробуйте удалить android:fitsSystemWindows=true.

+0

№ изменено ответ. – amitairos

+0

Верх фрагмента все еще заблокирован. –

+0

По-прежнему та же проблема –

Смежные вопросы