CODEWITHSUNDEEP
formslistviewxamarin
Blaubunt
Blaubunt

Reputation: 3

TapGestureRecognition in Xamarin Forms Listview

I need to check if the empty part of a Xamarin Forms Listview is tapped. For example, there are 5 rows and the space below those filled rows is tapped a method should be called. I tried adding Tapgesturerecognizer to the Listview and the page containing the listview but this didnt work. Is there a way to check if someone tapped the empty space in the listview?

<ListView x:Name="ItemsListView"
                ItemsSource="{Binding Items}"
                VerticalOptions="FillAndExpand"
                HasUnevenRows="true"
                RefreshCommand="{Binding LoadItemsCommand}"
                IsPullToRefreshEnabled="true"
                IsRefreshing="{Binding IsBusy, Mode=OneWay}"
                CachingStrategy="RecycleElement"
                ItemSelected="OnItemSelected">
            <d:ListView.ItemsSource>
                <x:Array Type="{x:Type x:String}">
                    <x:String>First Item</x:String>
                    <x:String>Second Item</x:String>
                    <x:String>Third Item</x:String>
                    <x:String>Fourth Item</x:String>
                    <x:String>Fifth Item</x:String>
                    <x:String>Sixth Item</x:String>
                </x:Array>
            </d:ListView.ItemsSource>
            <ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell>
                        <StackLayout Padding="10">
                            <Label Text="{Binding Text}" 
                                d:Text="{Binding .}"
                                LineBreakMode="NoWrap" 
                                Style="{DynamicResource ListItemTextStyle}" 
                                FontSize="16" />
                            <Label Text="{Binding Description}" 
                                d:Text="Item descripton"
                                LineBreakMode="NoWrap"
                                Style="{DynamicResource ListItemDetailTextStyle}"
                                FontSize="13" />
                        </StackLayout>
                    </ViewCell>
                </DataTemplate>

            </ListView.ItemTemplate>
            <ListView.GestureRecognizers>
                <TapGestureRecognizer Tapped="OnTapGestureRecognizerTapped" NumberOfTapsRequired="1"></TapGestureRecognizer> 
            </ListView.GestureRecognizers>
        </ListView>

Upvotes: 0

Views: 548

Answers (2)

cahyo
cahyo

Reputation: 607

Try to adding footer to the Listview

<ListView
    x:Name="ItemsListView"
    ...>

    <ListView.Footer>
        <ContentView>
            <ContentView.GestureRecognizers>
                <TapGestureRecognizer />
            <ContentView.GestureRecognizers>
        </ContentView>
    </ListView.Footer>
</ListView>

set footer view and place your TapGestureRecognizer

Upvotes: 0

user9098171
user9098171

Reputation:

Checkout this https://learn.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/listview/interactivity#selection-and-taps. it discusses the selection activity in the ListView so u can execute some logic When an item is selected

Update: Remove Code in the Screenshot then configure the ListView item selection as shown in the link.

then put the ListView (make sure that the list view fill only the space it needs) In a StackLayout and Configure the Tapped event of the stackLayout with the logic u need to execute on clicking the empty page.

Upvotes: 0

Related Questions