DrawerLayout和Multi Pane Layout

时间:2013-10-18 08:46:26

标签: android android-layout android-fragments master-detail navigation-drawer

我的应用程序使用Multi Pane layout来显示分配列表。每个Assignment可以放在一个AssignmentCategory中。我想使用DrawerLayout来显示所有AssignmentCategories,以便用户可以在不同类别之间轻松切换。

我没有设法创建这样的布局。在官方DrawerLayout tutorial中,当用户点击某个项目时,DrawerLayoutActivity会替换Fragment(在我的情况下为AssignmentCategory)。我面临的问题是多窗格布局需要FragmentActivity。我不知道如何创建包含多窗格布局的Fragment。有人设法做到了吗?

1 个答案:

答案 0 :(得分:7)

结合这两个项目应该不会太困难。在示例代码中,DrawerLayout示例确实替换了内容片段,但您不必执行相同的操作,您只需更新相同的片段即可显示正确的数据。您可以通过这种方式实现这两个项目:

  • 从多窗格演示项目开始。
  • 更新多窗格演示的两个活动以扩展ActionBarActivity(v7),您无需扩展FragmentActivity
  • 在开始列表活动中实现DrawerLayout(抽屉项目中的示例代码)代码(我假设您不希望在详细信息活动中使用DrawerLayout,但是应该实现它如果你想要它就不成问题。
  • 开始列表活动的布局将是这样的(不要忘记您还需要在DrawerLayout中实施activity_item_twopane.xml更改!):

    <DrawerLayout>
         <fragment android:id="@+id/item_list" .../>
         <ListView /> <!-- the list in the DrawerLayout-->
    </DrawerLayout>
    
  • 更改实现DrawerItemClickListener,因此当用户单击抽屉列表项时,您不创建并添加新的列表片段,而是从布局更新单个列表片段:

    AssignmentListFragment alf = (AssignmentListFragment) getSupportFragmentManager()
            .findFragmentById(R.id.item_list);
    if (alf != null && alf.isInLayout()
            && alf.getCurrentDisplayedCategory() != position) {
        alf.updateDataForCategory(position); // the update method
        setTitle(DummyContent.CATEGORIES[alf.getCurrentDisplayedCategory()]);
    }
    
  • 更新方法如下:

    /**
    * This method update the fragment's adapter to show the data for the new
    * category
    * 
        * @param category
        *            the index in the DummyContent.CATEGORIES array pointing to the
    *            new category
    */
    public void updateDataForCategory(int category) {
        mCurCategory = category;
        String categoryName = DummyContent.CATEGORIES[category];
        List<DummyContent.Assigment> data = new ArrayList<Assigment>(
            DummyContent.ITEM_MAP.get(categoryName));
        mAdapter.clear(); // clear the old dsata and add the new one!
        for (Assigment item : data) {
                mAdapter.add(item);
        }
    }
    
    public int getCurrentDisplayedCategory() {
            return mCurCategory;
    }
    

    - 各种其他小变化

我已经制作了一个示例项目来说明您可以find here进行的上述更改。