导航栏和菜单上的Xamarin Android FrameLayout和内容重叠

时间:2017-08-04 07:03:39

标签: android xamarin

Screenshot 1

Screenshot 2

以上屏幕截图是Android上应用程序预览的预览。如您所见,FrameLayout和FrameLayout的内容在NavigationBar和Menu上重叠。我应该如何在框架内显示内容。此外,我希望内容应该放在NavigationBar后面。

以下是Main.axml文件的代码:

    <?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"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/drawer_layout"
        android:fitsSystemWindows="true">

  <include layout="@layout/toolbar" />

  <FrameLayout android:id="@+id/framelayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="?attr/actionBarSize"
           />

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

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

1 个答案:

答案 0 :(得分:0)

  

如何在框架内显示内容。此外,我希望内容应该放在NavigationBar后面。

FrameLayouttoolbar放在LinearLayout这样:

 <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:id="@+id/ll">

        <include layout="@layout/toolbar" />

        <FrameLayout android:id="@+id/framelayout"
                     android:layout_width="match_parent"
                     android:layout_height="match_parent"
                     android:layout_marginTop="?attr/actionBarSize"
         />

    </LinearLayout>

编辑:

  

菜单项上没有内容可见

在您的toolbar.axml中,您的CoordinatorLayout layout_height媒体资源为match_parent,因此无法看到任何内容。

修改您的toolbar.axml代码,如下所示:

<?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"
     android:id="@+id/main_content"
     android:layout_width="match_parent"
     android:layout_height="wrap_content">
  <android.support.design.widget.AppBarLayout
       android:id="@+id/appbar"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
   <android.support.v7.widget.Toolbar
       android:id="@+id/toolbar"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:elevation="4dp"
       android:background="#2196F3" />
 </android.support.design.widget.AppBarLayout>
</android.support.design.widget.CoordinatorLayout>

然后你的项目就可以了。