Xamarin.Forms 第23局:手势识别

总目录


前言

本文介绍手势识别:
一、点击手势
二、缩放手势
三、平移手势
四、滑动手势

环境

1.Visual Studio 2017
2.Xamarin.Froms 4.0.0.8055-pre1
3.Android 4.4(API 19)或更高版本
4.约定:XF代表Xamarin.Forms

内容

一、点击手势

点击手势:处理用户点击(单击或双击)操作,用TapGestureRecognizer类实现。

实现效果
Xamarin.Forms 第23局:手势识别_第1张图片
Xaml方式
Xamarin.Forms 第23局:手势识别_第2张图片

1.GestureRecognizers:所有视图元素都有此手势识别集合集合。向这个集合添加手势使元素获得响应用户手势的功能。

2.TapGestureRecognizer主要属性及事件:

  • NumberOfTapsRequired:点击次数,默认为1,表示单击,若设置为2,则表示双击;
  • Command:命令,响应用户点击操作;
  • Tapped:点击事件,响应用户点击操作;
C#方式
Xamarin.Forms 第23局:手势识别_第3张图片

二、缩放手势

缩放手势(捏合手势):处理用户缩放操作,用PinchGestureRecognizer类实现。

实现效果
Xamarin.Forms 第23局:手势识别_第4张图片
Xaml方式
Xamarin.Forms 第23局:手势识别_第5张图片
Xamarin.Forms 第23局:手势识别_第6张图片

1.本例中,通过更改StackLayout的Scale属性值实现放大缩小功能。

2.PinchGestureRecognizer主要事件为PinchUpdated,用于处理用户缩放操作。

3.在PinchUpdated事件中,参数e的主要属性有:

  • Status:缩放状态。Started,开始缩放;Running:缩放中;Completed,缩放完成。
  • Scale:缩放比例。值大于1表示放大,值小于1表示缩小,值等于1表示无变化。
  • ScaleOrigin:缩放手势中心点。
C#方式
Xamarin.Forms 第23局:手势识别_第7张图片

三、平移手势

平移手势:处理用户移动操作,用PanGestureRecognizer类实现。

实现效果
Xamarin.Forms 第23局:手势识别_第8张图片
Xaml方式
Xamarin.Forms 第23局:手势识别_第9张图片
Xamarin.Forms 第23局:手势识别_第10张图片
C#方式
Xamarin.Forms 第23局:手势识别_第11张图片

四、滑动手势

滑动手势:处理用户滑动操作,用SwipeGestureRecognizer类实现。

实现效果
Xamarin.Forms 第23局:手势识别_第12张图片
Xaml方式
Xamarin.Forms 第23局:手势识别_第13张图片
Xamarin.Forms 第23局:手势识别_第14张图片
C#方式
Xamarin.Forms 第23局:手势识别_第15张图片

后语

下篇介绍依赖服务,待续...


总目录

你可能感兴趣的:(Xamarin.Forms 第23局:手势识别)