如何在Xamarin.Forms XAML中创建始终展开的侧边菜单及调整MasterDetailPage

嘿，刚好对这个需求很熟！要让MasterDetailPage的侧边栏始终保持展开状态，我们可以从属性设置和平台特定调整两方面入手，一步步来：

1. 先设置基础属性MasterBehavior #

MasterDetailPage自带的MasterBehavior属性，默认在大屏设备（比如平板）上会自动展开侧边栏，但手机端还是折叠状态。先把它设为Split，这是基础配置：

<MasterDetailPage xmlns="http://xamarin.com/schemas/2014/forms"
                  xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                  x:Class="YourAppName.MainPage"
                  MasterBehavior="Split">
    <!-- 侧边栏内容 -->
    <MasterDetailPage.Master>
        <ContentPage Title="侧边菜单" WidthRequest="280">
            <!-- 这里放你的菜单选项，比如ListView或CollectionView -->
        </ContentPage>
    </MasterDetailPage.Master>

    <!-- 主内容区域 -->
    <MasterDetailPage.Detail>
        <ContentPage>
            <!-- 你的主页面内容 -->
        </ContentPage>
    </MasterDetailPage.Detail>
</MasterDetailPage>

2. 强制所有设备保持展开（关键步骤） #

如果想让手机、平板所有设备都固定展开侧边栏，只靠MasterBehavior不够，得用自定义渲染器针对不同平台做强制设置：

Android平台处理 #

在Android项目里创建一个自定义渲染器，锁定侧边栏不让它折叠：

[assembly: ExportRenderer(typeof(MasterDetailPage), typeof(CustomMasterDetailRenderer))]
namespace YourAppName.Droid.Renderers
{
    public class CustomMasterDetailRenderer : MasterDetailPageRenderer
    {
        public CustomMasterDetailRenderer(Context context) : base(context) { }

        protected override void OnLayout(bool changed, int l, int t, int r, int b)
        {
            base.OnLayout(changed, l, t, r, b);
            // 锁定抽屉为展开状态，禁止收起
            var drawerLayout = (DrawerLayout)ViewGroup;
            drawerLayout.SetDrawerLockMode(DrawerLayout.LockModeLockedOpen);
        }
    }
}

iOS平台处理 #

在iOS项目里同样创建自定义渲染器，强制拆分视图始终显示侧边栏：

[assembly: ExportRenderer(typeof(MasterDetailPage), typeof(CustomMasterDetailRenderer))]
namespace YourAppName.iOS.Renderers
{
    public class CustomMasterDetailRenderer : MasterDetailPageRenderer
    {
        public override void ViewDidLayoutSubviews()
        {
            base.ViewDidLayoutSubviews();
            // 设置侧边栏宽度，强制拆分视图始终显示两边
            MasterViewController.View.Frame = new CGRect(0, 0, 280, View.Frame.Height);
            var splitVC = (UISplitViewController)ViewController;
            splitVC.PreferredDisplayMode = UISplitViewControllerDisplayMode.AllVisible;
        }
    }
}

3. 禁用切换手势（可选但推荐） #

因为侧边栏要一直展开，最好把默认的滑动切换手势关掉，避免用户误操作：

public MainPage()
{
    InitializeComponent();
    // 禁用滑动打开/收起侧边栏的手势
    IsGestureEnabled = false;
}

小提示 #

• 侧边栏的宽度可以通过Master页的WidthRequest属性自定义，或者在渲染器里调整尺寸；
• 测试时记得覆盖不同设备尺寸，确保所有场景下侧边栏都保持展开状态。

内容的提问来源于stack exchange，提问作者Parmendra