Android Question Tiles based dashboard UI

[giggetto71]

HI guys,
I think this has been asked before but I was not able to get too much guidance.
The idea would be to design a UI based on squared tiles (a couple of tiles per rows), scrollable. ideally each tile would be configured with a layout with few view (a couple of buttons, labels maybe a gauge..simple stuff). each tile should be able to get events in the code for pressing buttons and code should be able to update the labels and the gauge in the tiles.
if it was one tile per row I would go for a custom list view easily. also having two single custom list view one close to the other I don't like as scrolling would not be fluid (I made a test and I did not like it).
What would be the suggested view to use? Any example available?
thank you all for any suggestion.

 

[epiCode]

check this example with images on how scroll view and image view are used similar to what you are looking for...

[B4X] SimpleMediaManager (SMM) - framework for images, videos and more

This is a simple to use, cross platform library, that does many complex things under the hood. The developer calls SetMedia with a placeholder panel and a url. The panel will show an image, video or animated gif (more formats will be added). 'Show a remote image / video / animated gif in...

www.b4x.com

you can use panel instead of images as your holder for your layouts

 

[TILogistic]

?

[custom view] GridManager

A simple custom view which creates a grid of panes. You can set the number of columns and rows. The panes are resized automatically when the GridManager is resized, make sure to use anchors in your layouts. In this example the same layout is loaded in each of the panes. You can of course load...

www.b4x.com

Grid Class - PreoptimizedCLV

Grid using Erel sample code based on PreoptimizedCLV -> https://www.b4x.com/android/forum/threads/grid-class-preoptimizedclv.116309/#post-726808 Example applied on F1, Work very nice: The idea of this class is to be able to load in a 3 column Grid (customizable) a long list of url images...

www.b4x.com

Loop for designer script

My project design includes 50 buttons. For appropriate arrangement to support any type of device, Buttons are distributed in equal column and rows means 25 buttons are placed in 5 columns and 5 rows. I am using code as below. However, instead of writing 50 code lines, I am looking for loop...

www.b4x.com

[B4X] IPTV Simple

Simple cross-platform IPTV list player. This version only allows you to play a single IPTV list. The professional version allows multiple lists and groupings by: Categories Languages Country Region It also allows you to generate your own custom IPTV lists in M3U format. Regards.

www.b4x.com

 

[TILogistic]

take a look at this it will give you an idea of how to load layouts or classes in your panels or grids

[B4X] How To Implement Desktop Dashboard UI

I built an app in B4J using B4XPages. It uses multiple windows. Right now, an initial window has a set of buttons. Once one of these is clicked, a new window pops up displaying the layout for that functionality. Once that is closed, we return to the main window. We are now considering using a...

www.b4x.com

 

[TILogistic]

for b4a windows

[Class] Floating Windows

Hello, With this class, you can create floating windows, move them with the finger, dock them, stick them to an edge, maximize them, customize their action bar... You fill them as you fill a panel. This class needs the Reflection library. v1.1: The class has been splitted in two...

www.b4x.com

 

[TILogistic]

b4j server web.

jQuery Desktop

JavaScript desktop environment built with jQuery.

www.htmldrive.net

 

[TILogistic]

If you need help, please post a drawing of your design and we can help you here on the forum.

right now i am working on desktop layout for jserver web.

I already developed above dashboard for B4X.

 

[giggetto71]

Thanks...need to go through all the suggestions (thanks..). Will get back. Thanks!!!

 

[giggetto71]

@TILogistic I finally had some time to go through your suggestions and I probably need some further guidance...
As you suggested, I am posting a sketch of the layout I am trying to implement. basically I would need to load few types of tiles (each defined as a different bal files to be loaded). the tiles should be added at run time, the layout should be scrollable and I should be able at run time to get/set individual tiles's objects.
thank you very much for any help.