Example 1: First we will design Android Linear Layout without using weight property
In this example we have used one TextView and 4 Button. The orientation is set to vertical.
Below is the code of activity_main.xml
<!-- Vertical Orientation is set --> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <!-- Text Displayed At Top --> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textAppearance="?android:attr/textAppearanceLarge" android:text="Linear Layout (Without Weight)" android:id="@+id/textView" android:layout_gravity="center_horizontal" /> <!-- Button Used --> <Button android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Button 1" android:background="#009300" /> <Button android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Button 2" android:background="#e6cf00" /> <Button android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Button 3" android:background="#0472f9" /> <Button android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Button 4" android:background="#e100d5" /> </LinearLayout>
Example 2: In this example of linear layout we have used weight property.
Below is the code of activity_main.xml with explanation included<!-- Vertical Orientation is set with weightSum--> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:weightSum="5" android:orientation="vertical"> <!-- Text Displayed At Top --> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textAppearance="?android:attr/textAppearanceLarge" android:text="Linear Layout (With Weight)" android:id="@+id/textView" android:layout_gravity="center_horizontal" android:layout_weight="0"/> <!-- Button Used --> <Button android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Button 1" android:background="#009300" android:layout_weight="1"/> <Button android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Button 2" android:background="#e6cf00" android:layout_weight="1"/> <Button android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Button 3" android:background="#0472f9" android:layout_weight="1"/> <Button android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Button 4" android:background="#e100d5" android:layout_weight="1"/> </LinearLayout>
No comments:
Post a Comment
Note: only a member of this blog may post a comment.