Android Tutorial Designer Scripts Tutorial

hackhack

Active Member
Licensed User
You should not used 'dip' units with this value as it is already measured in physical units.
I'm also confused by this sentence. "As it is already" means it sound that "dip" units are physical units - I thought they were virtual units?
 

Erel

Administrator
Staff member
Licensed User
I will answer with an example. The physical size of a button with a width of 100 depends on the device scale.

However the physical size of a button with a width of 100dip will be 100/160 inch on all devices. So you can say that dip units are actually physical units.

Font sizes are also measures in physical units (and not pixels). So you should not use dip units with font sizes.
 

icebold

Member
Licensed User
Question

Hi Erel,
why do you say that is not recommended to create variants with scales other than 1.0 ?

I tried to set up a new variant for Samsung SII that is 480x800, scale 1.5 ( scale 240 dpi ) and the program suggests me to use 320x533, scale 1 at 160dpi and in fact the suggested variant works fine on the emulator.

Could it be more compatible with any devices?

Thanks
 

Creaky

Member
Licensed User
I'm as happy as a clam with these new designer scripts Erel! :sign0060:

But I hope you don't mind me making a few minor suggestions?

Minor suggestion #1:
When the Designer Scripts editor is active the views in the emu and AD are locked, I totally get that. But it would be nice to be able to select them and that the id of the selected view is shown somewhere in de script editor. Especially in layouts with a lot of views, it is sometimes impossible to see the id of a view in the AD because of the small size of the view. Now you have to switch back between the Designer Scripts editor and the layout tab just to find out what the name of a particular view is. <edit>An even better and very efficient solution would be that you can double click the view in the locked AD and that the ID of the view would be inserted in the designer script at the cursor position. :) </edit>

Minor suggestion #2:
It would be nice if the 'Variant specific' script was run before the 'All variants' script. The 'All variants' script will usually base the positions and sizes of a general set of views on the size and position of some specific views that need to be resized or repositioned according to a particular screen size. See the screenshots below.

In this example I want to base the size and position of the spinner and buttons on the size and position of the bottom EditText. The EditText has a different height for each layout variant though, which results in the spinner and buttons being positioned in the wrong way.

Wrong positioning:


Right positioning:


The only way I can achieve the right positioning is by moving my 'All variants' script to the bottom of my 'Variant specific' script.

If the 'Variant specific' script would run before the 'All variants' script, moving the 'All variants' script to the 'Variant specific' script would not be neccessary.

Apart from these suggestions I am very happy with the new designer scripts! :)
 
Last edited:

Paulsche

Well-Known Member
Licensed User
Spinner Textsize to smal

i design my Layout for Tablet with 800x1280 scale 1 160dpi ,

has the dimensions and size I make twice as large,
What goes well, I can only spinner in the script editor does not specify text size
the text is too small. how can I fix it ?

I have solved the problem in the code.
the text size of a button spinner just the same as defined
The button is defined in the script

SPN00Startseite_Objektfilter.TextSize = BTN00Startseite_Objektverwaltung.TextSize
 

Attachments

Last edited:

cymorg

Member
Licensed User
The designer scripts are top notch. Nevertheless I can't help myself reporting one (obvious?) missing feature.

Scroll bars on the Abstract Designer would mean that panels larger than the development machine's screen would be editable without zooming (which only works up to a certain size anyway).

Maybe add this to the wish list & keep up the good work. It is really appreciated.
 

pilbazan

Member
Licensed User
A new simple suggestion for the Designer

Hi Erel,
I have a simple suggestion for the next update:
It is possible to show a miniature of the 'image Files' added in the Designer? It will be faster that go to the folder 'Files' to see them when we want to delete one of them.

Thanks a lot and very good job. B4A is incredible!
 

JoanRPM

Active Member
Licensed User
Problem with the Designer Scrips

I just want to make a keyboard in a panel.
I try to make that all the buttons are relatives to the panel.
The buttons should be referenced to the panel, but it fails.
I made a simple example so the panel is in the center of activity and the button is in the center of the panel. But is not working.
I have in the designer scripts:

B4X:
'All variants script

Panel1.HorizontalCenter = 50%x
Panel1.VerticalCenter = 50%y

Button1.HorizontalCenter = Panel1.HorizontalCenter
Button1.VerticalCenter = Panel1.VerticalCenter
Am I doing something wrong?
Here is the sample.

thanks
 

Attachments

Erel

Administrator
Staff member
Licensed User
There are two issues here.
First, as Button1 is a child of Panel1 its coordinates are related to Panel1.
You should change your code to:
B4X:
Panel1.HorizontalCenter = 50%x
Panel1.VerticalCenter = 50%y

Button1.HorizontalCenter = Panel1.HorizontalCenter - Panel1.Left
Button1.VerticalCenter = Panel1.VerticalCenter - Panel1.Top
This will work correctly in the compiled app. However there is a bug in the designer with the value returned from HorizontalCenter. So in the designer the button will be slightly left from the center.
This bug will be fixed in the next update.
 

JoanRPM

Active Member
Licensed User
Erel.
Yes, it is true, the compiled version works perfectly. In the designer, will have to wait the next version.
I thought that because the button was related with the panel, it is not necessary to subtract the starting position.
Thanks for your quick response. You do not rest ever?
Regards.
 

RomanR

New Member
Licensed User
Awesome tool - minor suggsstion

Hi Erel,

you have created an awesome tool for programming android-devices and an absolute cool feature for designing layouts.
However I have another suggestion for the designer script:
make an easy way to create different layouts for horizontal and vertical layouts in the "All variants script". It is often better to split the layout than to stretch it.

Thanks again :icon_clap:
 

RiverRaid

Active Member
Licensed User
@RomanR + 1

I have the same problem.. I use different variants for landscape and portrait.
But f.i on my Galaxy S2, the layoutvariant script doesn't work (because dpi = 1.5).

Is there a possibility to just do the scripts for landscape and portrait (regardles of dpi, width & height)?
 

Attachments

Top