2017-05-30 70 views
0

我想創建一個漂亮的SearchView。我使用this代碼並將其集成到我的DrawerLayout中。這是我的主要活動的當前XML:`Android操作欄行爲奇怪

<?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/main_layout" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" /> 

    <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"> 

     <include layout="@layout/app_bar_main"/> 
     <include layout="@layout/app_bar_main_search" 
      android:visibility="gone"/> 

    </RelativeLayout> 

    <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" 
     android:visibility="gone" 
     app:headerLayout="@layout/nav_header_main" 
     app:menu="@menu/activity_main_drawer" /> 

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

這是我app_bar_main.xml:

<?xml version="1.0" encoding="utf-8"?> 
<android.support.v7.widget.Toolbar android:id="@+id/toolbar" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    app:titleTextColor="@color/white" 
    android:layout_alignParentTop="true" 
    android:layout_width="match_parent" 
    android:layout_height="?attr/actionBarSize" 
    android:background="@color/colorPrimary" 
    android:theme="@style/AppTheme.AppBarOverlay"/> 

我app_bar_main_search.xml:

<?xml version="1.0" encoding="utf-8"?> 
<android.support.v7.widget.Toolbar android:id="@+id/searchtoolbar" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    app:collapseIcon="@drawable/ic_arrow_left" 
    app:titleTextColor="@color/colorPrimary" 
    android:layout_alignParentTop="true" 
    android:layout_width="match_parent" 
    android:layout_height="?attr/actionBarSize" 
    android:background="@color/white"/> 

我main_layout.xml只是一個帶有FAB和空約束佈局的文件。

上述代碼正常工作,但主佈局位於操作欄下方,左上角的NavigationDrawer圖標停止工作(除非通過滑動將NavigationDrawer取出,然後由於某種原因再次開始工作)。移除操作欄周圍的RelativeLayout會使app_bar_main覆蓋整個屏幕。將一個ID分配給app_bar_main使其完全爲空,只是一種背景顏色。

我在做什麼錯?我如何獲得操作欄下方的主佈局?

編輯:我得到的工具欄工作與@ FAT的答案,但navigationdrawer圖標仍然無法正常工作。這是相關的代碼:

drawer = (DrawerLayout) findViewById(R.id.drawer_layout); 
    toggle = new ActionBarDrawerToggle(
      this, drawer, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close); 
    drawer.addDrawerListener(toggle); 
    toggle.syncState(); 
    NavigationView navigationView = (NavigationView) findViewById(R.id.nav_view); 
    navigationView.setNavigationItemSelectedListener(this); 
    navigationView.getMenu().getItem(0).setChecked(true); 

我試着將syncState()添加到onPostCreate,但這並沒有改變任何東西。當我點擊圖標時,onOptionsItemSelected函數也不會被調用。

+0

會不會工作? – cristianorbs

+0

@cristianorbs Nope,這使得整個操作欄消失,屏幕被填充main_layout.xml – user2988879

+0

如果在main_layout中,您將layout_marginTop =「?attr/actionBarSize」放在父視圖上? – cristianorbs

回答

1

DrawerLayout應該至多有兩個視圖。在DrawerLayout的內部,添加一個視圖,其中包含屏幕的main內容(抽屜被隱藏時的主要佈局)和包含navigation抽屜的內容的另一個視圖。

See documentation

要使用DrawerLayout,主content視圖定位爲 first孩子與寬度和match_parent的高度和沒有 layout_gravity>。在主內容 視圖後面添加drawers作爲子視圖,並適當地設置layout_gravity。抽屜通常使用 match_parent作爲固定寬度的高度。

1.讓您main_layout內第一直接子RelativeLayout

2.將屬性android:layout_below="@id/app_bar_main"添加到main_layout。

更新您的佈局XML如下:

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

    <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"> 

     <include 
      android:id="@+id/appbar" 
      layout="@layout/app_bar_main"/> 

     <include layout="@layout/app_bar_main_search" 
      android:visibility="gone"/> 

     <include 
      layout="@layout/main_layout" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_below="@id/appbar"/> 

    </RelativeLayout> 

    <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" 
     android:visibility="gone" 
     app:headerLayout="@layout/nav_header_main" 
     app:menu="@menu/activity_main_drawer" /> 

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

希望這將幫助〜如果你把第一個RelativeLayout的上述第一包括

+0

感謝您的評論,但是當我將一個ID分配給app_bar_main時,內容突然消失。它只是變成了一個空的操作欄。 – user2988879

+0

我得到它的工作,問題是,app_bar_main裏面的工具欄已經有一個ID,所以我刪除了那個,並將其添加到包含。它現在有效。 NavigationDrawer圖標仍然無法正常工作。 – user2988879

+0

我明白了。對於抽屜圖標試試這個>>> DrawerLayout mDrawerLayout =(DrawerLayout)findViewById(R.id.drawer_layout); ActionBarDrawerToggle mActionBarDrawerToggle = new ActionBarDrawerToggle(this,mDrawerLayout,mToolBar,R.string.navigation_drawer_open,R.string.navigation_drawer_close); mDrawerLayout.setDrawerListener(mActionBarDrawerToggle); mActionBarDrawerToggle.syncState(); – FAT