Xamarin Forms 谷歌导航抽屉

Question

我按照这个代码设计基础的主从导航抽屉：

https://developer.xamarin.com/guides/xamarin-forms/user-interface/navigation/master-detail-page/

我想知道在哪里可以找到类似于Google侧边栏的示例或样本？我正在寻找一个固定设置菜单项到导航抽屉底部的样式。理想情况下，我希望能够点击个人资料图片并导航到个人资料页面。

我希望找到一个可用于Visual Studio的版本，这是我正在寻找的：https://github.com/mikepenz/MaterialDrawer

- zen_1991

Answer 1

在Xamarin.Forms中，您只需要重新创建页面并将其设置为MasterDetailPage的主页面即可。

您可以在此处阅读更多信息：

https://developer.xamarin.com/guides/xamarin-forms/user-interface/navigation/master-detail-page/

- Rui Marinho

---

就像我说的那样，我已经使用这个代码来设计一个主从页面，我想能够自定义它的外观，使其看起来像 Google 侧边栏。设置菜单固定在底部，还有一个可点击的个人资料图片。 - zen_1991

你能添加要复制的屏幕截图吗？您应该能够使用网格或甚至只是一个ListView布局页面，其中标题是您的个人资料图片，并带有TapGestureRecognizer。 - Rui Marinho

这是原帖，但我编辑了一张截图 @Rui Marinho - zen_1991

是的，你可以在XF中使用带有2行TableView的网格，并且每个TableView项都应该是一个ImageCell，这样你就可以拥有图标+名称。关于顶部标题，你可以使用一行和一列具有全宽度的图像以及用于背景的columnspan，并且在相同的行上叠加其他图像和标签。这应该很容易实现。 - Rui Marinho

太好了，我刚开始使用Xamarin，所以它还很新，但感谢您的建议！如果我想要将设置菜单项固定在导航菜单底部，我需要使用单独的表视图并相应地进行样式设置，这样说是否正确？（请记住，我在原始问题中使用了主细节视图模板，我的菜单目前在列表视图中。） - zen_1991

是的，又一个TableView。 - Rui Marinho

Answer 2

如果您使用https://github.com/nativecode-dev/oss-xamarin/，就可以得到非常接近的效果。虽然它还没有更新到新的XF2版本，但它确实有一个NavigationLayout渲染器，并且我已经修复了标题不显示的问题。示例项目有两种设置主细节页面的方法。当然，您必须单独设置实际页面导航。

- joe

---

谢谢，我会看一下！ - zen_1991