GestureDetect Extension (List and Swipe Images)

[TIMAI2]

METRIC RAT AI2 - Show an Image from Google Drive in your AI2 app

[Samhappy]

I tried not displaying

[Taifun]

@Samhappy

NOT displaying all images

In tag images and title you store only one link to an image and one title, inside the loop the previously stored information will get overwritten again and again, this is probably not what you want

Taifun

[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