Custom Alert in android.

By | February 8, 2012

We can create any type of alert in android.
Today I will show a simple example showing how to create a custom alert in android.

i.e you can provide any layout to your alert dialog.

Now we will start.

First create an xml for your alert dialog.
Here I am creating an xml that contains a textView, an imageView, two editText, a ratingbar and a button.
All these are placed inside a scrollview.
create a new xml file named “custom_alert.xml” in the res/layout folder and copy this code into it.

[xml]
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center|center_horizontal" >

<ScrollView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:scrollbars="vertical"
android:fadeScrollbars="true">

<LinearLayout
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center|center_horizontal" >

<TextView
android:text="Custom Alert"
android:id="@+id/TextView01"
android:layout_width="fill_parent"
android:gravity="center"
android:layout_gravity="center|center_horizontal"
android:layout_height="wrap_content">
</TextView>

<ImageView
android:id="@+id/ImageView01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center|center_horizontal">
</ImageView>

<EditText
android:text="CoderzHeaven"
android:id="@+id/EditText01"
android:layout_margin="5dp"
android:layout_width="fill_parent"
android:layout_height="wrap_content">
</EditText>

<EditText
android:text=""
android:id="@+id/EditText02"
android:layout_margin="5dp"
android:layout_width="fill_parent"
android:layout_height="wrap_content">
</EditText>

<RatingBar
android:id="@+id/RatingBar01"
android:layout_width="wrap_content"
android:layout_margin="5dp"
android:layout_height="wrap_content">
</RatingBar>

<Button
android:text="Close App"
android:id="@+id/Button01"
android:layout_gravity="center|center_horizontal"
android:layout_width="fill_parent"
android:layout_margin="5dp"
android:layout_height="wrap_content">
</Button>

</LinearLayout>
</ScrollView>
</LinearLayout>
[/xml]

Now in your main java file copy this code.

[java]
package com.coderzheaven.pack;

import android.app.Activity;
import android.app.Dialog;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;

public class CustomAlertDemo extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

showAlert();
}

public void showAlert(){
Dialog dialog = new Dialog(this);
dialog.setContentView(R.layout.custom_alert);
dialog.setTitle("This is a custom dialog box");
dialog.setCancelable(true);

TextView text = (TextView) dialog.findViewById(R.id.TextView01);
text.setText("Custom alert demo");

ImageView img = (ImageView) dialog.findViewById(R.id.ImageView01);
img.setImageResource(R.drawable.android_3);

Button button = (Button) dialog.findViewById(R.id.Button01);
button.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
finish();
}
});
dialog.show();
}
}
[/java]

The showAlert function will create the Dialog with the custom layout and show it.

This is the main.xml. Actually we dont need this .

[xml]
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello"
/>
</LinearLayout>
[/xml]

Here is the AndroidManifest.xml
[xml]
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.coderzheaven.pack"
android:versionCode="1"
android:versionName="1.0">
<application android:icon="@drawable/icon" android:label="@string/app_name">
<activity android:name=".CustomAlertDemo"
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>
[/xml]

Custom Alert in Android

Custom Alert in Android

Please leave your valuable comments on this post

Leave a Reply

Your email address will not be published. Required fields are marked *