如何在Xamarin.Forms类库中创建平台特定自定义渲染器？

刚好之前做过类似的类库场景需求，我来给你梳理下具体的实现方案：

因为类库没有独立的平台特定项目，我们可以借助条件编译指令把各平台的自定义渲染器代码嵌入到类库中，同时通过自定义Picker控件来统一逻辑，不用依赖外部平台项目。

步骤1：在类库中定义自定义Picker控件 #

首先创建一个继承自原生Picker的自定义控件，方便我们针对它注册平台渲染器：

namespace YourLibraryNamespace
{
    public class ClickablePicker : Picker
    {
        // 无需额外属性，仅作为标记控件供渲染器识别
    }
}

步骤2：实现UWP平台的自定义渲染器 #

UWP端的原生控件是ComboBox，我们需要监听它的Tapped事件，直接设置DropDownOpen = true来展开下拉列表。用#if WINDOWS_UWP包裹UWP专属代码：

#if WINDOWS_UWP
using Xamarin.Forms.Platform.UWP;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Input;

[assembly: ExportRenderer(typeof(ClickablePicker), typeof(ClickablePickerRenderer))]
namespace YourLibraryNamespace.UWP
{
    public class ClickablePickerRenderer : PickerRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Picker> e)
        {
            base.OnElementChanged(e);

            if (Control != null)
            {
                // 绑定Tapped事件，点击任意位置触发展开
                Control.Tapped += OnPickerTapped;
            }
        }

        private void OnPickerTapped(object sender, TappedRoutedEventArgs e)
        {
            if (sender is ComboBox comboBox)
            {
                comboBox.DropDownOpen = true;
            }
        }

        protected override void Dispose(bool disposing)
        {
            // 记得移除事件监听，避免内存泄漏
            if (Control != null)
            {
                Control.Tapped -= OnPickerTapped;
            }
            base.Dispose(disposing);
        }
    }
}
#endif

步骤3：补充Android/iOS端的适配（可选但完整） #

虽然你提到Android和iOS用Focus()就能实现，但为了统一自定义控件的逻辑，也可以用同样的条件编译方式实现渲染器：

Android端代码 #

#if ANDROID
using Xamarin.Forms.Platform.Android;
using Android.Views;

[assembly: ExportRenderer(typeof(ClickablePicker), typeof(ClickablePickerAndroidRenderer))]
namespace YourLibraryNamespace.Droid
{
    public class ClickablePickerAndroidRenderer : PickerRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Picker> e)
        {
            base.OnElementChanged(e);

            if (Control != null)
            {
                Control.Click += (s, args) =>
                {
                    Element.Focus();
                };
            }
        }
    }
}
#endif

iOS端代码 #

#if IOS
using Xamarin.Forms.Platform.iOS;
using UIKit;

[assembly: ExportRenderer(typeof(ClickablePicker), typeof(ClickablePickerIOSRenderer))]
namespace YourLibraryNamespace.iOS
{
    public class ClickablePickerIOSRenderer : PickerRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Picker> e)
        {
            base.OnElementChanged(e);

            if (Control != null)
            {
                // 添加点击手势识别器
                Control.AddGestureRecognizer(new UITapGestureRecognizer(() =>
                {
                    Element.Focus();
                }));
            }
        }
    }
}
#endif

关键注意事项 #

• NuGet依赖：确保类库安装了对应平台的Xamarin.Forms平台包，比如Xamarin.Forms.Platform.UWP、Xamarin.Forms.Platform.Android、Xamarin.Forms.Platform.iOS。
• 条件编译指令：不同平台的指令要准确，UWP用WINDOWS_UWP，Android用ANDROID，iOS用IOS。
• 渲染器注册：必须通过[assembly: ExportRenderer]属性把自定义控件和渲染器绑定，否则Xamarin.Forms无法识别。
• 内存泄漏防范：在渲染器的Dispose方法中移除事件监听或手势识别器。

使用方式 #

在你的Xamarin.Forms项目中，直接用自定义的ClickablePicker代替原生Picker即可：

<local:ClickablePicker Title="选择项" ItemsSource="{Binding Items}" />

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