如何根据平台目标在自定义控件中使用不同的基类？

Question

我有一个用于 iOS 的自定义编辑器，但对于 UWP，我使用另一个名为 SfRichTextEditor 的编辑器。

现在我想知道如何像可共享类一样创建，因为它们具有相同的可绑定属性，而不是像我目前所做的那样，即在它们之上创建 ContentView，这导致：

1. 出于性能目的的不必要的嵌套

2. 重复代码

3. 某些绑定似乎有问题（未验证，但有些奇怪）。

   <ContentView>
       <OnPlatform x:TypeArguments="View">
           <OnPlatform.Platforms>
               <On Platform="iOS">
   
                   <controls:CustomIOSEditor/>
               </On>
               <On Platform="UWP">
                   <controls:CustomUWPEditor/>
               </On>
           </OnPlatform.Platforms>
       </OnPlatform>
   </ContentView>
   

因此，如果可能，我希望有一个可共享的基类来重用代码，而不是这种方法。

这些是我今天拥有的 x2 控件。

我的 iOS 自定义控件：

public class CustomIOSEditor : Editor // Using regular xamarin editor
{
    public static readonly BindableProperty StringResultCommandProperty =
        BindableProperty.Create(
            nameof(StringResultCommand),
            typeof(ICommand),
            typeof(CustomIOSEditor),
            default(ICommand));

    public object StringResultCommandParameter
    {
        get => GetValue(StringResultCommandParameterProperty);
        set => SetValue(StringResultCommandParameterProperty, value);
    }
}

我的 UWP 自定义控件：

public class CustomUWPEditor : SfRichTextEditor // Using SfRichTextEditor instead here.
{
    public static readonly BindableProperty StringResultCommandProperty =
        BindableProperty.Create(
            nameof(StringResultCommand),
            typeof(ICommand),
            typeof(CustomUWPEditor),
            default(ICommand));

    public object StringResultCommandParameter
    {
        get => GetValue(StringResultCommandParameterProperty);
        set => SetValue(StringResultCommandParameterProperty, value);
    }
}

最新线索** 更新** 共享 .csproj：

Mac 操作系统：

设置：

错误：

Answer 1

因为除了继承之外，所有代码都是常见的，它更好地使用编译时检查（在这种情况下，不用担心代码乱乱）。

xamarin.forms项目不支持多目标框架，at the opposite it next evolution which is called MAUI will。

同时您可以使用MSBuild SDK Extras SDK而不是默认Microsoft.NET.Sdk AN（但请记住它不是正式支持的），但最终结果是整洁的（编译时检查）。

• 在YourSharedProject.csproj change <Project Sdk="Microsoft.NET.Sdk">到<Project Sdk="MSBuild.Sdk.Extras/2.1.2">。
• 设置项目目标的平台及其版本：

如果您定位NetStandard2.1和iOS 10，则通过首先以@ 987654330开始更改<TargetFramework>netstandard2.1</TargetFramework>至987654329 @。

• Taget UWP：<TargetFrameworks Condition=" '$(OS)' == 'Windows_NT' ">$(TargetFrameworks);uap10.0.17763;netcoreapp3.1;net472</TargetFrameworks>（如果您拥有.NET Framework 4.7.1而不是4.7.2，请替换@ 9876543333 net471（同样的.NET.Core和UWP版本）。 Li >

最后，您的.csproj文件开始将如下所示：

<Project Sdk="MSBuild.Sdk.Extras/2.1.2">
    <PropertyGroup>
        <TargetFrameworks>netstandard2.1;iOS10</TargetFrameworks>
        <TargetFrameworks Condition=" '$(OS)' == 'Windows_NT' ">
$(TargetFrameworks);uap10.0.17763;netcoreapp3.1;net472</TargetFrameworks>

所有这些都将使您在条件编译时间检查中使用symbolic constants：

public class CustomIOSEditor : 
#if __iOS__
           Editor     //will inherit from this if we are building against iOS
#endif
#if WINDOWS_UWP      //will inherit from this if we are building against uwp
           SfRichTextEditor
#endif
{
    public static readonly BindableProperty StringResultCommandProperty =
        BindableProperty.Create(
            nameof(StringResultCommand),
            typeof(ICommand),
            typeof(CustomIOSEditor),
            default(ICommand));

    public object StringResultCommandParameter
    {
        get => GetValue(StringResultCommandParameterProperty);
        set => SetValue(StringResultCommandParameterProperty, value);
    }
}

---

用于定位其他平台 - 版本：

• Mac版本20：Xamarin.Mac20
• Android版本10.0：MonoAndroid10.0
• Tizen版本40：tizen40

Answer 2

你要找的是SetNativeControl()。

例如检查这个例子，

https://docs.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/custom-renderer/view#creating-the-custom-renderer-on-uwp

在此处粘贴上面链接中的相同示例

注意 - 下面示例中的 CameraPreview 是 Xamarin.Form 元素，CaptureElement 是 UWP 控件

[assembly: ExportRenderer(typeof(CameraPreview), typeof(CameraPreviewRenderer))]
namespace CustomRenderer.UWP
{
    public class CameraPreviewRenderer : ViewRenderer<CameraPreview, Windows.UI.Xaml.Controls.CaptureElement>
    {
        ...
        CaptureElement _captureElement;
        bool _isPreviewing;

        protected override void OnElementChanged(ElementChangedEventArgs<CameraPreview> e)
        {
            base.OnElementChanged(e);

            if (e.OldElement != null)
            {
                // Unsubscribe
                Tapped -= OnCameraPreviewTapped;
                ...
            }
            if (e.NewElement != null)
            {
                if (Control == null)
                {
                  ...
                  _captureElement = new CaptureElement();
                  SetupCamera();
                  SetNativeControl(_captureElement);
                }
            }
        }

        ...
    }
}