B4A Library [Library] B4aGridView v3.80

Hi guys, B4AGridView is updated to v3.70.


1: GridView Demo
1: Library
1: PDF Explanations



A big thanks goes to ( Sergey Tarasevich - author of Universal Image Loader )

A thanks is always appreciated.


B4AGridView
Author: Giuseppe Salvi
Version: 3.7

• 
  Fields:
  • Default As Typeface
    The default NORMAL typeface object.
  • Default_Bold As Typeface
    The default BOLD typeface object.
  • Monospace As Typeface
    The NORMAL style of the default monospace typeface.
  • Sans_Serif As Typeface
    The NORMAL style of the default sans serif typeface.
  • Serif As Typeface
    The NORMAL style of the default serif typeface.
  • Style_Bold As Int
    The default BOLD style int.
  • Style_Bold_Italic As Int
    The default BOLD ITALIC style int.
  • Style_Italic As Int
    The default ITALIC style int.
  • Style_Normal As Int
    The default NORMAL style int.
  Methods:
  • LoadFontFromAssets (file As String) As Typeface
    Create a new typeface from the specified font data from assets.
  • LoadFontFromFile (file As String) As Typeface
    Create a new typeface from the specified font data from sdcard.
• 
  Fields:
  • Center As ScaleType
    Center the image in the view, but perform no scaling.
  • Center_Crop As ScaleType
    Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image
    will be equal to or larger than the corresponding dimension of the view (minus padding).
  • Center_Inside As ScaleType
    Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image
    will be equal to or less than the corresponding dimension of the view (minus padding).
  • Fit_Center As ScaleType
    Scale the image using CENTER.
  • Fit_End As ScaleType
    Scale the image using END.
  • Fit_Start As ScaleType
    Scale the image using START.
  • Fit_XY As ScaleType
    Scale the image using FILL.
  • Matrix As ScaleType
    Scale using the image matrix when drawing.
• 
  Fields:
  • CARDS As Int
    CARDS Effect = 2
  • CURL As Int
    CURL Effect = 3
  • FADE As Int
    FADE Effect = 12
  • FAN As Int
    FAN Effect = 9
  • FLIP As Int
    FLIP Effect = 5
  • FLY As Int
    FLY Effect = 6
  • GROW As Int
    GROW Effect = 1
  • HELIX As Int
    HELIX Effect = 8
  • PUZZLE As Int
    PUZZLE Effect = 16
  • REVERSE_FLY As Int
    REVERSE_FLY Effect = 7
  • REVERSE_TWIRL As Int
    REVERSE_TWIRL Effect = 15
  • SLIDE_IN As Int
    SLIDE_IN Effect = 14
  • STANDARD As Int
    Standard Effect = 0
  • TILT As Int
    TILT Effect = 10
  • TWIRL As Int
    TWIRL Effect = 13
  • WAVE As Int
    WAVE Effect = 4
  • ZIPPER As Int
    ZIPPER Effect = 11
• 
  Fields:
  • Text_Bottom_Inside As GravityEnum
    Text Bottom InSide
  • Text_Bottom_OutSide As GravityEnum
    Text Bottom OutSide
  • Text_Center_Inside As GravityEnum
    Text Center InSide
  • Text_Top_Inside As GravityEnum
    Text Top InSide
  • Text_Top_OutSide As GravityEnum
    Text Top OutSide
• 
  Fields:
  • AUTO_FIT As Int
    Creates as many columns as can fit on screen.
  • NO_STRETCH As Int
    Disables stretching.
  • STRETCH_COLUMN_WIDTH As Int
    Stretches the spacing between columns.
  • STRETCH_SPACING As Int
    Stretches columns.
  • STRETCH_SPACING_UNIFORM As Int
    Stretches the spacing between columns.
• 
  Fields:
  • Compress_Format_JPG As CompressFormat
    Compression Format JPG
  • Compress_Format_PNG As CompressFormat
    Compression Format PNG
  
  
• PhotoGridView
  Events:
  • ItemClick (Position As Int, Value As Object)
  • ItemLongClick (Position As Int, Value As Object)
  • Ready ( As )
  • ShareItemClick (Value As Object)
  Methods:
  • AddImage (dir As String, file As String)
    Add an image from sdcard or AssetsDir at the end of the GridView
  • AddImageAt (index As Int, dir As String, file As String)
    Add an image from sdcard or AssetsDir to the desired position in the GridView
  • AddImageFromWeb (address As String)
    Add an image from web at the end of the GridView
  • AddImageFromWebAt (index As Int, address As String)
    Add an image from Web to the desired position in the GridView
  • AddThisView
    Adds view to this activity 100%x,100%y
  • ClearDiskCache
    Clears disk cache.
  • ClearMemoryCache
    Clears memory cache
  • DestroyEngine
    Stops ImageLoader and clears current configuration. Use this option on exit app.
  • GetArrayList As List
    Gets array.
  • GetCacheDir As String
    Returns application cache directory. Cache directory will be created on SD card
    <i>("/Android/data/[app_package_name]/cache")</i> if card is mounted and app has appropriate permission. Else -
    Android defines cache directory on device's file system.
    Return type: @return:Cache {@link File directory}.<br />
    <b>NOTE:</b> Can be null in some unpredictable cases (if SD card is unmounted)
  • GetImageListFromAssets (path As String, sort As Boolean) As List
    Get entire list of images stored in assets or sub-folder
    Examples:
    <code>
    Dim lv as ListView
    Dim l as list
    l.Initialize
    lv.Initialize("lv")
    Sub Menu_Click
    Activity.AddView(lv,0,0,100%x,100%y)
    l = GridView.GetImageListFromAssets("Here the Images folder stored in Assets")
    or
    l = GridView.GetImageListFromAssets(File.DirAssets)
    or
    l = GridView.GetImageListFromAssets("")
    For n = 0 To l.Size-1
    lv.AddSingleLine(l.Get(n))
    next
    End Sub
    </code>
  • GetIndividualCacheDir As String
    Returns individual application cache directory (for only image caching from ImageLoader). Cache directory will be
    created on SD card <i>("/Android/data/[app_package_name]/cache/b4AGridview-Images")</i> if card is mounted and app has
    appropriate permission. Else - Android defines cache directory on device's file system.
  • GetItem (position As Int) As String
    Returns Item
    Example:
    i.Bitmap=LoadBitmap("",g.GetItem(Position))
  • GetRealImagePath (filename As String) As String
    Returns the real path of the image
  • GoToWebsite (url As String)
    Go to web site by given an address
    Example:
    GoToWebsite("www.example.com")
    url:
  • Initialize (EventName As String)
    Initialize the object
  • Initialize2 (EventName As String, withCacheName As String)
    Initialize the object and set own cache directory
  • InitializeFromLayout (EventName As String, container As ViewGroup, Layout As String, LayoutID As String)
    Initialize the object from layout
  • PauseEngine
    Pause ImageLoader. All new load and display tasks won't be executed until ImageLoader is resumed.
    Already running tasks are not paused.
  • ResumeEngine
    Resumes waiting load and display tasks
  • SetArrayList (array As ArrayList)
    Sets array.
  • SetText (text As String)
    Sets the string value of the TextView.
  • SetText2 (index As Int, text As String)
    Sets the string value of the TextView.
  • ShareItemsTo (appName As String, item As String, subJect As String, message As String, shareTo As String)
    Share any items to ?
    app: name
    item:
    subJect:
    message:
    shareTo:
  • ShareTextUrlTo (subject As String, text As String, message As String, shareTo As String)
    Share any text to ?
    subject:
    text:
    message:
    shareTo:
  • ShowActionBarToShare (icons() As String)
    Sets the icons on action bar
    Example:
    Dim icons() As String = Array As String("gmail.png","email.png","gmx.png","dropbox.png","facebook.png","twitter.png","telegram.png","line.png")
    icons: as array
  • ShowFromAssets (path As String, sort As Boolean)
    Populate GridView from assets or assets/sub-folder
  • ShowFromBucket (path As String, sort As Boolean)
    Populate GridView from sdcard
  • ShowFromMediaStore (sort As Boolean)
    Populate GridView from media store images
  • ShowFromSdCard (dir As String, path As String, sort As Boolean)
    Populate GridView from sdcard
  • ShowFromWeb (webStrings() As String, sort As Boolean)
    Populate GridView from web
  • StopEngine
    Cancels all running and scheduled display image tasks.
    <b>NOTE:</b> This method doesn't shutdown if you set them.
    
    ImageLoader still can be used after calling this method.
  • TextBackGroundColor (red As Int, green As Int, blue As Int)
    Sets the background color for this view.
    <b>by default red = 0</b>
    <b>by default green = 0</b>
    <b>by default blue = 0</b>
  • TextColor2 (alpha As Int, red As Int, green As Int, blue As Int)
    Get or Sets Text Color - by default White
  • isPauseOnFling As Boolean
    Whether pause ImageLoader during fling
  • isPauseOnScroll As Boolean
    Whether pause ImageLoader during touch scrolling
  Permissions:
  • android.permission.INTERNET
  • android.permission.READ_EXTERNAL_STORAGE
  • android.permission.WRITE_EXTERNAL_STORAGE
  Properties:
  • CacheInMemory As Boolean [write only]
    Sets whether loaded image will be cached in memory.
  • CacheOnDisk As Boolean [write only]
    Sets whether loaded image will be cached on disk.
  • ColumnWidth As Int
    Get or Sets Specifies the fixed width for each column.
  • CompressFormat As BitmaCompression
    Get or Sets the known formats a bitmap can be compressed into [ JPG or PNG ]Sets the quality of a bitmap, that can be compressed. [ 0 = low -> 100 = high ]
    by default PNG
  • CompressQuality As Int
    Get or Sets the quality of a bitmap, that can be compressed. [ 0 = low -> 100 = high ]
    by default 100
  • DelayBeforeLoading As Int [write only]
    Sets delay time before starting loading task. Default - no delay.
  • FadeInTime As Int [write only]
    Duration of "fade-in" animation (in milliseconds)
    Whether animation should be played if image is loaded from network
    Whether animation should be played if image is loaded from disk cache
    Whether animation should be played if image is loaded from memory cache
  • Friction As Boolean
    Get or Sets the amount of friction applied to flings.
  • Gravity As Int [write only]
    Specifies the gravity within each cell.
  • HorizontalSpacing As Int [write only]
    Defines the default horizontal spacing between columns..
  • ItemHeight As Int
    Get or Sets the the size of the images will be displayed in thumbnail by default size is 480x320
  • ItemWidth As Int
    Get or Sets the the size of the images will be displayed in thumbnail by default size is 480x320
  • Length As Int [read only]
    Returns length
  • LoadFontFromAssets As String [write only]
    Loads a new Typeface from the specified font data.
  • LoadFontFromFile As String [write only]
    Loads a new Typeface from the specified font data.
  • MaxAnimationVelocity As Int
    Get or Sets max animation velocity.
  • NumColumns As Int
    Get or Sets the number of columns in the grid.
  • PauseOnFling As Boolean [write only]
    Whether pause ImageLoader during fling
  • PauseOnScroll As Boolean [write only]
    Whether pause ImageLoader during touch scrolling
  • ProgressBarIndeterminate As Boolean [write only]
    Change the indeterminate mode for this progress bar.
  • ProgressBarVisible As Boolean [write only]
    Set the enabled state of this view. - by default is trueChange the indeterminate mode for this progress bar.
  • RemoveAt As Int [write only]
    Removes the item at the specified location from this list.
  • ResetViewBeforeLoading As Boolean [write only]
    Sets whether image view will be reset before image loading start
  • RoundedBitmap As Boolean [write only]
    Can display bitmap with rounded corners. - by default is false
  • ScaleType As PhotoScaleTypes
    Controls how the image should be resized or moved to match the size of this ImageView.
    by default ScaleTypeFIT_XY
  • ScaleTypeForRounded As ScaleType [write only]
    Controls how the RoundedBitmap should be resized or moved to match the size of this ImageView.
    by default ScaleType.FIT_CENTER
  • Selection As Int
    Get or Sets the currently selected item.
  • SetBorderColor As Int [write only]
    Set the border Color - by default is transparent
  • SetBorderWidth As Int [write only]
    Set the border Width - by default is 0
  • SetCornerRadius As Int [write only]
    Set the corner Radius - by default is 0
  • SetImageOnFail As String [write only]
    Sets own icon on fail
  • SetImageOnLoading As String [write only]
    Sets own icon on loading
  • SetNoEffect As Boolean [write only]
    Can display bitmap with rounded corners.
    Show thumbnails with corner radius or oval. - by default is true
  • ShouldOnlyAnimateFling As Boolean
    Get or Sets should only animate fling.
  • ShouldOnlyAnimateNewItems As Boolean
    Get or Sets should only animate new item.
  • ShowMessageError As Boolean [write only]
    Set to true if you want to display an error message.
  • SimulateGridWithList As Boolean
    Get or Sets simulate grid with list.
  • SmoothScrollbarEnabled As Boolean [write only]
    When smooth scrollbar is enabled, the position and size of the scrollbar thumb is computed based on the number of visible pixels in the visible items.
  • StretchMode As StretchModeEnum
    Defines how columns should stretch to fill the available empty space, if any.
    Examples:
    GridView.StretchMode = GridView.StretchMode.STRETCH_SPACING
  • Tag As Object
    Get or Sets this view's tag.
  • TextBackGroundAlpha As Int
    Get or Sets alpha property of the view, as a value between 0 (completely transparent) and 255 (completely opaque).
    <b>by default alpha = 0</b>
  • TextBackGroundColor2 As String [write only]
    Sets the background color for this view.
    Example:
    TextBackGroundColor2("#88666666")
  • TextColor As Int
    Get or Sets Text Color - by default White
  • TextGravity As Int
    Get or Sets the horizontal alignment of the text that will be used.
  • TextLines As Int
    Get or Sets the TextView exactly this many lines tall.
  • TextPosition As TextPositionEnum
    Get or Sets the position alignment of the text that will be used.
    <b>param Text_Top_OutSide</b>
    <b>param Text_Top_Inside</b>
    <b>param Text_Center_Inside</b>
    <b>param Text_Bottom_Inside</b>
  • TextSize As Int
    Get or Sets Text Size - by default 14
  • TextStyle As Int [write only]
    Sets the style in which the text should be displayed.
  • TextTypeFace As TypefaceUtils
    Get or Sets the typeface and style in which the text should be displayed.
    Note that not all Typeface families actually have bold and italic variants,
    so you may need to use TextStyle(style) to get the appearance that you actually want.
  • TextVisible As Boolean
    Get or Sets the visibility of the text - by default is hide
  • TransitionDuration As Int
    Get or Sets transition duration.
  • TransitionEffect As TransitionEffect
    Get or Sets the desired transition effect.
  • Version As String [read only]
    Version of the library
  • VerticalSpacing As Int [write only]
    Defines the default vertical spacing between rows.

 

[Douglas Farias]

as reported in post 158 in July:

add 2 gridviews to two different panels, both are initialized with 2 different names

use SetText and it changes the text to the same in both gridviews

also there for 2 different activities

the lib its working fine but this problem really have

for example i have 3 gridview on my app
when i use
GridView1.ScaleType.Fit_CenterCenter
my anothers gridview go have this config too

if i set noimage png for gridview1
all my gridviews go have noimage = gridview1

the config of gridview1 is = to grid2 +

all what u made on gridview1 go set for another grids


and have erros with GridView.ScaleType too

but lib its good working total fast, when i get money i go make my donation, i m waiting my payment xD

 

[Ionut Indigo]

I'm only having problems with scale types Center_Crop / Center, receiving the in-app error "You can not use [ ScaleType.Center_Crop or ScaleType.Center ]". There is no Fit_CenterCenter scale type, only Fit_Center.
And I'm having a issue with SetImageOnLoading / SetImageOnFail, I'm declaring them in Activity_Create, with the images set in the assets folder and i still get the default images.

Ok, so i've figured out the problem with SetImageOnLoading / SetImageOnFail, and got them to work. SetImageOnLoading / SetImageOnFail must be called before initializing the GridView. Done!

 

[lonleystar]

as reported in post 158 in July:

add 2 gridviews to two different panels, both are initialized with 2 different names

use SetText and it changes the text to the same in both gridviews

also there for 2 different activities

Hi, U R right but the problem is that it use 1 array that's why.

P.S.

I'm working on it to find the way.

 

[lonleystar]

Hi, B4AGridView is updated to v3.45 what's new:

Changed:

SetText no index require - SetText("Pippo")

Added:

SetText2 u should use an index and string - SetText2 (1,"pippo")

ShowMessageError by default hide


It Show and Hide the error while loading the images.

Fix:

ShowText now with 2 activities show different text not in the same activity

P.S.

I'm still working on it to fix definitely this issue.

 

[Douglas Farias]

@lonleystar
only to report
the last update dont show the images again
http://www.b4x.com/android/forum/threads/library-b4agridview-v3-40.24965/page-12#post-273642

and
GridView.SetImageOnLoading = "no_photo.png"

dont is working here =(

 

[lonleystar]

@lonleystar
only to report
the last update dont show the images again
http://www.b4x.com/android/forum/threads/library-b4agridview-v3-40.24965/page-12#post-273642

and
GridView.SetImageOnLoading = "no_photo.png"

dont is working here =(

Hi, just now I tried and work fine

 

[Douglas Farias]

@lonleystar
how to remove toastmensage "Input/Output error?"

 

[lonleystar]

@lonleystar
how to remove toastmensage "Input/Output error?"

Hi, about the post 245 it work fine about this give me some time to upload the fixed library.

 

[Douglas Farias]

Hi, about the post 245 it work fine about this give me some time to upload the fixed library.

images dont load, this dont work fine
the GridView.SetImageOnLoading = "no_photo.png"
i have fixed *-*

but you last lib still dont showing images

i m using
B4AGridView v3.40_New_Fix.zip
because
B4AGridView v3.45.zip
dont work in my moto g, i dont see the images

 

[lonleystar]

images dont load, this dont work fine
the GridView.SetImageOnLoading = "no_photo.png"
i have fixed *-*

but you last lib still dont showing images

i m using
B4AGridView v3.40_New_Fix.zip
because
B4AGridView v3.45.zip
dont work in my moto g, i dont see the images

Hi, I dont know the Moto G, bu i can say it work fine on every samsung.

 

[Douglas Farias]

when u made the
B4AGridView_Lib_v3.30.zip this dont work, dont show images ok
i have talk with you and u have fixed on the
B4AGridView v3.40_New_Fix.zip
later u make a new
B4AGridView v3.45.zip
and now the 3.30 error come again *-* dont show images...

i dont know what u make on v 3.4 new fix , this is working xD
http://www.b4x.com/android/forum/threads/library-b4agridview-v3-40.24965/page-12#post-273642

only your last dont work *-*

 

[MarcoRome]

when u made the
B4AGridView_Lib_v3.30.zip this dont work, dont show images ok
i have talk with you and u have fixed on the
B4AGridView v3.40_New_Fix.zip
later u make a new
B4AGridView v3.45.zip
and now the 3.30 error come again *-* dont show images...

i dont know what u make on v 3.4 new fix , this is working xD
http://www.b4x.com/android/forum/threads/library-b4agridview-v3-40.24965/page-12#post-273642

only your last dont work *-*

Same thing for me

 

[lonleystar]

Same thing for me

Hi Marco, my demo work fine.

P.S.
Can U post or send via e-mail: [email protected] the entire code so I can test it too and check if I get the same?.

 

[MarcoRome]

Hi Giuseppe. If i utilize library 3.45 i have this result:

I use your demo BasicGridView_3.20.
If i use library B4AGridView v3.40_New_Fix.zip all work.

Thank you very much Giuseppe

 

[lonleystar]

Hi Marco, in B4AGridView v3.45 U should use GridView.SetText2(3,"Demo Text") and GridView.SetText("Demo Text")

 

[Douglas Farias]

i go wait to new version xD

 

[MarcoRome]

Hi Giuseppe, thank you for this great library. Tomorrow i'll do an example to better explain and share any errors that occurred. In any case, by Tomorrow i will also donate to this excellent library.
Ciao
Marco

 

[lonleystar]

Hi Giuseppe, thank you for this great library. Tomorrow i'll do an example to better explain and share any errors that occurred. In any case, by Tomorrow i will also donate to this excellent library.
Ciao
Marco

Hi, till tomorrow I'll upload the fix.

 

[MarcoRome]

I checked the libraries and works well ( also 4.5 you can see image: GridView.SetImageOnLoading = "no_photo.png" - look movie: )


Maybe i made a mistake earlier. I made a donation to this great library.
Thanks again Giuseppe

 

[Douglas Farias]

i have tested the last lib and dont work on moto g, e, x, i think the problem is on all kitkat
dont show images really, only to report to u @lonleystar
i have tested on this 3 devices motorola

the lib B4AGridView v3.40_New_Fix.zip its working on this 3 devices
only B4AGridView v3.45.zip dont work (dont show images)

another bug is the crop center and center crop dont work too!

GridView.ScaleType = GridView.ScaleType.Center_Crop

GridView.ScaleType = GridView.ScaleType.Center

LogCat connected to: B4A-Bridge: motorola XT1033-359321054369100
--------- beginning of /dev/log/main
** Activity (main) Create, isFirst = false **
** Activity (main) Resume **
** Service (service1) Destroy **
** Service (service1) Create **
** Service (service1) Start **
Connected to B4A-Bridge (Wifi)
Installing file.
** Activity (main) Pause, UserClosed = false **
** Activity (main) Resume **
Installing file.
** Activity (main) Pause, UserClosed = false **
PackageAdded: package:click.fight.valow
** Activity (main) Create, isFirst = true **
** Activity (main) Resume **
** Service (notifica) Create **
** Service (notifica) Start **
** Service (httputils2service) Create **
** Service (httputils2service) Start **
** Activity (main) Pause, UserClosed = false **
** Activity (telaprincipal) Create, isFirst = true **
it.giuseppe.salvi.gridview.library.core.exception.B4AExceptionWrapper: You can not use [ ScaleType.Center_Crop or ScaleType.Center ]
at it.giuseppe.salvi.gridview.library.core.GridViewActivityWrapper.setScaleType(GridViewActivityWrapper.java:504)
at click.fight.valow.telaprincipal._activity_create(telaprincipal.java:960)
at java.lang.reflect.Method.invokeNative(Native Method)
at java.lang.reflect.Method.invoke(Method.java:515)
at anywheresoftware.b4a.BA.raiseEvent2(BA.java:175)
at click.fight.valow.telaprincipal.afterFirstLayout(telaprincipal.java:98)
at click.fight.valow.telaprincipal.access$100(telaprincipal.java:16)
at click.fight.valow.telaprincipal$WaitForLayout.run(telaprincipal.java:76)
at android.os.Handler.handleCallback(Handler.java:733)
at android.os.Handler.dispatchMessage(Handler.java:95)
at android.os.Looper.loop(Looper.java:136)
at android.app.ActivityThread.main(ActivityThread.java:5086)
at java.lang.reflect.Method.invokeNative(Native Method)
at java.lang.reflect.Method.invoke(Method.java:515)
at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:785)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:601)
at dalvik.system.NativeStart.main(Native Method)

if i try to use only

GridView.ScaleType.Center

i cant compile

Parsing code. 0.11
Compiling code. Error
Error compiling program.
Error description: '=' expected.
Occurred on line: 198
GridView.ScaleType.Center
Word: center

3 fix need
- (Remove Input/output error toast)
ps: for example on my s3 device i have 5000 pictures, i have (200) images with (Input/output error), i see the toast 200x and i see black images where i have this error on grid, one good option its remove this images, and remove this toast 200x xD
Question: why this error happens? its images from drive? i only see black images when i have this error

-(Fix the imageshow on kitkat)
make a fix same the version 3.4_new_fix on your last lib for all motorola or kitkat devices

-(Fix the GridView.ScaleType.Center , GridView.ScaleType.Center_Crop)


and its done, i think i reported the all bugs i find, i think dont have any other bug, the lib is fast, and good.
thx again for u work man.