自定义 ViewRenderer<> 在原生控件后面显示 Forms 元素

Question

在我的 Xamarin Forms 应用程序中，我有一个派生自 ContentView 的自定义视图。在 iOS 和 macOS 上，我想用本机控件 ([UI|NS]SegmentedControl) 替换此视图。所以我创建了一个从 ViewRenderer 派生的渲染器并实现了它。

它工作正常，但有一个缺陷。原始的 Forms 控件（在渲染器中称为 Element）显示在 UISegmentedControl 后面。我的期望是使用 ViewRenderer 时只会呈现原生控件。

对 Forms 元素的外观所做的任何更改都会反映在本机控件上，因此简单地隐藏它或使其透明是行不通的。

这是我的 iOS 渲染器。

public class CustomContentViewRenderer : ViewRenderer<CustomContentView, UISegmentedControl>
{
    protected override void OnElementChanged(ElementChangedEventArgs<CustomContentView> e) {
        base.OnElementChanged(e);

        if (e.NewElement != null ) {
            if ( Control == null )
                SetNativeControl(new UISegmentedControl(new string[] { "One", "Two", "Three" }));
        }
    }
}

这里的CustomContentView 是简单地从ContentView 派生的，以BoxView 作为内容。这是它在 iOS 上的样子：

我对渲染器的理解是自定义渲染器完全覆盖表单元素。我在这里错过了什么大事吗？可以使用 ViewRenderer 将 Xamarin ContentView 完全替换为原生控件吗？

编辑：在上面的示例中，我使用 BoxView 作为用于 UWP 的实际跨平台选择器的占位符。真正的控件是包含切换按钮的 StackLayout。这是 macOS 上显示问题的屏幕截图。

最后，设置 Element.Content.IsVisible = false 起作用了。

Answer 1

是的，您可以完全替换 ContentView 的原生控件。而你已经这样做了。

您所看到的是 ContentView 的（本机控件）子视图（您已作为 BoxView 提供）也显示。

如果您不想要任何额外的子内容，请不要添加 Content 和/或子类化与 ContentView 不同的类。可能的修复：

• 只需删除Content = new BoxView ... 行。我相信这将导致“没有孩子可以展示”。如果我错了，那么谷歌如何“没有内容”。
• 您也许可以直接继承View。如果没有，那么您可以将通常在没有 Content 的情况下使用的简单事物子类化 - 也许是 BoxView。
• 后备解决方案：不要在BoxView 上设置BackgroundColor。结果是一个看不见的盒子。 （我意识到这并不是您真正想要的：您希望避免不必要地创建视图。）[不可见的框有时可用作在布局中添加不可见空间的一种有用的方法-一种边距的替代方法。]

---

根据您的评论，听起来您想在一个平台上“抑制”给定的Content，因为它的角色被自定义控件所包含。为此，请在子级上设置IsVisible 属性，并在该平台上将其设置为false。这将禁止为子级及其后代生成平台控件。

注意：不要尝试从自定义渲染器中操作Element 属性（例如IsVisible）。这是在布局/绘制序列中的错误时刻执行的。相反，从视图的代码后面或通过绑定执行。在代码中测试平台的一种方法是 Xamarin.Essentials.DeviceInfo.Platform。

Answer 2

根据 Xamarin 自定义渲染器的文档，只需覆盖 Xamarin.Forms 外观和行为。 在这里，您将自定义内容视图背景设置为橙色，然后在您的自定义渲染器中您没有覆盖它，并且我知道 iOS 中的默认背景是透明的，因此仍为橙色是有意义的。 希望对你有用?