How to create a Custom Dialog box in android

Question

I want to create a custom dialog box like below     I have tried the following things    I created a subclass of AlertDialog Builder and used a custom Title and Custom Content View and used that but the result was not as expected  Another attempt was to subclass DialogFragment and customize the dialog inside onCreateDialog that but result was not as expected  Then I tried using a plain Dialog class  The result was not as expected    In all three cases  the problem is when I overlook the title view the size of the dialog is not as expected and when I use Title view the result is there is a thick border around the content view  which really looks bad   Now I have two questions in my mind      How can I achieve that  As I have already tried so many things  a direct answer will be more appreciated  What is the best way to show an error or alert dialog in an android app    EDIT Android Developer Documentation recommends that we should use either DialogFragments or Dialogs for showing Error   Alert Messages to the user  However at one point they say         Tip  If you want a custom dialog  you can instead display an Activity as a dialog instead of using the Dialog APIs  Simply create an activity and set its theme to Theme Holo Dialog in the  manifest element    What is the meaning of that  Isn t it too much to use an Activity just for showing an error message

User · Answer

I found this as the easiest way for showing custom dialog  You have layout your layout xml public void showCustomDialog final Context context        Dialog dialog   new Dialog context       dialog requestWindowFeature Window FEATURE NO TITLE       LayoutInflater inflater    LayoutInflater  context getSystemService Context LAYOUT INFLATER SERVICE       view   inflater inflate R layout your layout  null  false       findByIds view      HERE YOU CAN FIND YOU IDS AND SET TEXTS OR BUTTONS         Activity  context  getWindow   setSoftInputMode WindowManager LayoutParams SOFT INPUT STATE VISIBLE   WindowManager LayoutParams SOFT INPUT ADJUST RESIZE       dialog setContentView view       final Window window   dialog getWindow        window setLayout WindowManager LayoutParams MATCH PARENT  WindowManager LayoutParams WRAP CONTENT       window setBackgroundDrawableResource R color colorTransparent       window setGravity Gravity CENTER       dialog show

User · Answer

Import custom alert    LayoutInflater inflater    LayoutInflater  getSystemService LAYOUT INFLATER SERVICE   View view   inflater inflate R layout dse location list filter  null   final Dialog dialog   new Dialog Acitvity name this   dialog setContentView view   dialog setCancelable true   dialog setCanceledOnTouchOutside true   dialog show

User · Answer

Simplest way to change the background color and text style is to make custom theme for android alert dialog as below  -    Just put below code to styles xml         lt style name  AlertDialogCustom  parent   android style Theme Dialog  gt       lt item name  android textColor  gt  999999 lt  item gt       lt item name  android windowIsFloating  gt true lt  item gt       lt item name  android windowContentOverlay  gt  null lt  item gt       lt item name  android windowTitleStyle  gt  null lt  item gt       lt item name  android typeface  gt monospace lt  item gt       lt item name  android backgroundDimEnabled  gt false lt  item gt       lt item name  android textSize  gt  dimen abc text size medium material lt  item gt       lt item name  android background  gt  80ff00ff lt  item gt   lt  style gt      Now customization thing is done   now just apply to your alertBuilder object        AlertDialog Builder builder   new AlertDialog Builder MainActivity this R style AlertDialogCustom     Hope   this will help you

User · Answer

Simple first create a class    public class ViewDialog            public void showDialog Activity activity  String msg               final Dialog dialog   new Dialog activity               dialog requestWindowFeature Window FEATURE NO TITLE               dialog setCancelable false               dialog setContentView R layout custom dialogbox otp               dialog getWindow   setBackgroundDrawable new ColorDrawable android graphics Color TRANSPARENT                 TextView text    TextView  dialog findViewById R id txt file path               text setText msg                Button dialogBtn cancel    Button  dialog findViewById R id btn cancel               dialogBtn cancel setOnClickListener new View OnClickListener                      Override                 public void onClick View v                          Toast makeText getApplicationContext    Cancel   Toast LENGTH SHORT  show                        dialog dismiss                                                   Button dialogBtn okay    Button  dialog findViewById R id btn okay               dialogBtn okay setOnClickListener new View OnClickListener                      Override                 public void onClick View v                          Toast makeText getApplicationContext    Okay   Toast LENGTH SHORT  show                        dialog cancel                                                   dialog show                      then create a custom dialogbox otp   lt LinearLayout xmlns android  http   schemas android com apk res android      android layout width  330dp      android layout height  160dp      android background   00555555      android orientation  vertical      android padding  5dp      android weightSum  100  gt        lt LinearLayout         android layout width  match parent          android layout height  match parent          android background   drawable round layout otp          android orientation  vertical          android padding  7dp          android weightSum  100  gt            lt LinearLayout             android layout width  match parent              android layout height  match parent              android layout weight  60              android orientation  horizontal              android weightSum  100  gt                lt LinearLayout                 android layout width  match parent                  android layout height  match parent                  android layout weight  80                  android gravity  center  gt                    lt ImageView                     android id    id a                      android layout width  50dp                      android layout height  50dp                      android background   DA5F6A                      android gravity  center                      android scaleType  fitCenter                      android src   mipmap infoonetwo    gt                lt  LinearLayout gt                lt LinearLayout                 android layout width  match parent                  android layout height  match parent                  android layout weight  20  gt                    lt TextView                     android id    id txt file path                      android layout width  wrap content                      android layout height  wrap content                      android layout gravity  center                      android singleLine  true                      android text  TEXTO                      android textColor   FFFFFF                      android textSize  17sp                      android textStyle  bold    gt               lt  LinearLayout gt           lt  LinearLayout gt            lt LinearLayout             android layout width  match parent              android layout height  match parent              android layout weight  40              android background   drawable round layout white otp              android orientation  vertical              android weightSum  100  gt                lt LinearLayout                 android layout width  match parent                  android layout height  match parent                  android layout gravity  center                  android layout weight  60  gt                    lt TextView                     android layout width  match parent                      android layout height  match parent                      android gravity  center                      android text  Do you wanna Exit                         android textColor   ff000000                      android textSize  15dp                      android textStyle  bold    gt               lt  LinearLayout gt                lt LinearLayout                 android layout width  match parent                  android layout height  match parent                  android layout weight  40                  android orientation  horizontal                  android weightSum  100  gt                     lt LinearLayout                     android layout width  match parent                      android layout height  match parent                      android layout marginRight  30dp                      android layout weight  50                      android gravity  center right  gt                        lt Button                         android id    id btn cancel                          android layout width  80dp                          android layout height  25dp                          android background   drawable round button                          android gravity  center                          android text  CANCEL                          android textSize  13dp                          android textStyle  bold                          android textColor   ffffffff    gt                    lt  LinearLayout gt                    lt LinearLayout                     android layout width  match parent                      android layout height  match parent                      android layout marginLeft  30dp                      android layout weight  50                      android gravity  center left  gt                         lt Button                         android id    id btn okay                          android layout width  80dp                          android layout height  25dp                          android background   drawable round button                          android text  OKAY                          android textSize  13dp                          android textStyle  bold                          android textColor   ffffffff    gt                    lt  LinearLayout gt               lt  LinearLayout gt           lt  LinearLayout gt       lt  LinearLayout gt   lt  LinearLayout gt    then in your drawable create  beneath xml files      for round layout white otp xml   lt shape xmlns android  http   schemas android com apk res android      android shape  rectangle   gt        lt  --  lt corners android radius  10dp    gt  -- gt       lt corners         android bottomLeftRadius  18dp          android bottomRightRadius  16dp          android topLeftRadius  38dp          android topRightRadius  36dp    gt       lt solid android color   C0C0C0    gt       lt  shape gt    for round layout otp xml      lt shape xmlns android  http   schemas android com apk res android      android shape  rectangle   gt        lt  --  lt corners android radius  10dp    gt  -- gt       lt corners         android bottomLeftRadius  18dp          android bottomRightRadius  16dp          android topLeftRadius  38dp          android topRightRadius  38dp    gt       lt solid android color   DA5F6A    gt       lt  shape gt    round button    lt shape xmlns android  http   schemas android com apk res android      android shape  rectangle   gt        lt  --  lt corners android radius  10dp    gt  -- gt       lt corners         android bottomLeftRadius  7dp          android bottomRightRadius  7dp          android topLeftRadius  7dp          android topRightRadius  7dp    gt       lt solid android color   06A19E    gt       lt  shape gt    Then finally use the underneath code to visual ur dialog     ViewDialog alert   new ViewDialog            alert showDialog ReceivingOTPRegActivity this   OTP has been sent to your Mail       your output

User · Answer

Create alert Dialog layout something like this    lt  xml version  1 0  encoding  utf-8   gt    lt LinearLayout xmlns android  http   schemas android com apk res android      android orientation  vertical       android layout width  match parent      android layout height  match parent  gt       lt Button         android id    id btn          android layout width  match parent          android text  Custom Alert Dialog          android layout height  40dp  gt       lt  Button gt   lt  LinearLayout gt    and Add below code on your Activity class   Override protected void onCreate Bundle savedInstanceState        super onCreate savedInstanceState        LayoutInflater inflate   LayoutInflater from this       alertView   inflate inflate R layout your alert layout  null       Button btn   Button  alertView findViewById R id btn        showDialog          public void showDialog            Dialog alertDialog   new Dialog RecognizeConceptsActivity this           alertDialog requestWindowFeature Window FEATURE NO TITLE           alertDialog setContentView alertView           alertDialog getWindow   setBackgroundDrawable new ColorDrawable Color TRANSPARENT            alertDialog show

User · Answer

A simple way to show custom dialog properly with this code dialog choose photo xml  lt  xml version  quot 1 0 quot  encoding  quot utf-8 quot   gt   lt RelativeLayout xmlns android  quot http   schemas android com apk res android quot  android layout width  quot match parent quot  android layout height  quot wrap content quot  android background  quot  android color transparent quot  android orientation  quot vertical quot  gt    lt LinearLayout     android id  quot   id l buttons quot      android layout width  quot match parent quot      android layout height  quot wrap content quot      android layout marginLeft  quot  dimen  5sdp quot      android layout marginRight  quot  dimen  5sdp quot      android layout marginBottom  quot  dimen  5sdp quot      android orientation  quot vertical quot  gt        lt LinearLayout         android layout width  quot match parent quot          android layout height  quot wrap content quot          android background  quot  drawable bg dialog smallround white quot          android orientation  quot vertical quot  gt            lt TextView             android id  quot   id txt camera quot              android layout width  quot match parent quot              android layout height  quot wrap content quot              android layout gravity  quot center quot              android gravity  quot center quot              android paddingTop  quot  dimen  10sdp quot              android paddingBottom  quot  dimen  10sdp quot              android text  quot Take a Photo quot              android textColor  quot  3080C7 quot              android textSize  quot 18sp quot    gt            lt View             android layout width  quot match parent quot              android layout height  quot 1dp quot              android background  quot  F1F0F0 quot    gt            lt TextView             android id  quot   id txt gallery quot              android layout width  quot match parent quot              android layout height  quot wrap content quot              android layout gravity  quot center quot              android gravity  quot center quot              android paddingTop  quot  dimen  10sdp quot              android paddingBottom  quot  dimen  10sdp quot              android text  quot Choose from Gallery quot              android textColor  quot  3080C7 quot              android textSize  quot 18sp quot    gt       lt  LinearLayout gt        lt LinearLayout         android layout width  quot match parent quot          android layout height  quot wrap content quot          android layout marginTop  quot  dimen  5sdp quot          android background  quot  drawable bg dialog smallround white quot          android orientation  quot vertical quot  gt            lt TextView             android id  quot   id txt cancel dialog quot              android layout width  quot match parent quot              android layout height  quot wrap content quot              android layout gravity  quot center quot              android gravity  quot center quot              android paddingTop  quot  dimen  10sdp quot              android paddingBottom  quot  dimen  10sdp quot              android text  quot Cancel quot              android textColor  quot  color colorPrimary quot              android textSize  quot 18sp quot    gt       lt  LinearLayout gt     lt  LinearLayout gt     lt  RelativeLayout gt   Just call this function  public void openPhotoDialog         final Dialog dialog   new Dialog this       dialog requestWindowFeature Window FEATURE NO TITLE       dialog setContentView R layout dialog choose photo       dialog setCancelable true           Setting dialogview      final Window window   dialog getWindow        window setLayout AbsListView LayoutParams MATCH PARENT  AbsListView LayoutParams WRAP CONTENT       dialog getWindow   setBackgroundDrawable new ColorDrawable Color TRANSPARENT        WindowManager LayoutParams wlp   window getAttributes         wlp gravity   Gravity BOTTOM      window addFlags WindowManager LayoutParams FLAG DIM BEHIND       window setDimAmount 0 5f       window setAttributes wlp         TextView txt camera   dialog findViewById R id txt camera       TextView txt gallery   dialog findViewById R id txt gallery       TextView txt cancel dialog   dialog findViewById R id txt cancel dialog        txt camera setOnClickListener new View OnClickListener              Override         public void onClick View view                dialog getWindow   clearFlags WindowManager LayoutParams FLAG DIM BEHIND               dialog dismiss                          txt gallery setOnClickListener new View OnClickListener              Override         public void onClick View view                dialog getWindow   clearFlags WindowManager LayoutParams FLAG DIM BEHIND               dialog dismiss                          txt cancel dialog setOnClickListener new View OnClickListener              Override         public void onClick View view                dialog getWindow   clearFlags WindowManager LayoutParams FLAG DIM BEHIND               dialog dismiss                           dialog show        bg dialog smallround white xml  drawable resource  lt  xml version  quot 1 0 quot  encoding  quot utf-8 quot   gt   lt shape xmlns android  quot http   schemas android com apk res android quot  gt   lt solid android color  quot  color white quot    gt    lt corners     android radius  quot  dimen  5sdp quot    gt   lt  shape gt

User · Answer

Another easy way to do this   step 1  create a layout with proper id s   step 2  use the following code wherever you desire   LayoutInflater factory   LayoutInflater from this   final View deleteDialogView   factory inflate R layout mylayout  null   final AlertDialog deleteDialog   new AlertDialog Builder this  create    deleteDialog setView deleteDialogView   deleteDialogView findViewById R id yes  setOnClickListener new OnClickListener              Override     public void onClick View v              your business logic          deleteDialog dismiss              deleteDialogView findViewById R id no  setOnClickListener new OnClickListener              Override     public void onClick View v            deleteDialog dismiss                   deleteDialog show

User · Answer

This is an example dialog  create with xml   the next code xml is just an example  the design or view is implemented here   lt RelativeLayout xmlns android  quot http   schemas android com apk res android quot  android orientation  quot vertical quot  android layout width  quot match parent quot  android layout height  quot wrap content quot  android background  quot  ffffffff quot  gt    lt ImageView     android layout width  quot match parent quot      android layout height  quot 120dp quot      android id  quot   id a quot      android gravity  quot center quot      android background  quot  DA5F6A quot      android src  quot  drawable dialog cross quot      android scaleType  quot fitCenter quot    gt    lt TextView     android layout width  quot wrap content quot      android layout height  quot wrap content quot      android text  quot TEXTO quot      android id  quot   id text dialog quot      android layout below  quot   id a quot      android layout marginTop  quot 20dp quot      android layout marginLeft  quot 4dp quot      android layout marginRight  quot 4dp quot      android layout marginBottom  quot 20dp quot      android textSize  quot 18sp quot      android textColor  quot  ff000000 quot      android layout centerHorizontal  quot true quot      android gravity  quot center horizontal quot    gt    lt Button     android layout width  quot wrap content quot      android layout height  quot 30dp quot      android text  quot OK quot      android id  quot   id btn dialog quot      android gravity  quot center vertical center horizontal quot      android layout below  quot   id text dialog quot      android layout marginBottom  quot 20dp quot      android background  quot  drawable btn flat red selector quot      android layout centerHorizontal  quot true quot      android textColor  quot  ffffffff quot    gt    lt  RelativeLayout gt   this lines of code are resources of drawable  android src  quot  drawable dialog cross quot  android background  quot  drawable btn flat red selector quot   you could do a class extends Dialog  also something like this  public class ViewDialog        public void showDialog Activity activity  String msg           final Dialog dialog   new Dialog activity           dialog requestWindowFeature Window FEATURE NO TITLE           dialog setCancelable false           dialog setContentView R layout dialog            TextView text    TextView  dialog findViewById R id text dialog           text setText msg            Button dialogButton    Button  dialog findViewById R id btn dialog           dialogButton setOnClickListener new View OnClickListener                  Override             public void onClick View v                    dialog dismiss                                       dialog show              finally the form of call  on your Activity for example  ViewDialog alert   new ViewDialog    alert showDialog getActivity     quot Error de conexi  n al servidor quot     I hope its work for you  UPDATE Drawable XML For dialog    lt shape xmlns android  quot schemas android com apk res android quot  gt   lt stroke android width  quot 2dp quot  android color  quot  FFFFFF quot    gt   lt gradient android angle  quot 180 quot  android endColor  quot  color NaranjaOTTAA quot  android startColor  quot  color FondoActionBar quot    gt   lt corners android bottomLeftRadius  quot 7dp quot  android bottomRightRadius  quot 7dp quot  android topLeftRadius  quot 7dp quot  android topRightRadius  quot 7dp quot    gt   lt  shape gt    This xml was provided by  Gast  nSaill  n

User · Answer

Following is the code for creating custom view dialog with kotlin  Following is the dialog layout file   lt  xml version  1 0  encoding  utf-8   gt   lt androidx constraintlayout widget ConstraintLayout xmlns android  http   schemas android com apk res android      xmlns app  http   schemas android com apk res-auto      xmlns tools  http   schemas android com tools      android orientation  vertical  android layout width  300dp      android layout height  400dp  gt        lt TextView         android id    id tvTitle          android layout width  wrap content          android layout height  wrap content          app layout constraintEnd toEndOf  parent          app layout constraintStart toStartOf  parent          app layout constraintTop toTopOf  parent    gt     lt  androidx constraintlayout widget ConstraintLayout gt    creating dialog and updating the text in the text view  val dialog   Dialog activity    dialog setContentView R layout my dialog layout  dialog tvTitle text    Hello World    dialog show

User · Answer

I am posting the kotlin code that I am using and it works fine for me  you can also set click listener for dialog buttons   this is my XML code   layout custom alert dialog xml   lt  xml version  1 0  encoding  utf-8   gt   lt RelativeLayout xmlns android  http   schemas android com apk res android      xmlns app  http   schemas android com apk res-auto      xmlns tools  http   schemas android com tools      android layoutDirection  ltr      android layout width  match parent      android layout height  wrap content  gt        lt View         android id    id view6          android layout width  match parent          android layout height  20dp          android background   color colorPrimary    gt        lt androidx constraintlayout widget ConstraintLayout         android layout width  match parent          android layout height  wrap content          android layout below   id view6          android layout marginStart  8dp          android layout marginTop  8dp          android layout marginEnd  8dp          android layout marginBottom  8dp  gt             lt TextView             android id    id txt alert title              android layout width  match parent              android layout height  wrap content              android layout margin  8dp              android layout marginStart  8dp              android layout marginTop  8dp              android layout marginEnd  8dp              tools text  are you sure               android textAlignment  center              android textColor   android color black              app layout constraintEnd toEndOf  parent              app layout constraintStart toStartOf  parent              app layout constraintTop toTopOf  parent    gt             lt Button             android id    id btn alert positive              android layout width  wrap content              android layout height  wrap content              android layout below   id textView2              android layout marginTop  8dp              android background   android color transparent              tools text  yes              android textColor   color colorPrimaryDark              app layout constraintEnd toEndOf  parent              app layout constraintHorizontal bias  0 5              app layout constraintStart toEndOf    id btn alert negative              app layout constraintTop toBottomOf    id txt alert title    gt            lt Button             android id    id btn alert negative              android layout width  wrap content              android layout height  wrap content              android layout marginTop  8dp              android background   android color transparent              tools text  no              android textColor   color colorPrimaryDark              app layout constraintEnd toStartOf    id btn alert positive              app layout constraintHorizontal bias  0 5              app layout constraintStart toStartOf  parent              app layout constraintTop toBottomOf    id txt alert title    gt        lt  androidx constraintlayout widget ConstraintLayout gt   lt  RelativeLayout gt    mAlertDialog kt  class mAlertDialog context  Context         private val btn positive   Button     private val btn negative   Button     private val txt alert title   TextView     private val dialog   AlertDialog     init           val view   LayoutInflater from context  inflate R layout layout custom alert dialog null           val dialog builder   AlertDialog Builder context          dialog builder setView view           btn negative   view findViewById R id btn alert negative          btn positive   view findViewById R id btn alert positive          txt alert title   view findViewById R id txt alert title           dialog   dialog builder create               fun show                 dialog show              fun setPositiveClickListener listener  onClickListener                btn positive setOnClickListener   v - gt              listener onClick btn positive              dialog dismiss                        fun setNegativeClickListener listener  onClickListener                btn negative setOnClickListener   v - gt              listener onClick btn negative              dialog dismiss                        fun setPoitiveButtonText text   String                btn positive text   text             fun setNegativeButtonText text   String                btn negative text   text            fun setAlertTitle title   String                txt alert title text   title           interface for click listeners   onClickListener kt  interface onClickListener      fun onClick view   View      Sample Usage  val dialog   mAlertDialog context                  dialog setNegativeButtonText  no i dont                   dialog setPoitiveButtonText  yes is do                   dialog setAlertTitle  do you like this alert dialog                     dialog setPositiveClickListener object   onClickListener                       override fun onClick view  View                            Toast makeText context   yes   Toast LENGTH SHORT  show                                                             dialog setNegativeClickListener object   onClickListener                       override fun onClick view  View                            Toast makeText context   no   Toast LENGTH SHORT  show                                                             dialog show     I hope  this will help you

User · Answer

Dialog Fragment is the simplest way of creating a custom Alert Dialog Follow the above code to create a custom view for your dialog and then implement it using Dialog Fragment  Add the following code to your layout file      lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout xmlns android  http   schemas android com apk res android      android layout width  fill parent      android layout height  80dp      android background   3E80B4      android orientation  vertical  gt        lt TextView         android id    id txt dia          android layout width  wrap content          android layout height  wrap content          android layout gravity  center          android layout margin  10dp          android text  Do you realy want to exit            android textColor   android color white          android textSize  15dp          android textStyle  bold    gt         lt LinearLayout         android layout width  wrap content          android layout height  wrap content          android layout gravity  center          android background   3E80B4          android orientation  horizontal  gt            lt Button             android id    id btn yes              android layout width  100dp              android layout height  30dp              android background   android color white              android clickable  true              android text  Yes              android textColor   5DBCD2              android textStyle  bold    gt            lt Button             android id    id btn no              android layout width  100dp              android layout height  30dp              android layout marginLeft  5dp              android background   android color white              android clickable  true              android text  No              android textColor   5DBCD2              android textStyle  bold    gt       lt  LinearLayout gt    lt  LinearLayout gt

User · Answer

Here is a very simple way to create a custom dialog   dialog xml   lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout  xmlns android  http   schemas android com apk res android  android layout width  match parent  android layout height  wrap content  xmlns app  http   schemas android com apk res-auto  android orientation  vertical  gt   lt  --  Put your layout content  -- gt   lt  LinearLayout gt    MainActivity java  ShowPopup    LayoutInflater li   LayoutInflater from this   View promptsView   li inflate R layout dialog  null   android app AlertDialog Builder alertDialogBuilder   new  android app AlertDialog Builder this   alertDialogBuilder setView promptsView   alertDialogBuilder setCancelable true   AlertDialog alertDialog   alertDialogBuilder create    alertDialog show

User · Answer

Add the below theme in values - gt  style xml   lt style name  Theme Dialog  parent  android Theme Light  gt        lt item name  android windowNoTitle  gt true lt  item gt        lt item name  android windowBackground  gt  android color transparent lt  item gt   lt  style gt    Use this theme in your onCreateDialog method like this   Dialog dialog   new Dialog FlightBookActivity this R style Theme Dialog     Define your dialog layout including title bar in the xml file and set that xml file like this   dialog setContentView R layout your dialog layout

User · Answer

It s a class for Alert Dialog so that u can call the class from any activity to reuse the code   public class MessageOkFragmentDialog extends DialogFragment   Typeface Lato  String message        String title        int messageID   0   public MessageOkFragmentDialog String message  String title        this message   message      this title   title       Override public Dialog onCreateDialog Bundle savedInstanceState         AlertDialog Builder builder   new AlertDialog Builder getActivity          LayoutInflater inflater   getActivity   getLayoutInflater         View convertview   inflater inflate R layout dialog message ok box  null         Constants overrideFonts getActivity    convertview       Lato   Typeface              createFromAsset getActivity   getAssets     font Lato-Regular ttf          TextView textmessage    TextView  convertview              findViewById R id textView dialog        TextView textview dialog title    TextView  convertview findViewById R id textview dialog title        textmessage setTypeface Lato       textview dialog title setTypeface Lato          textmessage setText message       textview dialog title setText title          Button button ok    Button  convertview              findViewById R id button dialog       button ok setTypeface Lato        builder setView convertview       button ok setOnClickListener new OnClickListener              Override         public void onClick View arg0                dismiss                             return builder create           Xml file for the same is        lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout xmlns android  http   schemas android com apk res android      android layout width  fill parent      android layout height  match parent      android background   ffffff      android gravity  center vertical center      android orientation  vertical  gt        lt LinearLayout         android layout width  match parent          android layout height  wrap content          android gravity  center          android orientation  vertical  gt            lt LinearLayout             android layout width  match parent              android layout height  wrap content              android background   color blue color              android gravity  center horizontal              android orientation  horizontal  gt                lt TextView                 android id    id textview dialog title                  android layout width  wrap content                  android layout height  50dp                  android gravity  center                  android textColor   color white color                  android textSize   dimen txtSize Medium    gt             lt  LinearLayout gt            lt View             android layout width  match parent              android layout height  1dp              android background   color txt white color    gt            lt TextView             android id    id textView dialog              android layout width  wrap content              android layout height  wrap content              android layout gravity  center              android layout margin   dimen margin 20              android textColor   color txt gray color              android textSize   dimen txtSize small    gt            lt View             android layout width  match parent              android layout height  1dp              android background   color txt white color              android visibility  gone   gt            lt Button             android id    id button dialog              android layout width  wrap content              android layout height   dimen margin 40              android layout gravity  center              android background   drawable circular blue button               android text   string ok              android layout marginTop  5dp              android layout marginBottom   dimen margin 10              android textColor   color txt white color              android textSize   dimen txtSize small    gt       lt  LinearLayout gt    lt  LinearLayout gt

User · Answer

Full Screen Custom Alert Dialog Class in Kotlin   Create XML file  same as you would an activity Create AlertDialog custom class  class Your Class context Context    AlertDialog context     init     requestWindowFeature Window FEATURE NO TITLE    setCancelable false       override fun onCreate savedInstanceState  Bundle       super onCreate savedInstanceState    setContentView R layout your Layout    val window   this window   window  setLayout WindowManager LayoutParams MATCH PARENT                       WindowManager LayoutParams MATCH PARENT       continue custom code here     call dismiss   to close       Call the dialog within the activity  val dialog   Your Class this    can set some dialog options here dialog show      Note    If you do not want your dialog to be full screen  delete the following lines        val window   this window       window  setLayout WindowManager LayoutParams MATCH PARENT                           WindowManager LayoutParams MATCH PARENT    Then edit the layout width  amp  layout height of your top layout within your XML file to be either wrap content or a fixed DP value    I generally do not recommend using fixed DP as you would likely want your app to be adaptable to multiple screen sizes  however if you keep your size values small enough you should be fine

User · Answer

Create Custom Alert Dialog  cumstomDialog xml      lt ImageView     android id    id icon      android layout width  50dp      android layout height  50dp      android layout gravity  center      android layout margin  5dp      app srcCompat   drawable error    gt    lt TextView     android id    id title      android layout width  wrap content      android layout height  wrap content      android layout gravity  center      android fontFamily   font muli bold      android text  Title      android layout marginTop  5dp      android textColor   android color black      android textSize  15sp    gt     lt TextView     android id    id description      android layout width  wrap content      android layout height  wrap content      android layout gravity  center      android layout marginTop  10dp      android fontFamily   font muli regular      android text  Message      android textColor   android color black      android textSize  12dp    gt    lt LinearLayout     android layout width  wrap content      android layout height  wrap content      android layout gravity  center horizontal      android layout marginTop  20dp      android gravity  center      android orientation  horizontal  gt        lt Button         android id    id cancelBTN          android layout width  wrap content          android layout height  wrap content          android layout gravity  left          android layout margin  5dp          android background   drawable bground radius button white          android text  No          android textColor   color black    gt        lt Button         android id    id acceptBtn          android layout width  wrap content          android layout height  wrap content          android layout gravity  right          android layout margin  5dp          android background   drawable bground radius button          android text  Yes          android textColor   color white    gt   lt  LinearLayout gt      Show your custom dialog on your activity     public void showDialog String title  String des  int icon         final Dialog dialog   new Dialog this       dialog setContentView R layout custom dialog       dialog getWindow   setBackgroundDrawable new ColorDrawable Color TRANSPARENT         Button cancelBTN   dialog findViewById R id cancelBTN       Button acceptBTN   dialog findViewById R id acceptBtn       TextView tvTitle   dialog findViewById R id title       TextView tvDescription   dialog findViewById R id description       ImageView ivIcon   dialog findViewById R id icon        tvTitle setText title       tvDescription setText des       ivIcon setImageResource icon        cancelBTN setOnClickListener new View OnClickListener              Override         public void onClick View v                dialog dismiss                           acceptBTN setOnClickListener new View OnClickListener              Override         public void onClick View v                            dialog show        Call like this     showDialog  Title    Message   R drawable warning

User · Answer

Here I have created a simple Dialog  like   custom dialog xml  lt  xml version  quot 1 0 quot  encoding  quot utf-8 quot   gt   lt LinearLayout xmlns android  quot http   schemas android com apk res android quot      android layout width  quot fill parent quot      android layout height  quot 80dp quot      android background  quot  3E80B4 quot      android orientation  quot vertical quot   gt        lt TextView         android id  quot   id txt dia quot          android layout width  quot wrap content quot          android layout height  quot wrap content quot          android layout gravity  quot center quot          android layout margin  quot 10dp quot          android text  quot Do you realy want to exit   quot          android textColor  quot  android color white quot          android textSize  quot 15dp quot          android textStyle  quot bold quot   gt             lt LinearLayout         android layout width  quot wrap content quot          android layout height  quot wrap content quot          android layout gravity  quot center quot          android background  quot  3E80B4 quot          android orientation  quot horizontal quot   gt            lt Button             android id  quot   id btn yes quot              android layout width  quot 100dp quot              android layout height  quot 30dp quot              android background  quot  android color white quot              android clickable  quot true quot              android text  quot Yes quot              android textColor  quot  5DBCD2 quot              android textStyle  quot bold quot    gt            lt Button             android id  quot   id btn no quot              android layout width  quot 100dp quot              android layout height  quot 30dp quot              android layout marginLeft  quot 5dp quot              android background  quot  android color white quot              android clickable  quot true quot              android text  quot No quot              android textColor  quot  5DBCD2 quot              android textStyle  quot bold quot    gt       lt  LinearLayout gt    lt  LinearLayout gt   You have to extends Dialog and implements OnClickListener public class CustomDialogClass extends Dialog implements     android view View OnClickListener      public Activity c    public Dialog d    public Button yes  no     public CustomDialogClass Activity a        super a          TODO Auto-generated constructor stub     this c   a          Override   protected void onCreate Bundle savedInstanceState        super onCreate savedInstanceState       requestWindowFeature Window FEATURE NO TITLE       setContentView R layout custom dialog       yes    Button  findViewById R id btn yes       no    Button  findViewById R id btn no       yes setOnClickListener this       no setOnClickListener this            Override   public void onClick View v        switch  v getId          case R id btn yes        c finish          break      case R id btn no        dismiss          break      default        break            dismiss           How to Call Dialog   R id TXT Exit  CustomDialogClass cdd new CustomDialogClass Values this   cdd show       Updates After a long time one of my friends asked me to make a curved shape dialog with a transparent background  So  Here I have implemented it   To Make a curved shape you need to create a separate curve shap XML as below   lt shape xmlns android  quot http   schemas android com apk res android quot   gt        lt solid android color  quot  000000 quot    gt        lt stroke         android width  quot 2dp quot          android color  quot  ffffff quot    gt        lt corners         android bottomLeftRadius  quot 20dp quot          android bottomRightRadius  quot 20dp quot          android topLeftRadius  quot 20dp quot          android topRightRadius  quot 20dp quot    gt    lt  shape gt   Now  add this curve shap XML in your main view Layout  In my case I have used LinearLayout  lt LinearLayout xmlns android  quot http   schemas android com apk res android quot          android layout width  quot fill parent quot          android layout height  quot 80dp quot          android background  quot  drawable curve shap quot          android orientation  quot vertical quot   gt       lt  LinearLayout gt   How to call this   CustomDialogClass cdd   new CustomDialogClass MainActivity this   cdd getWindow   setBackgroundDrawable new ColorDrawable Color TRANSPARENT    cdd show     I hope that works for you

User · Answer

I like to use tcAron library   Download here  https   github com triocoder tcAron    import class   import com triocoder tcaron tcaronlibrary tcAronDialogs  write this   tcAronDialogs showFancyAlert MainActivity this  false   Text    Close    ic hub white   0xFFF44336   check the documentation  https   github com triocoder tcAron wiki showFancyAlert

User · Answer

Simplest way to create custom dialog box    Initialize and show dialog    ViewDialog alertDialoge   new ViewDialog     alertDialoge showDialog getActivity     PUT DIALOG TITLE     Create method   public class ViewDialog      public void showDialog Activity activity  String msg         final Dialog dialog   new Dialog activity       dialog requestWindowFeature Window FEATURE NO TITLE       dialog setCancelable false       dialog setContentView R layout custom dialoge feedback        TextView text    TextView  dialog findViewById R id text dialog feedback       text setText msg        Button okButton    Button  dialog findViewById R id btn dialog feedback       Button cancleButton    Button  dialog findViewById R id btn dialog cancle feedback       final EditText edittext tv    EditText  dialog findViewById R id dialoge alert text feedback        okButton setOnClickListener new View OnClickListener               Override         public void onClick View v                  Perfome Action                       cancleButton setOnClickListener new View OnClickListener              Override         public void onClick View view                dialog dismiss                           dialog show              Create layout XML which you want or need

User · Answer

You can try this simple android dialog popup library to cut the cluttered dialog code  It is very simple to use on your activity  after that you can have this code in your activity to show dialog  Pop on this  with   title R string title  layout R layout custom pop  show      where R layout custom pop is your custom layout the way you want to decorate your dialog

User · Answer

public static void showCustomAlertDialog Context context  String name              String id  String desc  String fromDate  String toDate              String resions            final AlertDialog Builder alertDialogBuilder   new AlertDialog Builder                  context           LayoutInflater inflater    LayoutInflater  context                  getSystemService Context LAYOUT INFLATER SERVICE           View view   inflater inflate R layout dialog  null           alertDialogBuilder setView view           alertDialogBuilder setCancelable false           final AlertDialog dialog   alertDialogBuilder create            dialog show            txt empId    TextView  view findViewById R id txt dialog empcode           txt empName    TextView  view findViewById R id txt dialog empname           txt desc    TextView  view findViewById R id txt dialog desc           txt startDate    TextView  view findViewById R id txt dialog startDate           txt resions    TextView  view findViewById R id txt dialog endDate           txt empId setTypeface Utils setLightTypeface context            txt empName setTypeface Utils setLightTypeface context            txt desc setTypeface Utils setLightTypeface context            txt startDate setTypeface Utils setLightTypeface context            txt resions setTypeface Utils setLightTypeface context             txt empId setText id           txt empName setText name            txt desc setText desc           txt startDate setText fromDate     t to  t    toDate           txt resions setText resions              btn accept    Button  view findViewById R id btn dialog accept           btn reject    Button  view findViewById R id btn dialog reject           btn cancel    Button  view findViewById R id btn dialog cancel           btn accept setTypeface Utils setBoldTypeface context            btn reject setTypeface Utils setBoldTypeface context            btn cancel setTypeface Utils setBoldTypeface context             btn cancel setOnClickListener new OnClickListener                   Override             public void onClick View v                       TODO Auto-generated method stub                 dialog dismiss

User · Answer

Create custom alert layout custom aler update xml  Then Copy this code to Activity    AlertDialog basic reg  AlertDialog Builder builder   builder   new AlertDialog Builder ct  R style AppCompatAlertDialogStyle   LayoutInflater inflater     Activity  ct  getLayoutInflater    View v   inflater inflate R layout custom aler update  null   builder setView v   builder setCancelable false   builder create    basic reg   builder show      Copy this code to style      lt style name  AppCompatAlertDialogStyle  parent  Theme AppCompat Light Dialog Alert  gt       lt item name  colorAccent  gt  color colorAccent lt  item gt       lt item name  android textColorPrimary  gt  color primaryTextColor lt  item gt       lt item name  android background  gt  color white lt  item gt   lt  style gt

[android] How to create a Custom Dialog box in android?

I found this as the easiest way for showing custom dialog.

Examples related to android

Examples related to android-dialogfragment

Examples related to android-dialog