Android Question Shapes in layouts

[arpitbandi]

Hi guys,
Can someone help me with how do i add shapes (lines/circles etc) to my design layouts? Couldn't find any direct option, maybe am missing something surely!

 

[Erel]

You cannot add such shapes with the designer. You can draw them with B4XCanvas.

 

[arpitbandi]

Yeah... Saw that.. But was getting a little difficult with it... For instance ive the layout of attached screenshot, and wanted to separate all important labels and make it a more attractive layout basically... Adding lines with b4xcanvas is a bit cumbersome, especially bcoz will need to edit co ordinates for all if i add/delete or resize any controls

 

[Biswajit]

Hi guys,
Can someone help me with how do i add shapes (lines/circles etc) to my design layouts? Couldn't find any direct option, maybe am missing something surely!

You cant add a shape from designer but you can add a shape as view's background.

ShapeDrawable - Clipped rounded rectangle and circle shape

ShapeDrawable Author: @Biswajit Version: 1 ShapeDrawable A drawable that draws shapes. You can draw Arc, Oval, Rectangle, Rounded Rectangle, even a Custom Shape (using Path). The content of the view will be clipped only for rectangle, circle, and rounded rectangle shapes Functions: GetAlpha...

www.b4x.com

And for a line you can change the width or height of a panel or label and change the background color.
Eg. For horizontal line set the height to 1dip and change the width to whatever you want. For vertical line set the width to 1dip and change the height to whatever you want.

 

[arpitbandi]

Thanks a lot for the suggestion... Taking hint from your answer, found a workaround.... In designer itself, added labels and set height to 2-4 with black color.. And no text... Result seems decent to me(screenshot). What you guys think? Any major issues with this??

 

[Biswajit]

Thanks a lot for the suggestion... Taking hint from your answer, found a workaround.... In designer itself, added labels and set height to 2-4 with black color.. And no text... Result seems decent to me(screenshot). What you guys think? Any major issues with this??

Looks good. But I think its better to use clv for showing this type of data. You can show like
total case xxxxxxxxx (white row)
active case xxxxxxxx (light grey row)
..
..
Clv will automatically add a devider after each row.
Or you can use simple list view as well.

UI plays a massive role in creating user satisfaction that helps increase the number of users.

 

[arpitbandi]

Looks good. But I think its better to use clv for showing this type of data. You can show like
total case xxxxxxxxx (white row)
active case xxxxxxxx (light grey row)
..
..
Clv will automatically add a devider after each row.
Or you can use simple list view as well.

UI plays a massive role in creating user satisfaction that helps increase the number of users.

Exactly thats the point... Actually didnt use those because of the headings that needed to be added too... Anyways will surely consider trying them out to make improvements... Thanks a lot for the help!

And yeah do check out the app in 'Share your creations ' Section ?

 

[Alexander Stolte]

In designer itself, added labels and set height to 2-4 with black color.. And no text... Result seems decent to me(screenshot). What you guys think? Any major issues with this??

You should use a panel instead of a label to make a black line.