一般项目中的按钮都是用图做得美美的(不会像第一篇中的按钮),但是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
转载自:昕力大学