Layout Inflater

In this tutorial, I will show you about Layout Inflater in android. See the out put below:

Output of layout_inflater.xml:

After you click the Add View Button. Here's the output below:

The content of content.xml display and when you click the Remove button, the content.xml form will be removed.


See the complete code below:

layout_inflater.xml


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".LayoutInflater" >

    <Button
        android:id="@+id/btn_addview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="5dp"
        android:text="Add View" />

    <Button
        android:id="@+id/btn_removeview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="19dp"
        android:layout_toRightOf="@+id/btn_addview"
        android:text="Remove" />

    <RelativeLayout
        android:id="@+id/rl_display"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/btn_addview">
    </RelativeLayout>

</RelativeLayout>

content.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:id="@+id/ll_content"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical" >

    <TextView

        android:id="@+id/tt_title"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:textSize="16sp"

        android:textStyle="bold"

        android:text="Fill Up The Form Below" />

    <EditText

        android:id="@+id/et_name"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:hint="Name"

        android:ems="10" >

        <requestFocus />

    </EditText>

    <EditText

        android:id="@+id/et_address"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:hint="Address"

        android:ems="10" />

    <Button

        android:id="@+id/btn_submit"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Submit" />

</LinearLayout>

LayoutInflater.java

package com.client.app.views;

import android.app.Activity;

import android.os.Bundle;

import android.view.Menu;

import android.view.View;

import android.view.View.OnClickListener;

import android.view.ViewGroup;

import android.widget.Button;

import android.widget.EditText;

import android.widget.RelativeLayout;

import android.widget.Toast;

public class LayoutInflater extends Activity implements OnClickListener{

RelativeLayout rl_content;

Button addview, removeview, btn_submit;

EditText et_name, et_address;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.layout_inflater);

initializeVars();

}

public void initializeVars(){

rl_content = (RelativeLayout)findViewById(R.id.rl_display);

addview = (Button)findViewById(R.id.btn_addview);

removeview = (Button)findViewById(R.id.btn_removeview);

addview.setOnClickListener(this);

removeview.setOnClickListener(this);

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds items to the action bar if it is present.

getMenuInflater().inflate(R.menu.layout_inflater, menu);

return true;

}

@Override

public void onClick(View arg0) {

// TODO Auto-generated method stub

switch(arg0.getId()){

case R.id.btn_addview:

View view = getLayoutInflater().inflate(R.layout.content, rl_content,false);

rl_content.addView(view);

et_name = (EditText)findViewById(R.id.et_name);

et_address = (EditText)findViewById(R.id.et_address);

btn_submit = (Button)findViewById(R.id.btn_submit);

btn_submit.setOnClickListener(new OnClickListener(){

@Override

public void onClick(View arg0) {

// TODO Auto-generated method stub

Toast.makeText(getApplicationContext(), et_name.getText().toString()+" "+et_address.getText().toString(), Toast.LENGTH_SHORT).show();

}

});

break;

case R.id.btn_removeview:

View myView = findViewById(R.id.ll_content);

ViewGroup parent = (ViewGroup) myView.getParent();

parent.removeView(myView);

break;

}

}

}

AndroidManifies.xml

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

    package="com.client.app.views"

    android:versionCode="1"

    android:versionName="1.0" >

    <uses-sdk

        android:minSdkVersion="3"

        android:targetSdkVersion="17" />

    <application

        android:icon="@drawable/ic_launcher"

        android:label="@string/app_name"

        android:theme="@style/AppTheme" >

        <activity

            android:name="com.client.app.views.LayoutInflater"

            android:label="@string/app_name" >

            <intent-filter>

                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />

            </intent-filter>

        </activity>

    </application>

</manifest>

That's it, Enjoy Coding. Hope this help you!