DrawerLayout隱藏另一個佈局

Question

我的主UI隱藏了我的Include UI。在第一張圖片中，你可以看到我想要的東西。在我的用戶界面中有標籤，我想在標籤之後，應該有一個小的用戶界面將有它的細節。所以我創建了另一個小UI，並將其包含在我的主UI中。我的主標籤UI隱藏了我的Include UI。請幫助我。

我理想中如下圖

問題，我在下面的圖像佈局

這裏是相同的代碼..

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="@drawable/backgroundimage" 
    android:fitsSystemWindows="true" 
    android:orientation="vertical"> 

    <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" 
     xmlns:app="http://schemas.android.com/apk/res-auto" 
     android:id="@+id/drawerLayout" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"> 


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

      <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" 
       android:id="@+id/toolbar" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:background="@android:color/transparent" 
       android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
       app:layout_scrollFlags="scroll|enterAlways" 
       app:title="Test"> 

      </android.support.v7.widget.Toolbar> 


      <FrameLayout 
       android:id="@+id/containerView" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:orientation="vertical"> 


      </FrameLayout> 


     </LinearLayout> 

     <android.support.design.widget.NavigationView xmlns:android="http://schemas.android.com/apk/res/android" 
      xmlns:app="http://schemas.android.com/apk/res-auto" 
      android:id="@+id/navigation_view" 
      android:layout_width="wrap_content" 
      android:layout_height="match_parent" 
      android:layout_gravity="start" 
      android:layout_marginTop="-24dp" 
      app:headerLayout="@layout/nav_header_navigation_drawer" 
      app:itemTextColor="@color/black" 
      app:menu="@menu/drawermenu" 
      app:popupTheme="@style/ThemeOverlay.AppCompat.Light"> 


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


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

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

    </LinearLayout> 

bottom_nowplaying_card代碼如下

<?xml version="1.0" encoding="utf-8"?> 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/topContainer" 
    android:layout_width="wrap_content" 
    android:layout_height="60dp" 
    android:layout_gravity="top" 
    android:background="@color/graybackcolor"> 


    <ImageView 
     android:id="@+id/slide_bottom_song_image" 
     android:layout_width="55dp" 
     android:layout_height="55dp" 
     android:layout_alignParentLeft="true" 
     android:background="@drawable/musicicon" 
     android:paddingTop="10dp" 
     android:scaleType="centerCrop" /> 


    <LinearLayout 
     android:id="@+id/bottom_songsdetails" 
     android:layout_width="230dp" 
     android:layout_height="wrap_content" 
     android:layout_marginRight="10dp" 
     android:layout_toRightOf="@+id/slide_bottom_song_image" 
     android:orientation="vertical" 
     android:paddingLeft="10dp" 
     android:paddingTop="5dp"> 

     <TextView 
      android:id="@+id/song_title_bar" 
      style="@style/AppTheme" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:ellipsize="end" 
      android:singleLine="true" 
      android:text="Please select song" 
      android:textColor="@color/textcolor" 
      android:textSize="16sp" /> 

     <TextView 
      android:id="@+id/song_artist_bar" 
      style="@style/AppTheme" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:ellipsize="end" 
      android:paddingTop="3dp" 
      android:singleLine="true" 
      android:text="sub Title" 
      android:textColor="@color/textcolor" 
      android:textSize="13sp" /> 

    </LinearLayout> 

    <LinearLayout 
     xmlns:app="http://schemas.android.com/apk/res-auto" 
     android:layout_width="wrap_content" 
     android:layout_height="50dp" 
     android:orientation="horizontal" 
     android:layout_alignBottom="@+id/slide_bottom_song_image" 
     android:layout_alignParentRight="true" 
     android:layout_alignParentEnd="true" 
     android:layout_toRightOf="@+id/bottom_songsdetails" 
     android:layout_toEndOf="@+id/bottom_songsdetails"> 


     <net.steamcrafted.materialiconlib.MaterialIconView 
      android:id="@+id/play_pause_bottom" 
      android:layout_width="23dp" 
      android:layout_height="23dp" 
      android:layout_gravity="center" 
      android:layout_weight="0.6" 
      android:background="?attr/selectableItemBackgroundBorderless" 
      android:scaleType="center" 
      app:materialIcon="play" 
      app:materialIconColor="?attr/iconColor" 
      app:materialIconSize="35dp" /> 

     <net.steamcrafted.materialiconlib.MaterialIconView 
      android:id="@+id/playlist" 
      android:layout_width="23dp" 
      android:layout_height="23dp" 
      android:layout_gravity="center" 
      android:layout_weight="0.6" 
      android:background="?attr/selectableItemBackgroundBorderless" 
      android:scaleType="center" 
      app:materialIcon="playlist_plus" 
      app:materialIconColor="?attr/iconColor" 
      app:materialIconSize="35dp" /> 

    </LinearLayout> 

     </RelativeLayout> 

Answer 1

沒有變化在bottom_nowplaying_card代碼需要

考慮更換以下XML

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
       xmlns:app="http://schemas.android.com/apk/res-auto" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:background="@drawable/greencolor" 
       android:fitsSystemWindows="true" 
       android:orientation="vertical"> 

    <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" 
              xmlns:app="http://schemas.android.com/apk/res-auto" 
              android:id="@+id/drawerLayout" 
              android:layout_width="match_parent" 
              android:layout_height="match_parent" 
     android:layout_above="@id/abc"> 


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

      <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" 
               android:id="@+id/toolbar" 
               android:layout_width="match_parent" 
               android:layout_height="wrap_content" 
               android:background="@android:color/transparent" 
               android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
               app:layout_scrollFlags="scroll|enterAlways" 
               app:title="Test"> 

      </android.support.v7.widget.Toolbar> 


      <FrameLayout 
       android:id="@+id/containerView" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:orientation="vertical" 
       > 


      </FrameLayout> 


     </LinearLayout> 

     <android.support.design.widget.NavigationView xmlns:android="http://schemas.android.com/apk/res/android" 
                 xmlns:app="http://schemas.android.com/apk/res-auto" 
                 android:id="@+id/navigation_view" 
                 android:layout_width="wrap_content" 
                 android:layout_height="match_parent" 
                 android:layout_gravity="start" 
                 android:layout_marginTop="-24dp" 
                 app:headerLayout="@layout/nav_header_navigation_drawer" 
                 app:itemTextColor="@color/black" 
                 app:menu="@menu/drawermenu" 
                 app:popupTheme="@style/ThemeOverlay.AppCompat.Light"> 


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


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

    <include layout="@layout/bottom_nowplaying_card" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:id="@+id/abc"></include> 

</RelativeLayout> 

或嘗試這個

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

    <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="fill_parent" 
     android:orientation="vertical"> 

     <android.support.design.widget.AppBarLayout 
      android:id="@+id/apptoolbar" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:background="@android:color/holo_orange_dark"> 
      <android.support.v7.widget.Toolbar 
       android:id="@+id/toolbar" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:background="@android:color/transparent" 
       android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
       app:layout_scrollFlags="scroll|enterAlways" 
       app:title="Test"> 

      </android.support.v7.widget.Toolbar> 


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

     <FrameLayout 
      android:id="@+id/containerView" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:background="@android:color/holo_green_light" 
      android:layout_below="@id/apptoolbar" 
      android:layout_above="@id/include_layout"> 


     </FrameLayout> 

     <include layout="@layout/bottom_nowplaying_card" 
       android:id="@+id/include_layout" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
      android:layout_alignParentBottom="true"></include> 

    </RelativeLayout> 

<!--NavigationView as DrawerLayout’s drawer content view--> 

    <android.support.design.widget.NavigationView 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:layout_gravity="start" 
     app:headerLayout="@layout/drawer_header" 
     app:menu="@menu/navigationdrawer_menu"> 

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


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

Answer 2

@Kushal Patil我發現了一些問題在你的設計，我會告訴ü一些變化... 請嘗試一下

1. 首先在你的Top XML

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

   這行代碼添加以下的FrameLayout關閉ok 和

   frame layout's height should be wrap_content . 
   

2. 現在在你的second XMLü從XML之上PDATE我下面的代碼

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
     android:id="@+id/topContainer" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:background="@color/colorGrey"> 

<RelativeLayout 
    android:layout_width="match_parent" 
    android:layout_height="60dp" 
    android:layout_alignParentEnd="true" 
    android:layout_alignParentBottom="true" 
    android:layout_alignParentRight="true"> 

    <---paste your content here..........ok ---> 

     </RelativeLayout> 
    </RelativeLayout> 

現在，如果你面對它的任何問題發表評論

。和 如果有幫助你不要忘了accept它。