LAMW: Lazarus Android Module Wizard

How to design a GUI layout that shown same in real device?

• For visual components configure these properties:

  • Anchor
  • PosRelativeToParent
  • PosRelativeToAnchor
  • LayoutParamHeight
  • LayoutParamWhidth

• Example

  • 1 Put a jTextView component on LAMW Form and set properties:

    	PosRelativeToParent
    	rpCenterHorizontal = [True]
    	rpTop = [True]
    	Text = GUI Design WYSIWYG   
    	//(Because only Position Relative to Parent(form) is need to localize jTextView1)
    

  • 2 - Put a jEditText component on LAMW Form and set properties:

       Anchor = jTextView1
       LayoutParamWidth = lpTwoThirdOfParent
       PosRelativeToAnchor
       raBelow = [True]
       PosRelativeToParent
       rpCenterHorizontal = [True]
       Text = Ok
    
      //(Because we want it to be bellow the jTextView1)
    

  • 3 - Put a jButton component on LAMW Form and set properties:

    
       Anchor = jEditText1
       LayoutParamWidth = lpTwoThirdOfParent 
       PosRelativeToAnchor
       raBelow = [True]
       PosRelativeToParent
       rpCenterHorizontal = [True]
       Text = Sample    
       //(Because we want it to be bellow the jEditText1)
    
    

  • 4 - Hint:

    • To Change width/height of a visual component you should configure LayoutParamWhidth and LayoutParamHeight!

Others references

1. Tutorial: My First "Hello Word" App

2. Multi-Form demo

3. All GUI demos