Share My Creation Demo: Expandable Panels

This is just a UI demo for Expandable Panels and how it can be made to look good.
It uses Informatix's Actionbar class (great job!).

The apk is here:
Re-updated:
https://www.dropbox.com/s/xmnnnl6j7v0xskz/BackupSMS.apk

On a side note, why is the apk file limit on the forum set to only 390.6KB?

 

[Erel]

On a side note, why is the apk file limit on the forum set to only 390.6KB?

The files are stored inside the forum database. Large files create a significant impact on the database performance.

 

[thedesolatesoul]

I see. Good point. Thanks for the explanation.

Sent from my GT-I9305 using Tapatalk 2

 

[bluedude]

Can you share the source of this demo?

I like the style of this one, can you share the source code?

Cheers.

 

[thedesolatesoul]

I like the style of this one, can you share the source code?

Cheers.

I am still working on it. It will be ready in a couple of days (or at my pace, weeks!). Send me a PM if you want something in particular.

 

[bluedude]

Nothing special, just wondering how you did these nicely styles panels

Just wondering how you did these panels with shadows etc.

 

[thedesolatesoul]

Just wondering how you did these panels with shadows etc.

Ah those are just 9patch pngs. I suck at graphics so spent a week finding ones I like. I wanted it to be like google cards, but those were not as nice as these ones. Cant remember where I got them from, I can send them to you when i get home. They are however a little annoying since they require you to do everything at an offset.

 

[bluedude]

My problem too these graphics, that's why I ask

So are these stretching when panel expands etc.?

 

[thedesolatesoul]

My problem too these graphics, that's why I ask

So are these stretching when panel expands etc.?

Yes, they automatically expand.
With a 9patch you define the borders, and the content area. It is just like a regular png file, but with a 1 pixel border on each side. Within that you define the stretchable area.
So the borders do not expand, but the region in the centre can expand, so it still looks good.

 

[thedesolatesoul]

Among other places you can find the png here: http://osmv.googlecode.com/svn/trunk/Windig/res/drawable-hdpi/search_bg_shadow.9.png

 

[bluedude]

How did you implement these for the expandable panels? Is it a background?

Cheers,

 

[thedesolatesoul]

How did you implement these for the expandable panels? Is it a background?

Cheers,

You can read Erel's detailed tutorial here: http://www.b4x.com/forum/basic4andr...283-nine-patch-images-tutorial.html#post80908
In short, you need to:
- copy the 9patch image to res\drawable and set it to read-only
- use the code from Erel that will set a 9patch image to the background of the view

 

[bluedude]

thedesolatesoul

Tried the ninepatch tutorial (label) with your background but actually does not work at all.

Any code to share how you did this with the expanding panels?

Cheers,

 

[thedesolatesoul]

What do you mean by does not work at all?

Here is the code I used:

UIBuilder is a code module:

   UIBuilder.SetNinePatchView(pnlSchedule.AsPanel ,"search_bg_shadow")

This code sets the 9patch to any view:

Sub SetNinePatchView(lbl As View, DefaultImage As String)
    Dim R As Reflector
    Dim package As String
    Dim idDefault, idPressed, idSelected As Int
    package = R.GetStaticField("anywheresoftware.b4a.BA", "packageName")
    idDefault  = R.GetStaticField(package & ".R$drawable", DefaultImage)
    R.Target   = R.GetContext
    R.Target   = R.RunMethod("getResources")

   lbl.Background  = R.RunMethod2("getDrawable", idDefault, "java.lang.int")
   
End Sub

 

[lock255]

For a beginner like me, it would be very interesting to see the full source code

 

[thedesolatesoul]

For a beginner like me, it would be very interesting to see the full source code

Sorry I dont have the full source code anymore.
However, it is a simple combination of two codes:
http://www.b4x.com/forum/additional...27366-class-expandable-panels.html#post158633
http://www.b4x.com/forum/basic4andr...7368-demo-expandable-panels-2.html#post161030

This is all you need.

 

[lock255]

Sorry I dont have the full source code anymore.
However, it is a simple combination of two codes:
http://www.b4x.com/forum/additional...27366-class-expandable-panels.html#post158633
http://www.b4x.com/forum/basic4andr...7368-demo-expandable-panels-2.html#post161030

This is all you need.

Ok, I'll try to follow the thread 2.