Xamarin.Forms 手势密码实现

最新推荐文章于 2021-06-04 11:44:54 发布

weixin_30342827

最新推荐文章于 2021-06-04 11:44:54 发布

阅读量207

点赞数

CC 4.0 BY-SA版权

文章标签：移动开发

原文链接：http://www.cnblogs.com/devin_zhou/p/8946436.html

本文介绍如何在Xamarin.Forms中实现手势密码功能。通过创建自定义View并使用ViewRenderer在不同平台上绘制图形来实现这一目标。文章还提供了在遇到Control为null时的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Xamarin.Forms 手势密码实现

在前面的文章中，讲到了Xamarin.Android、Xamarin.iOS、UWP分别实现手势密码功能，现在我们在Xamarin.Forms中来实现这个功能。

原理和Xamarin.Android、Xamarin.iOS、UWP一样，关键就是如何使用ViewRenderer。

首先我们新建Xamarin.Forms项目：

在项目中创建GuestureLockView继承View（官方文档: 自定义Renderer）。

接下来分别在Android、iOS、UWP项目中创建GuestureLockViewRenderer

Android中 : GuestureLockViewRenderer继承ViewRenderer<GuestureLockView, Android.Views.View>

iOS中: GuestureLockViewRenderer继承ViewRenderer<GuestureLockView, UIView>

UWP中: GuestureLockViewRenderer继承ViewRenderer<GuestureLockView, CanvasControl>,CanvasControl需要在NuGet中安装Win2D库。

还需要在GuestureLockViewRenderer中重写protected override void OnElementChanged(ElementChangedEventArgs<GuestureLockView> e)方法。

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

  if (Control == null) {
    // Instantiate the native control and assign it to the Control property with
    // the SetNativeControl method
  }

  if (e.OldElement != null) {
    // Unsubscribe from event handlers and cleanup any resources
  }

  if (e.NewElement != null) {
    // Configure the control and subscribe to event handlers
  }
}

控件在加载时，会调用该方法。原文如下说明：

An overridden version of the OnElementChanged method, in each platform-specific renderer class, is the place to perform the native control instantiation and customization. The SetNativeControl method should be used to instantiate the native control, and this method will also assign the control reference to the Control property.

然后就是在GuestureLockViewRenderer根据各个平台分别绘制图形，这样就能实现该需求了。

在这是实验中，恰巧遇到 Control为null的情况（UWP中），这时需要调用SetNativeControl方法初始化一个NativeControl。

if(Control == null)
{
    SetNativeControl(new CanvasControl());
}

Github：https://github.com/devinZhou102/Plugin.GuestureLock

Xamarin.Android手势密码：http://www.cnblogs.com/devin_zhou/p/8057243.html

Xamarin.iOS手势密码：http://www.cnblogs.com/devin_zhou/p/8047313.html

Xamarin.UWP手势密码：http://www.cnblogs.com/devin_zhou/p/8052305.html

转载于:https://www.cnblogs.com/devin_zhou/p/8946436.html