如何修改Xamarin Switch的尺寸？设置HeightRequest多平台无效

直接设置HeightRequest无效是因为Xamarin.Forms的Switch对应各平台的原生控件，这些原生控件有默认的尺寸约束，会忽略你设置的HeightRequest。下面分平台给你可行的调整方案：

一、用自定义渲染器修改（最直接的方式） #

Android平台 #

创建自定义渲染器，直接修改原生Switch的布局参数或缩放比例：

[assembly: ExportRenderer(typeof(Switch), typeof(CustomSwitchRenderer))]
namespace YourApp.Droid.Renderers
{
    public class CustomSwitchRenderer : SwitchRenderer
    {
        public CustomSwitchRenderer(Context context) : base(context) { }

        protected override void OnElementChanged(ElementChangedEventArgs<Switch> e)
        {
            base.OnElementChanged(e);
            if (Control != null)
            {
                // 方式1：直接设置固定宽高（示例40x20，按需调整）
                Control.LayoutParameters = new LayoutParams(40, 20);
                // 方式2：按比例缩放（0.8表示缩小到原来的80%）
                // Control.ScaleX = 0.8f;
                // Control.ScaleY = 0.8f;
            }
        }
    }
}

iOS平台 #

iOS的UISwitch可以通过缩放Transform来调整大小：

[assembly: ExportRenderer(typeof(Switch), typeof(CustomSwitchRenderer))]
namespace YourApp.iOS.Renderers
{
    public class CustomSwitchRenderer : SwitchRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Switch> e)
        {
            base.OnElementChanged(e);
            if (Control != null)
            {
                // 缩放比例按需调整，0.7就是缩小到70%
                Control.Transform = CGAffineTransform.MakeScale(0.7f, 0.7f);
            }
        }
    }
}

UWP平台 #

UWP的ToggleSwitch可以通过缩放或者直接设置宽高来调整：

[assembly: ExportRenderer(typeof(Switch), typeof(CustomSwitchRenderer))]
namespace YourApp.UWP.Renderers
{
    public class CustomSwitchRenderer : SwitchRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Switch> e)
        {
            base.OnElementChanged(e);
            if (Control != null)
            {
                // 方式1：设置缩放
                Control.RenderTransform = new ScaleTransform { ScaleX = 0.8, ScaleY = 0.8 };
                // 方式2：直接设置宽高
                // Control.Width = 45;
                // Control.Height = 22;
            }
        }
    }
}

二、自定义带缩放属性的Switch控件（更灵活） #

如果想在XAML里直接控制缩放比例，可以自定义一个Switch控件：

1. 先创建自定义控件类：

public class ScalableSwitch : Switch
{
    public static readonly BindableProperty ScaleProperty =
        BindableProperty.Create(nameof(Scale), typeof(float), typeof(ScalableSwitch), 1.0f);

    public float Scale
    {
        get => (float)GetValue(ScaleProperty);
        set => SetValue(ScaleProperty, value);
    }
}

2. 然后在各平台渲染器里读取这个Scale属性来调整，比如Android：

protected override void OnElementChanged(ElementChangedEventArgs<Switch> e)
{
    base.OnElementChanged(e);
    if (Control != null && Element is ScalableSwitch scalableSwitch)
    {
        Control.ScaleX = scalableSwitch.Scale;
        Control.ScaleY = scalableSwitch.Scale;
    }
}

3. 最后在XAML里直接用：

<local:ScalableSwitch Scale="0.75" IsToggled="False" />

注意事项 #

• 缩放比例别调得太小，不然用户点击起来会很费劲；
• 不同平台的原生Switch样式不一样，调整尺寸后可能需要微调样式保证观感一致。

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