How to create a custom ListView in Sketchware?

The recently added Custom View in Sketchware can be used to create custom ListView. The steps you need to follow in order to create a custom ListView are given below.

1. In VIEW area of your sketchware project, add a ListView.

2. Add a new CustomView.

3. Now in properties of ListView, select the new view you added as customView.

4. Now in the VIEW area of CustomView, add a Linear (H) and a TextView.

5. In LOGIC area of your app, add a new list Map.

6. In onCreate event in your project, add items to the Map list using a single key. After adding items to list, setListCustomViewData of ListView to List Map (See image below).

7. In LOGIC area of your app add a new event​ ListView: onBindCustomView.

8. In event ListView: onBindCustomView, set the text of TextView in CustomView to the data from list Map.

9. If you want to implement some action on clicking any particular item in CustomView​, use the When view... clicked block available at the place where new variables are added.

10. Save and run the project to see the Custom ListView.