Xamarin 表单 Google 导航抽屉答案

【问题标题】：Xamarin Forms Google Navigation DrawerXamarin 表单 Google 导航抽屉
【发布时间】：2016-09-07 19:49:57
【问题描述】：

我按照这段代码设计了一个基本的主细节导航抽屉

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

我在哪里可以找到可以让我重新创建与 Google 非常相似的侧边栏的示例或示例？我正在寻找一个也将设置菜单项固定在导航抽屉底部的选项。理想情况下，我希望能够点击个人资料图片并导航到个人资料页面。

我很想找到一个可以与 Visual Studio 一起使用的版本，这就是我正在寻找的：https://github.com/mikepenz/MaterialDrawer

【问题讨论】：

标签： visual-studio cross-platform xamarin.forms

【解决方案1】：

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

【讨论】：

正如我所说，我已经使用此代码设计了主详细信息页面，我希望能够对其进行自定义，使其看起来像 Google 侧边栏。设置菜单固定在底部和可点击的个人资料图片
你能添加一张你想要复制的屏幕的图片吗？您应该能够使用网格布局页面，甚至只是一个 ListView，其中标题是您的个人资料图片，带有 TapGestureRecognizer。
它在原始帖子中，但我对其进行了编辑以显示截图@Rui Marinho
是的，您可以在 XF 中完成所有这些操作，该网格在 2 行中有一个 Tableview，TableView 的每个项目都应该是一个 ImageCell，因此您可以拥有图标 + 名称。关于顶部标题，您可以拥有具有图像全宽的行和列，背景为列跨度，以及覆盖其他图像和标签的同一行。应该很容易实现。
太好了，我刚开始使用 Xamarin，所以它很新，但感谢您的意见！对于固定在导航菜单底部的设置菜单项，我是否正确地说，我需要使用单独的表格视图并相应地设置它的样式？（请记住，我在原始问题中使用了主详细信息视图模板，而我的菜单当前处于列表视图中。）

【解决方案2】：

如果你使用https://github.com/nativecode-dev/oss-xamarin/，你可以得到非常接近的东西。虽然它还没有更新到新的 XF2，但它确实有一个 NavigationLayout 渲染器和I fixed the header not showing issue。示例项目有 2 种方法来设置您的主详细信息页面。当然，您必须单独设置实际的页面导航。

【讨论】：

谢谢我看看！