TouchView | TouchImage | TouchFadeView | TouchColorView package

Will it work for child controls too? I have a StackLayout at some level of ContentPage's content. In this StackLayout, there are number of controls. I want to bind separate touch commands to respective controls. Is it supported?
I am trying this, but seems like to be not working.

Update: I had to add the Control.Effect too. Only binding the command wouldn't work. For example:
<Image Source="{imgExt:ImageResource ic_add_dark.png}" Style="{x:StaticResource SideMenuImageButton}" touch:TouchEff.PressedAnimationDuration="800" touch:TouchEff.RegularAnimationDuration="800" touch:TouchEff.PressedOpacity="0.6" touch:TouchEff.RippleCount="1" touch:TouchEff.Command="{Binding AddTimerCommand}"> <Image.Effects> <touch:TouchEff /> </Image.Effects> </Image>
I was missing this part:
<Image.Effects> <touch:TouchEff /> </Image.Effects>

AndreiMisiukevich_ · July 2019

@M0Bilal so, does it work for you now?
If not, could you please provide small sample project, i will help you?

M0Bilal · July 2019

Yes it's working now as it should. Thanks a lot.

M0Bilal · July 2019

Apart from above, I was trying to implement touch effects on a Frame. It was not working. I had to add a StackLayout inside frame and then I applied touch effects on StackLayout and it worked. Is it known? Or should it work on Frame too?

AndreiMisiukevich_ · July 2019

@M0Bilal it's XF bug, which already fixed by my PR

https://github.com/xamarin/Xamarin.Forms/pull/6412

Just wait until it become available in newer versions and update XF

M0Bilal · July 2019

Oh, My bad for being outdated. Thanks a lot!

AndreiMisiukevich_ · November 2019

https://twitter.com/Andrik_Just4Fun/status/1198730922478231552

Hover detecting

bravAxe · July 2020

I am really impressed by this and going to implement it in my whole project.

AndreiMisiukevich_ · July 2020

TouchEff should be used instead of TapGestureRecognizer
The command should work as well. Please make sure you make your binding properly.

You can check samples on my github)

ErnestJ · February 22

@AndreiMisiukevich_ I've strange issue, same TouchEffect code works fine in iOS, but doesn't on Android. I'm using TouchEffect inside DevExpress grid to imitate cell select. Effect itself works fine in both Android and iOS, but on Android grid RowTapCommand is not executed if I've TouchEffect.

This is XAML code of the grid:

<dxg:DataGridView
                    x:Name="GridView"
                    ItemsSource="{Binding Lists}"            
                    Style="{StaticResource DataGridViewStyle}"
                    SelectionMode="None"
                    IsPullToRefreshEnabled="True"
                    IsRefreshing="{Binding IsRefreshing, Mode=TwoWay}"
                    PullToRefreshCommand="{Binding RefreshCommand}"
                RowTapCommand="{Binding RowTapCommand}">

                    <dxg:TemplateColumn>
                        <dxg:TemplateColumn.DisplayTemplate>
                            <DataTemplate>
                                <StackLayout 
                                    Orientation="Horizontal"
                                    Padding="5,5,5,5"
                                    touch:TouchEffect.NormalBackgroundColor="{DynamicResource AppBackgroundColor}"
                                    touch:TouchEffect.PressedBackgroundColor="{StaticResource LightBlue}"
                                    touch:TouchEffect.PulseCount="1"
                                    touch:TouchEffect.PressedAnimationDuration="0"
                                    touch:TouchEffect.NormalAnimationDuration="400"
                                    touch:TouchEffect.ShouldMakeChildrenInputTransparent="True">
                                    <Label Text="{Binding Item.Name}" VerticalTextAlignment="Center" HorizontalOptions="StartAndExpand"/>
                                    <Label Text="{Binding Item.Id}" IsVisible="False"/>
                                    <Image Source="ic_indicator_right.png" VerticalOptions="Center" HorizontalOptions="End" Margin="0,0,10,0"/>
                                </StackLayout>
                            </DataTemplate>
                        </dxg:TemplateColumn.DisplayTemplate>
                    </dxg:TemplateColumn>
                </dxg:DataGridView>

If I remove touchEffect code then RowTapCommand works fine in Android.

AndreiMisiukevich_ · February 22

@ErnestJ you can work around it. Use touch:TouchEffect.Command instead of RowTapCommand (Just make a proper binding)

ErnestJ · February 22

@AndreiMisiukevich_ this was the first thing I did, but still not working

I used exactly same binding as for the grid:

touch:TouchEffect.Command = "{Binding RowTapCommand}"

AndreiMisiukevich_ · February 22

touch:TouchEffect.Command = "{Binding BindingContext.RowTapCommand, Source={x:Reference GridView}}"
@ErnestJ

ErnestJ · February 22

@AndreiMisiukevich_ Thank you so much, tap command now works perfectly!

Xamarin

Quick Links

TouchView | TouchImage | TouchFadeView | TouchColorView package

Posts