Custom AlertDialog with EditText and ImageView build with AlertDialog Builder

Example to builld AlertDialog with EditText and ImageView, build with AlertDialog.Builder.

Create layout/dialog_layout.xml, to define the layout of the dialog.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
 
 android_orientation="vertical"
 android_layout_width="match_parent"
 android_layout_height="match_parent">

 <ImageView
 android_id="@+id/image"
 android_layout_width="wrap_content"
 android_layout_height="wrap_content" />
 <TextView
 android_layout_width="match_parent"
 android_layout_height="wrap_content"
 android_text="This is custom layout in custom dialog"/>
 <EditText
 android_id="@+id/dialogEditText"
 android_layout_width="match_parent"
 android_layout_height="wrap_content" />

</LinearLayout>

MainActivity.java

package com.blogspot.android_er.androidcustomalertdialog;

import android.app.AlertDialog;
import android.content.DialogInterface;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

 Button btnOpenDialog;
 TextView textInfo;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);

 btnOpenDialog = (Button)findViewById(R.id.opendialog);
 textInfo = (TextView)findViewById(R.id.info);

 btnOpenDialog.setOnClickListener(new View.OnClickListener() {
 @Override
 public void onClick(View v) {
 openDialog();
 }
 });
 }

 private void openDialog(){
 LayoutInflater inflater = LayoutInflater.from(MainActivity.this);
 View subView = inflater.inflate(R.layout.dialog_layout, null);
 final EditText subEditText = (EditText)subView.findViewById(R.id.dialogEditText);
 final ImageView subImageView = (ImageView)subView.findViewById(R.id.image);
 Drawable drawable = getResources().getDrawable(R.mipmap.ic_launcher);
 subImageView.setImageDrawable(drawable);

 AlertDialog.Builder builder = new AlertDialog.Builder(this);
 builder.setTitle("AlertDialog");
 builder.setMessage("AlertDialog Message");
 builder.setView(subView);
 AlertDialog alertDialog = builder.create();

 builder.setPositiveButton("OK", new DialogInterface.OnClickListener() {
 @Override
 public void onClick(DialogInterface dialog, int which) {
 textInfo.setText(subEditText.getText().toString());
 }
 });

 builder.setNegativeButton("Cancel", new DialogInterface.OnClickListener() {
 @Override
 public void onClick(DialogInterface dialog, int which) {
 Toast.makeText(MainActivity.this, "Cancel", Toast.LENGTH_LONG).show();
 }
 });

 builder.show();
 }
}

layout/activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
 
 
 android_layout_width="match_parent"
 android_layout_height="match_parent"
 android_padding="16dp"
 android_orientation="vertical"
 tools_context=".MainActivity">

 <TextView
 android_layout_width="wrap_content"
 android_layout_height="wrap_content"
 android_layout_gravity="center_horizontal"
 android_autoLink="web"
 android_text="http://android-er.blogspot.com/"
 android_textStyle="bold" />

 <Button
 android_id="@+id/opendialog"
 android_layout_width="match_parent"
 android_layout_height="wrap_content"
 android_text="Open Dialog"/>

 <TextView
 android_id="@+id/info"
 android_layout_width="match_parent"
 android_layout_height="wrap_content"
 android_textSize="20dp"
 android_textStyle="bold"/>
</LinearLayout>

Related Posts by Categories