The user then taps on a given action to perform it. In the first approach you define a swipe threshold which makes the swiped item stick at a given position (the swipe limit) revealing the swipe actions. There are two popular ways to implement swipe actions.
The second column in the middle is set to take the remaining width of the item so that the two StackLayout elements are positioned at both ends of the item. These elements represent the actions revealed by swiping the item either left or right. The first and the last column each contain a StackLayout.
The swipe template will be a GridLayout with three columns. This is done via the tkListItemSwipeTemplate inline directive as shown in the HTML snippet below: Second, you need to define the content that will be shown to the user when they swipe an item. These handlers will enable you to see which item is being swiped, at what offset and when the user has finished swiping. To enable the "Swipe Actions" functionality in RadListView you first need to set the swipeActions property to true: Īlso note that we have provided handlers for the Swipe Actions events. Enabling Swipe Actions in your RadListViewįor this tutorial we will use the already familiar setup from the RadListView: Getting started section. When using swipe actions, your items should not be transparent, because otherwise the swipe content would be visible through them. Please note that the items in this example have an explicitly set white background. Here's an example of how the Swipe Actions behavior looks on Android and iOS: The "Swipe Actions" feature supports the use of interactive elements within the item being swiped, i.e. Similar scenarios are also to be found in famous e-mail client apps. For examples, you can organize a TO-DO application and let your users complete or delete to-do items by swiping them. The "Swipe Actions" feature allows you to implement actions associated with list items which are triggered by swiping the item left or right.
0 kommentar(er)
