[Free] Custom ListView - ColinTreeListView


#1

Higher level “ListView”, using extensions!

  • Update on 2018.7.27 (Version 10):

  • Update on 2018.3.10 (Version 9):

    • Fixed Error of Visiblility
    • Added ClearCache(path) & ClearAllCache() – still in test, it should works
  • Update on 2018.3.4 (Version 8)

    • Fixed extraButtonEnabled not implemented
    • Added support of direct(static) functions in ColinTreeListViewElement
  • Update on 2018.2.25 (Version 7) THANK YOU @User81 FOR SPONSORING:

    • Fixed that lastClickedElement starts from 0
    • Fixed that images that cached by a same path would act wired when one of them is clicked
    • Added a extra button
    • Added property handler for every single element of the listview -> useage
      image
  • Update on 2018.2.11 (Version 6):

    • Added properties of text height (both main- & sub-text)
  • Update on 2018.1.31 (Version 5):

    • Added icon text related properties
    • Added lastClickedElement & lastClickedIcon
  • Update on 2017.12.30 (Version 4):

    • Adapted to all platforms (ai2.appinventor.mit.edu , thunkable , etc.) There should not more NoSuchMethodError at anywhere.
  • Update on 2017.12.29 (version 3):

    • Adapted to new Appinventor (since 2017.12.27, Companion 2.45) (Fixed NoSuchMethodError)
    • Added properties related to image loading - AsyncImageLoad & CacheImage (that in a same path)
    • Added property - ScrollBottomAfterAdd

How to use

  1. Left a VerticalArrangement or a VerticalScrollArrangement, set the width and the height as you like
    Example:

  2. Before do anything like add a element, initialize it first:
    Choose only one of the initialize method

  3. Set the list
    The “set” method required a list, and the list elements can be:

  • Single text element without icon:
    The list element here is just a Text, and it will be shown in the element

  • Single text element without icon(same with the one above):
    A sub-list with only one item is also allowed when creating a Single text element without icon.

  • Single text element with icon:
    The sub-list with two item will be proceed as a Single text element with icon.
    The first item is the icon path, when the second one is the text here.

  • Double text element with icon:
    A list with at least three item, is being recognize as a Double text elemtnt with icon.
    And only the very first three items will be used as the parameters here.
    They are: icon(path), Main-text, and Sub-text

The three types of list element can exist when a ColinTreeListView is created

Sample code:


Runtime screenshot:

Document of properties, events and methods && Download

See my website & github


Dynamic list with button and text (a grid)
Working with ListView and ColinTreeListView
List View format
How display images in listpicker from fusion table
Listview vs. Gridview
OSO Browser - Browse & Earn pocket money with style (Published on Play Store)
#2

Need more features? Customize one for yourself!


#3

Awesome :heart_eyes:
Missing filter bar for listview


#4

Awesome! thanks!!


#5

Wonderful. Nice work done . God Bless you and More Grace to do more.


#6

colin, you are my god
i’ll make you a donation
and i’ll love you much more if you add “after selection” of your autocomplete extension :smiley:


#7

got that


#8

@ColinTree You are the best, im learn from you. good work


#9

it’s great
and i have a suggestion
could you let the width and height by percentage so it can fit for all phone sizes even tablets ?


#10

got that :wink:


#11

Superbbbbbbbbb extensions


#12

muito boa, parabéns!


#14

Amazing extension, But very difficult to click element…plz update click element easier. Thanks


#15

there is a new Error while running on the newest appinventor: NoSuchMethodError, i had.get a way to fix it and will release it today.


#16

New version released here

  • Update on 2017.12.29 (version 3):
    • Adapted to new Appinventor (since 2017.12.27, Companion 2.45) (Fixed NoSuchMethodError)
    • Added properties related to image loading - AsyncImageLoad & CacheImage (that in a same path)
    • Added property - ScrollBottomAfterAdd

P.S. Using CacheImage can avoid OOM(out of memory) sometimes.


#17

I’m getting this error:

No virtual method Visible(Z)V in class Lcom/google/appinventor/components/runtime/HorizontalArrangement; or its super classes (declaration of ‘com.google.appinventor.components.runtime.HorizontalArrangement’ appears in /data/app/com.thunkable.appinventor.aicompanion3-2/base.apk)
Note: You will not see another error reported for 5 seconds.

An error occurs when I add the elements.


#18

did you download the newest aix?


#19

I downloaded it on the informed website right now.

Last update 2017.12.9 (v2)
Mirror 1 (This website)


#20

try to refresh the webpage(ctrl f5), the newest is v3

edit
sorry @KalmonV
i found that it was my mistake there, i think you had download the newest one.
are u testing on thunkable?

edit2
it is so weird that if i make it works well on appinventor(the newest one), then all the other platforms would crash with this error


#21
  • Update on 2017.12.30 (Version 4):
    • Adapted to all platforms (ai2.appinventor.mit.edu , thunkable , etc.) There should not more NoSuchMethodError at anywhere.

Thank to the notice from @KalmonV