Xamarin.Forms入门困扰与解决方式-No.2

一般项目中的按钮都是用图做得美美的(不会像第一篇中的按钮)，但是Xamarin.Forms中的Image控件默认是无法接受命令或触碰事件的，WPF/Silverlight中可用Trigger让控件侦听事件，但是在Xamarin中Trigger是不同的实现方式(没有System.Windows.Interactivity.dll)，另外用了TapGestureRecognizer来处理，本文延续第一篇的案例，演示由Button换成Image的解决方式。

Xamarin.Forms中的Image无法像Button一样使用(下列两种方式是错的)

<Image Command="{Binding CmdAdd}" CommandParameter="{Binding OneData}" />

<Image Clicked="OnClicked" />

正确方式是替Image添加TapGestureRecognizer写法如下

<Image Source="like.png"> 
<Image.GestureRecognizers> 
<TapGestureRecognizer Command="{Binding CmdAdd}" CommandParameter="{Binding OneData}" /> 
</Image.GestureRecognizers> 
</Image>

如同第一篇，Image放到ListView内就出问题了(Xaml的逻辑不一致)，所幸解法也与第一篇相同，改用Event的写法即可

这种方法还可以用在其他控件，例如Label

<Label Text="..."> 
<Label.GestureRecognizers> 
<TapGestureRecognizer Command="{Binding CmdAdd}" CommandParameter="{Binding OneData}" /> 
</Label.GestureRecognizers> 
</Label>

相关下载

 

• 范例文件下载
https://github.com/ThinkPowerXamarin/Xamarin.FormsAPP02

转载自：昕力大学