GestureDetect Extension (List and Swipe Images)

[Samhappy]

then should I use global variables?

[Samhappy]

i tried in this way but no result

[Taifun]

As far as I understand, you like to display the next image and title after swiping down?

Just use ListRecords together with a global variable index, which stores the index of the current record

In the SwipeDown event then increment index and select the image and title from ListRecords (which is a list of lists)

You should be familiar with working with lists and list of lists

Imagnity.com List Tutorial, Mirrored - @Saj

(copied from imagnity.com, courtesy of @Saj) List Blocks On App Inventor by Sajal Dutta | app-inventor, tutorials | 102 comments List is a necessity in almost every app regardless of what programming language you use. This is the easiest way to create and manipulate a set of values/items/elements in an ordered fashion. Please go over the reference before we start. In this tutorial, we will learn how to create a list, add new items to a list, display list items, replace an item in the list, re…

Taifun

[TIMAI2]

Why use itoo extension for this ?

Also a viewPager extension (or recyclerlist extension) might serve you better ?

[Samhappy]

ok let me try viewPager

[TIMAI2]

VerticalViewPager: A vertical version of ViewPager

1.Introduction Description: Using this extension you can create a vertical version of View Pager Latest Version: 1.2 Last Updated: 2021-10-01T18:30:00Z (UTC) Released: 2021-06-09T18:30:00Z (UTC) 2.Blocks [image] [image] 3.Usages Initialize and Add views Adds view pager to the container and adds given views into view pager [image] Alternatively you can add view at specific index too [image] Remove view by index Removes the view present at given index [image] Remove view by view i…

[Samhappy]

here i'm using this id 1

is it correct

[TIMAI2]

You wanted to swipe up and down, why use the horizontal pager ?

But yes, setting id = 1 should work, that sets the id for the container, you refer to this when adding additional views.

[Samhappy]

sorry my bad corrected

[Samhappy]

can I use something like this?

[TIMAI2]

Here is one I created using CompCreator and Viewpager to build a dynamic pager.

Image data is fetched from a spreadsheet in much the same way as you are doing it, just that I am using a google apps script web app to generate the listing on the spreadsheet

[Samhappy]

@TIMAI2

CompCreator

can i use without CompCreator? I would like to use only Viewpager is it ok?

[Samhappy]

how about in this way? without using CompCreator.

[TIMAI2]

1. You do not add anything to the local variable list ListShow
2. There is no "component" in the local variable list Listshow for you to add
3. You will need a component containing the image for each AddComponent you want to add to the view pager. This is why I used compCreator to dynamically create them.

[Samhappy]

Here how I did. Now I would like when I click image I want to see some action (for exmaple you clicked image index 2) how to do that?

[Kevinkun]

1. use the newest version of CompCreator
2. Set the new image clickable as true
3. bind a click event on the new created image; or use the build-in Any Image Click event.

[Samhappy]

I wanted to use CompCreator but I can't find download link aix

[Kevinkun]

a search away:

[Samhappy]

I'm using 2 extentions. DCLite and VerticalViewPager.
I would like to see some action when I click on image.

[TIMAI2]

1. Update DCLite to the latest version of CompCreator
2. Use SetValue block to set the image component created by CompCreator to Clickable