Xamarin.Forms自定义Label渲染器如何增大Bounds尺寸不受字体高度限制

根因说明 #

你当前使用的承载字体图标的控件为UILabel，其默认会根据文本内容、字体大小自动计算固有尺寸，优先级高于你手动设置的Frame。同时你在LayoutSubviews中调用基类方法前就修改属性，此时系统尚未完成初始布局计算，Bounds为零值，配置无法生效。

具体修改步骤 #

1. 调整LayoutSubviews执行顺序
   先调用基类的LayoutSubviews完成初始布局，再修改图层属性，此时可以拿到正确的Bounds数值：

public override void LayoutSubviews()
{
    base.LayoutSubviews();
    Control.Layer.CornerRadius = 10;
    Control.Layer.MasksToBounds = true;
    Control.Layer.BackgroundColor = HelperUtilities.GetColor(element.Item.BackgroundColor, Color.White).ToCGColor();
}

注意：不需要手动设置Layer的Frame，基类已经根据跨平台侧设置的WidthRequest、HeightRequest完成了尺寸计算，且原代码中MasksToBounds = false和ClipsToBounds = true功能重复冲突，保留MasksToBounds = true即可实现圆角裁剪。

2. 禁用UILabel的内容自适应尺寸逻辑
   有两种方案可选：

• 方案一：给控件添加固定尺寸约束，优先级高于内容自适应约束
  在渲染器的OnElementChanged方法中添加如下代码：

protected override void OnElementChanged(ElementChangedEventArgs<YourCustomControl> e)
{
    base.OnElementChanged(e);
    if (Control != null && e.NewElement != null)
    {
        // 添加固定宽高约束，优先级高于内容自适应
        Control.HeightAnchor.ConstraintEqualTo(e.NewElement.HeightRequest).Active = true;
        Control.WidthAnchor.ConstraintEqualTo(e.NewElement.WidthRequest).Active = true;
    }
}

• 方案二：重写UILabel的固有尺寸属性
  如果你自定义了UILabel子类承载字体图标，重写IntrinsicContentSize返回固定尺寸即可：

public override CGSize IntrinsicContentSize => new CGSize(Element.WidthRequest, Element.HeightRequest);

3. 跨平台侧配置校验
   确认你的跨平台控件除设置WidthRequest、HeightRequest外，HorizontalOptions、VerticalOptions不要设置为Fill类的拉伸属性，避免父布局修改控件尺寸；同时将Label的NumberOfLines设为1，LineBreakMode设为NoWrap，避免文本内容影响尺寸计算。

效果参考 #

实际显示效果 #

预期显示效果 #

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