B4A Library CustomGridView

This library will create a simple yet useful grid view.

Requirements:

- B4A 3.82.


How to install:

- Copy the CustomGridView.jar and CustomGridView.xml to your additional libraries directory.

Usage:

Private grid As CustomGridView

'Initialize the library.
grid.Initialize(Activity, Me, "Grid", 3, "S")

'Prepare the CustomGridView to receive data.
grid.PrepareGridView

'Add data to the grid, it supports images from URLs or local files.
'The "Link" parameter is whatever you need the grid to return.
grid.AddToGridView("http://wac.450f.edgecastcdn.net/80450F/ultimateclassicrock.com/files/2012/06/BJ.jpg", "Bon Jovi", "Bon_Jovi")

'Show the picture titles (optional)
grid.TitleBoxVisible = True

'Display the grid.
grid.ShowGridView

NOTES:

- The grid supports up to 4 columns (if an invalid number is entered it will default to 3).

- The "cells" can be Square or Rectangular (the content will be resized).

See the attached sample for more details.

WARNING: This version will BREAK the previous one since the new one contains 1 more initialization argument.


Screenshot:

 

[Mahares]

@NJDude: I tried to run the sample using 3.82 . I got this error:
A referenced library is missing: imgflipmemes
Thank you for clarifying

 

[thedesolatesoul]

@NJDude: I tried to run the sample using 3.82 . I got this error:
A referenced library is missing: imgflipmemes
Thank you for clarifying

imgflipmemes, sounds another intriguing library? Have we seen an unintended spoiler?

 

[NJDude]

@NJDude: I tried to run the sample using 3.82 . I got this error:
A referenced library is missing: imgflipmemes
Thank you for clarifying

Oops!, I forgot to remove that library, is not part of the sample or library.

 

[barx]

LOL @NJDude

 

[NJDude]

Yes, that happens when you have several things under development and you are also in the chat room blabbing away , you get distracted.

I have corrected the problem and re-uploaded the library.

 

[Mahares]

I tried to display photos in a folder in the file.DirRootExternal. The grid shows up but not the images. See my code below.
Thank you for tackling this.

Sub Globals
    Private grid As CustomGridView   
    Dim MyImageFile, MyFolder As String    = "POC"  
    Dim FilePath As String = File.DirRootExternal & "/" & MyFolder
    Dim MyList As List           
End Sub

Sub Activity_Create(FirstTime As Boolean)
        grid.Initialize(Activity, Me, "Grid", 3)
        grid.PrepareGridView
               
        MyList.Initialize            
        MyList=File.ListFiles(FilePath)
        For i= 0 To MyList.Size-1 
            MyImageFile=MyList.Get(i)
            If MyImageFile.endswith(".jpg") Then  
                grid.AddToGridView(FilePath, MyImageFile, MyImageFile)
            End If
        Next
        grid.TitleBoxVisible = True
        grid.ShowGridView   
End Sub

 

[thedesolatesoul]

I think it should be:

grid.AddToGridView(File.Combine(FilePath, MyImageFile), MyImageFile, MyImageFile)

 

[MarcoRome]

Great this Grid. Thank's NJDude

 

[Mahares]

I think it should be:
Code:
grid.AddToGridView(File.Combine(FilePath, MyImageFile), MyImageFile, MyImageFile)

Thank you TDS. You are absolutely correct.

 

[udg]

Great work, NJDude!
Just one complain: AC/DC album should come first!
And a question: can the grid be constrained to a panel on the Activity? This way I could use part of the screen for other stuff.

Umberto

 

[NJDude]

And a question: can the grid be constrained to a panel on the Activity? This way I could use part of the screen for other stuff.

Yes, you can add the grid to a panel.

Just one complain: AC/DC album should come first!

I'm sorry, but AC/DC should be honored to be next to the almighty Beatles.

 

[migrec]

Awesome library, just really nice and simple! thanks NJ

 

[Douglas Farias]

@NJDude hi man have you stop the work on this library?
Here my sugestions

add HorizontalSpacing = 5 dip for example
add VerticalSpacing = 5 dip for example
add array for image add *-* for dont use grid.AddToGridView all time

for example
lala= Array As String( _
"https://lh4.googleusercontent.com/-...AAAAAAbs/ZRZR1VJ84QA/s1024/Sin%2520Lights.jpg", _
"https://lh4.googleusercontent.com/-...AAAAAbs/9N_Wq8MhLTY/s1024/Starry%2520Lake.jpg", _
"https://lh3.googleusercontent.com/-...AAAAbs/s7sde1Bz9cI/s1024/Starry%2520Night.jpg", _
"https://lh3.googleusercontent.com/-KtLJ3k858eY/URqvC_2h_bI/AAAAAAAAAbs/zzEBImwDA_g/s1024/Stream.jpg", _
"https://lh5.googleusercontent.com/-...AAAAbs/BrhoUtXTN7o/s1024/Strip%2520Sunset.jpg", _
"https://lh5.googleusercontent.com/-...AAAAbs/clABCx171bE/s1024/Sunset%2520Hills.jpg", _
"https://lh3.googleusercontent.com/-...AAAbs/42nyADFsXag/s1024/The%2520Fisherman.jpg")

 

[NJDude]

Spacing won't be added, that would make the grid to look ugly, regarding arrays, it is actually simpler to add the images the way it is now.

 

[AndrewKing]

I found that it always takes very long time to display the grid, even there is only 1 local image to display.

This is my code:

Sub Activity_Create(FirstTime As Boolean)

ProgressDialogShow("Loading, please wait...")

grid.Initialize(Activity, Me, "Grid", 3)
grid.PrepareGridView

grid.AddToGridView("file:///android_asset/albumcover.jpg", "White Snake", "file:///android_asset/albumcover.jpg")

grid.TitleBoxVisible = True

grid.ShowGridView

If the WIFI connection is on,it will take more than 3 minitue to display the grid.

But if I disconnect the WIFI connection, it will display the grid immediatelly. (and i will see a "timeout" message right after i disconnect the WIFI)

So, my question is: does the grid library need to connect to anywhere on the internet when it starts?

 

[imgsimonebiliato]

Hello,
is it possibile, when clicking on a cell, enlarge the image on that cell?

 

[NJDude]

Hello,
is it possibile, when clicking on a cell, enlarge the image on that cell?

You will have to write your own code to do that.

 

[imgsimonebiliato]

I did it!

 

[MarcoRome]

I did it!

Hi Simone.
Can you share this code ?
Thank you