Create DialogFragment with AlertDialog Builder

Last post show a example of DialogFragment, to create dialog view in onCreateView(). This example show how to create Dialog using AlertDialog.Builder() in onCreateDialog().

MainActivity.java

package com.blogspot.android_er.androiddialogfragment;

import android.app.AlertDialog;
import android.app.Dialog;
import android.app.DialogFragment;
import android.app.Fragment;
import android.app.FragmentTransaction;
import android.content.DialogInterface;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

 EditText inputTextField;

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

 inputTextField = (EditText)findViewById(R.id.inputtext);
 Button btnOpen = (Button)findViewById(R.id.opendialog);
 btnOpen.setOnClickListener(new View.OnClickListener() {
 @Override
 public void onClick(View v) {
 showDialog();
 }
 });
 }

 void showDialog() {
 FragmentTransaction ft = getFragmentManager().beginTransaction();
 Fragment prev = getFragmentManager().findFragmentByTag("dialog");
 if (prev != null) {
 ft.remove(prev);
 }
 ft.addToBackStack(null);

 String inputText = inputTextField.getText().toString();

 DialogFragment newFragment = MyDialogFragment.newInstance(inputText);
 newFragment.show(ft, "dialog");

 }

 public static class MyDialogFragment extends DialogFragment {

 String mText;

 static MyDialogFragment newInstance(String text) {
 MyDialogFragment f = new MyDialogFragment();

 Bundle args = new Bundle();
 args.putString("text", text);
 f.setArguments(args);

 return f;
 }

 @Override
 public Dialog onCreateDialog(Bundle savedInstanceState) {
 mText = getArguments().getString("text");

 return new AlertDialog.Builder(getActivity())
 .setIcon(R.mipmap.ic_launcher)
 .setTitle("Alert Dialog")
 .setMessage(mText)
 .setPositiveButton("OK",
 new DialogInterface.OnClickListener() {
 public void onClick(DialogInterface dialog, int whichButton) {
 Toast.makeText(getActivity(), "OK", Toast.LENGTH_LONG).show();
 }
 }
 )
 .setNegativeButton("Cancel", null)
 .create();
 }

 }
}

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"
 android_background="#808080">

 <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" />

 <EditText
 android_id="@+id/inputtext"
 android_layout_width="match_parent"
 android_layout_height="wrap_content"
 android_hint="Type something"/>
 <Button
 android_id="@+id/opendialog"
 android_layout_width="match_parent"
 android_layout_height="wrap_content"
 android_text="Open DialogFragment"
 android_textAllCaps="false"/>
</LinearLayout>

Next:
- Implement interactive DialogFragment

Read More..

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>

Read More..