Friday, March 23, 2012

Merge two layout xml in android


Merge two layout xml in android

Merging layout is an excellent feature in android. Separate xml can be included in a single xml.
For this first i create a main.xml file
?
Drag and copy the code
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
 
 <TextView
    android:text="Account"
    android:id="@+id/account"
    android:layout_below="@+id/title"
     android:padding="10dip"
    android:layout_alignParentLeft="true"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    >
</TextView>
<EditText
    android:id="@+id/youtube_feed_TF"
    android:hint="Username"
    android:layout_marginLeft="10dip"
    android:inputType="textEmailAddress"
    android:layout_below="@+id/account"
    android:layout_centerHorizontal="true"
    android:layout_width="fill_parent"
    android:padding="10dip"
    android:layout_height="wrap_content"
></EditText>
<include layout="@layout/footer2button"/>
 
</RelativeLayout>
In the bottom you can see that i have included a xml file named footer2button.xml
?
Drag and copy the code
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<LinearLayout
    android:layout_width="fill_parent"
    android:gravity="bottom"
    android:id="@+id/bottomlayout"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true">  
 
            <Button android:layout_height="wrap_content"
                 android:id="@+id/backbutton"
                 android:text="Back"
                 android:layout_width="wrap_content"
                 android:layout_weight="1"
                 android:layout_alignParentBottom="true">
            </Button>
 
            <Button android:layout_height="wrap_content"
                android:id="@+id/nextbutton"
                 android:text="Next"
                 android:layout_width="wrap_content"
                 android:layout_weight="1"
                 android:layout_alignParentBottom="true">
           </Button>
 
</LinearLayout>
</merge>
The Merged layout will be like this

No comments: