Question

I using the ‘LinearLayout’ and i add 4 controls.

       1. textView_1   - that contain the title of the application
       2. textView_2   - that contain some dynamic text
       3. Button       - that contain the title of the application
       4. ImageView    - that contain the application logo ( image ) 

My Questions are

How can i keep the relation between all of those controls ?
I want to make the first control to be 10% of the screen, the second to be 60%, the third to be 20% and the last to be 10%.

I also want to keep the font of the textview to be dynamic – so if the application will run on big screen ( tablet ) then the font will be grow according to the screen size.

Answer 1

use layout_weight for distributing the space.

<LinearLayout
     android:orientation="vertical"
>
   <TextView
     android:layout_height="0dp"
     android:layout_weight="0.1"
   />
   <TextView
     android:layout_height="0dp"
     android:layout_weight="0.6"
   />
   <Button
     android:layout_height="0dp"
     android:layout_weight="0.2"
   />
   <ImageView
     android:layout_height="0dp"
     android:layout_weight="0.1"
   />
</LinearLayout>

try using “sp” to scale font size.