我的主要用户界面隐藏了我的包含用户界面。在第一张图片中,您可以看到我想要的东西。我的用户界面中有标签,我希望在该标签之后,应该有一个小的用户界面会有详细信息。所以我创建了另一个小UI,并将其包含在我的主UI中。我的主选项卡UI隐藏了我的包含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>
答案 0 :(得分: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>
答案 1 :(得分:0)
@Kushal Patil
我在你的设计中发现了一些问题,我会告诉你一些变化......
请试试吧
首先在您的 Top XML
<include layout="@layout/bottom_nowplaying_card" ></include>
这行代码添加在 FrameLayout 关闭ok
下面
和
frame layout's height should be wrap_content .
现在在 second XML
从xml顶部更新到我的以下代码
<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
它。