我目前正在开发一个Android项目,我正在尝试使用片段。我得到它主要工作,但是,我无法正确的布局。
在布局中,左侧的导航抽屉应该有一张幻灯片,右侧的导航抽屉中应该有一张幻灯片。
在活动的顶部,应该有一个片段,在另一个片段下面。顶部片段小于下面的片段。
即使我已经设置了片段的高度,它也占据了整个屏幕,两个片段在下面重叠。下面的图片应该有希望突出我想要实现的目标。
下面是FragmentActivity的XML
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<android.support.v4.widget.DrawerLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<fragment android:name="com.BoardiesITSolutions.MysqlManager.QueryEditor"
android:id="@+id/fragment_query_editor"
android:layout_width="match_parent"
android:layout_height="10dp"/>
<fragment android:name="com.BoardiesITSolutions.MysqlManager.MainContentFragment"
android:layout_width="fill_parent"
android:layout_height="100dp" />
<ListView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/left_drawer"
android:layout_width="280dp"
android:layout_height="match_parent"
android:layout_gravity="start"
android:paddingLeft="@dimen/list_padding"
android:paddingRight="@dimen/list_padding"
android:choiceMode="singleChoice"
android:divider="#4e4e4e"
android:dividerHeight="1dp"
android:background="#111" />
</android.support.v4.widget.DrawerLayout>
</RelativeLayout>
我刚刚从右边的导航菜单中取出幻灯片,正好让我的基本布局正确
以下是查询编辑器片段的XML
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="100dp"
android:orientation="vertical"
android:background="#c1c1c1c1" >
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="QUERY EDITOR"/>
</LinearLayout>
感谢您提供的任何帮助
答案 0 :(得分:0)
您的抽屉布局应该是最外层的父级。然后,您应该具有可用于包含内部UI片段的matchparent高度和宽度的布局。第二和第三个布局应该是您的抽屉滑动,并设置相关的左右layout_gravity。
总之,外部抽屉包含3个内部布局。
抱歉,我在平板电脑上,因此无法为您显示此内容,但在此处对此进行了解释。
http://developer.android.com/reference/android/support/v4/widget/DrawerLayout.html