两个窗格布局 + 抽屉布局:替换主要内容

Question

我有一个包含三个部分的抽屉布局：其中一个是像android工作室模板一样实现的两个窗格布局，所以两个片段，一个紧挨着另一个，包含在LinearLayout中。这是布局：

<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">
<FrameLayout
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:baselineAligned="false"
    android:orientation="vertical">
    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:baselineAligned="false"
        android:id="@+id/twoPaneLayut"
        android:divider="?android:attr/dividerHorizontal"
        android:showDividers="middle">
        <FrameLayout
            android:id="@+id/alarm_list_container"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1" />
        <FrameLayout
            android:id="@+id/alarm_detail_container"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="2" />
    </LinearLayout>
</FrameLayout>
<ListView
    android:id="@+id/left_drawer"
    android:layout_width="@dimen/drawer_width"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    android:choiceMode="singleChoice"
    android:divider="@android:color/transparent"
    android:dividerHeight="0dp"
    android:background="#111" />

现在，其他部分由单个片段组成，因此我试图用FragmentTransaction替换外部FrameLayout的主要内容。

问题是内部的LinearLayout显然没有被删除。

那么最好的策略是什么呢？以编程方式删除线性布局？将其可见性设置为消失？

Answer 1

FrameLayout不适用于weightSum它的设计旨在填充您的布局。请尝试改用LinearLayout或RelativeLayout。

其次，在交换所有内容时，您有几个选择。

选项 1使用一个FrameLayout ，对于您的 2 个面板布局，创建一个包含 2 个片段的Fragment。是的，您可以在 Fragment 秒内拥有 Fragment 秒。

在这种情况下，您的Activity布局看起来更像是 Google 推荐的实现，并且您的片段布局将包含 2 面板布局。

选项 2您可以将其中一个LinearLayout换成您的片段并隐藏另一个LinearLayout。没有理由只能将FrameLayout换成片段，您也应该能够将LinearLayout换成Fragment。

选项 3DrawerLayout实现只是一个建议。您可以将抽屉的布局移动到片段中，并为不同的布局使用不同的Activity。需要明确的是，您将拥有一个片段，而不是抽屉的ListView。在此方案中，将用于添加切换控件的所有代码放在帮助程序类中，以便可以轻松重用它，抽屉视图将位于片段中，因此更容易包含在多个活动中。

我提供了一个如何执行此操作的示例，因为您需要将导航抽屉片段包装在框架布局中，并为框架布局提供 layout_gravity 属性，否则片段将填满整个屏幕而不是关闭。

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<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" >
<!-- The main content view -->
<FrameLayout
    android:id="@+id/content_frame"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />
<!-- The navigation drawer -->
<FrameLayout
    android:id="@+id/nav_drawer_container"
    android:layout_gravity="start"
    android:layout_width="240dp"
    android:layout_height="match_parent" >
    <fragment
        android:id="@+id/nav_drawer"
        android:layout_width="240dp"
        android:layout_height="match_parent"
        class="com.alimuzaffar.myapp.fragment.NavigationMenuFragment" />
</FrameLayout>
</android.support.v4.widget.DrawerLayout>

切换帮助程序的代码可以类似于下面的setupNavigationDrawer()方法。只需从您希望拥有导航抽屉的任何活动的onCreate()调用此代码即可。

public static void setupNavigationDrawer() {
    mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
    if (mDrawerLayout != null) {
        // ActionBarDrawerToggle ties together the the proper interactions
        // between the sliding drawer and the action bar app icon
        mDrawerToggle = new ActionBarDrawerToggle(this, /* host Activity */
        mDrawerLayout, /* DrawerLayout object */
        R.drawable.ic_drawer, /* nav drawer image to replace 'Up' caret */
        R.string.drawer_open, /* "open drawer" description for accessibility */
        R.string.drawer_close /* "close drawer" description for accessibility */
        ) {
            @Override
            public void onDrawerClosed(View view) {
                getSupportActionBar().setTitle(mTitle);
                supportInvalidateOptionsMenu(); // creates call
                                                                // to
                                                                // onPrepareOptionsMenu()
            }
            @Override
            public void onDrawerOpened(View drawerView) {
                getSupportActionBar().setTitle("");
                supportInvalidateOptionsMenu(); // creates call
                                                                // to
                                                                // onPrepareOptionsMenu()
            }
        };
        // set a custom shadow that overlays the main content when the drawer opens
        mDrawerLayout.setDrawerShadow(R.drawable.drawer_shadow, GravityCompat.START);
        mDrawerLayout.setDrawerListener(mDrawerToggle);
    }
}