如何编写具有深度导航功能的Android多窗格应用程序

Question

TL；DR：与Spotify iPad应用程序类似的具有深度导航功能的多窗格应用程序应该如何在Android上看起来和工作，以及如何实现这一点？

在模型中，用户看到一个初始概览，然后从第一个列表中选择“项目#2”。一个新的活动开始了，向他展示了项目2的详细信息。在这里，他选择查看与项目#2相关的事物的列表。第三张图片中的新openend活动显示了这个列表，点击其中一个就会打开这个东西的详细信息。他可以根据自己的喜好深入到内容中去。

这与通常的Android活动配合得相当好。我正在努力将这款应用程序应用到平板电脑上，并在考虑如何最好地实现这一点。该计划是创建一个具有相同概念的多窗格布局。这与iPad Spotify应用程序的工作方式非常相似（看看他们在创建平板电脑特定布局后如何将其带到Android将会很有趣）。

在tablet布局中，每次单击项目或列表名称都会打开相应的子项目，作为一个新窗格，该窗格从右侧动画显示。与上面示例中相同的工作流如下所示：

我不确定如何最好地实现这个导航模式。像GMail这样的导航深度有限的多窗格应用程序可以用包含所有片段的静态视图组构建（LinearLayout也可以），深入到导航中会替换右侧下一个容器的内容并对其进行动画化（参见SO上的CommonWares实现）。

这表明自定义视图组将是一种可行的方法。如果它必须显示一个子页面（即“事物列表”），那么它将在ViewGroup中创建一个新的子页面，该子页面的宽度是该片段屏幕的一半，然后滚动可见区域，以使刚与之交互的窗格和新的子页面可见。要将它正确地链接到FragmentTransaction,以使后面的堆栈正常工作,我想应该是这样的：

View newPane = container.addChild();
FragmentTransaction ft = getSupportFragmentManager().beginTransaction();
ft.add(newPane, new ListOfThingsFragment(2));
ft.remove(paneOnRight, fragmentOnRight);
ft.commit();
container.animateToRight();

我看不到在FragmentTransaction中做动画的方法。

欢迎反馈。我的雇主通常对我们开发的开源框架很满意，所以如果这是一个更广泛的兴趣所在，如果我能想出一个可重用的解决方案，我很乐意与大家分享。

Answer 1

我们的应用程序也遇到了同样的问题。我们给自己的约束：

• 窗格的动态数量
• 每个窗格的大小可以不同
• 在方向更改时，窗格内的片段必须正确保留。

根据这些限制，我们构建了一个新的布局，我们称之为PanesLayout。您可以在这里查看：