How to dismiss the dialog with click on outside of the dialog

Question

I have implemented a custom dialog for my application  I want to implement that when the user clicks outside the dialog  the dialog will be dismissed  What do I have to do for this

User · Answer

Call dialog setCancelable false   from your activity fragment

User · Answer

You can use dialog setCanceledOnTouchOutside true   which will close the dialog if you touch outside of the dialog   Something like     Dialog dialog   new Dialog context    dialog setCanceledOnTouchOutside true     Or if your Dialog in non-model then   1 - Set the flag-FLAG NOT TOUCH MODAL for your dialog s window attribute  Window window   this getWindow    window setFlags WindowManager LayoutParams FLAG NOT TOUCH MODAL  WindowManager LayoutParams FLAG NOT TOUCH MODAL     2 - Add another flag to windows properties   FLAG WATCH OUTSIDE TOUCH - this one is for dialog to receive touch event outside its visible region   3 - Override onTouchEvent   of dialog and check for action type  if the action type is  MotionEvent ACTION OUTSIDE  means  user is interacting outside the dialog region  So in this case  you can dimiss your dialog or decide what you wanted to perform  view plainprint   public boolean onTouchEvent MotionEvent event                if event getAction      MotionEvent ACTION OUTSIDE             System out println  TOuch outside the dialog                                           this dismiss                        return false          For more info look at How to dismiss a custom dialog based on touch points  and How to dismiss your non-modal dialog  when touched outside dialog region

User · Answer

Another solution  this code was taken from android source code of Window  You should just add these Two methods to your dialog source code     Override public boolean onTouchEvent MotionEvent event                if  isShowing    amp  amp   event getAction      MotionEvent ACTION DOWN              amp  amp  isOutOfBounds getContext    event   amp  amp  getWindow   peekDecorView      null             hide              return false     private boolean isOutOfBounds Context context  MotionEvent event        final int x    int  event getX        final int y    int  event getY        final int slop   ViewConfiguration get context  getScaledWindowTouchSlop        final View decorView   getWindow   getDecorView        return  x  lt  -slop      y  lt  -slop                  x  gt   decorView getWidth   slop                   y  gt   decorView getHeight   slop        This solution doesnt have this problem        This works great except that the activity underneath also reacts to the touch event  Is there some way to prevent this       howettl

User · Answer

Following has worked for me    myDialog setCanceledOnTouchOutside true

User · Answer

You can try this  -  AlterDialog alterdialog  alertDialog setCanceledOnTouchOutside true     or  alertDialog setCancelable true     And if you have a AlterDialog Builder Then you can try this -  alertDialogBuilder setCancelable true

User · Answer

Or  if you re customizing the dialog using a theme defined in your style xml  put this line in your theme    lt item name  android windowCloseOnTouchOutside  gt true lt  item gt

User · Answer

You can use this implementation of onTouchEvent  It prevent from reacting underneath activity to the touch event  as mentioned howettl     Override public boolean onTouchEvent   MotionEvent event          I only care if the event is an UP action   if   event getAction       MotionEvent ACTION UP            create a rect for storing the window rect     Rect r   new Rect   0  0  0  0           retrieve the windows rect     this getWindow    getDecorView    getHitRect   r           check if the event position is inside the window rect     boolean intersects   r contains    int  event getX      int  event getY              if the event is not inside then we can close the activity     if    intersects              close the activity       this finish              notify that we consumed this event       return true                 let the system handle the event   return super onTouchEvent   event        Source  http   blog twimager com 2010 08 closing-activity-by-touching-outside html

User · Answer

This code is use for when use click on dialogbox that time hidesoftinput and when user click outer side of dialogbox that time both softinput and  dialogbox are close   dialog   new Dialog act         Override     public boolean onTouchEvent MotionEvent event               Tap anywhere to close dialog          Rect dialogBounds   new Rect            getWindow   getDecorView   getHitRect dialogBounds           if   dialogBounds contains  int  event getX                     int  event getY                      You have clicked the grey area             InputMethodManager inputMethodManager    InputMethodManager  act                      getSystemService act INPUT METHOD SERVICE               inputMethodManager hideSoftInputFromWindow dialog                      getCurrentFocus   getWindowToken    0               dialog dismiss                   stop activity closing           else               InputMethodManager inputMethodManager    InputMethodManager  act                      getSystemService act INPUT METHOD SERVICE               inputMethodManager hideSoftInputFromWindow dialog                      getCurrentFocus   getWindowToken    0                      return true

User · Answer

dialog setCanceledOnTouchOutside true      to close dialog on touch outside   And if you don t want to close on touch outside  use the code below   dialog setCanceledOnTouchOutside false

User · Answer

This method should completely avoid activities below the grey area retrieving click events   Remove this line if you have it   window setFlags WindowManager LayoutParams FLAG NOT TOUCH MODAL  WindowManager LayoutParams FLAG NOT TOUCH MODAL     Put this on your activity created  getWindow   setFlags LayoutParams FLAG WATCH OUTSIDE TOUCH  LayoutParams FLAG WATCH OUTSIDE TOUCH     then override the touch event with this   Override public boolean onTouchEvent MotionEvent ev        if MotionEvent ACTION DOWN    ev getAction                  Rect dialogBounds   new Rect            getWindow   getDecorView   getHitRect dialogBounds           if   dialogBounds contains  int  ev getX     int  ev getY                      You have clicked the grey area             displayYourDialog                return false     stop activity closing                         Touch events inside are fine      return super onTouchEvent ev

User · Answer

Here is the code       dialog getWindow   getDecorView   setOnTouchListener new View OnTouchListener              Override         public boolean onTouch View v  MotionEvent ev                 if MotionEvent ACTION DOWN    ev getAction                                  Rect dialogBounds   new Rect                    dialog  getWindow   getDecorView   getHitRect dialogBounds                   if   dialogBounds contains  int  ev getX     int  ev getY                              You have clicked the grey area                     UiUtils hideKeyboard2 getActivity                         return false     stop activity closing                                             getActivity   dispatchTouchEvent ev               return false                      Try this one   you can hide the keyboard when you touch outside

User · Answer

Simply use   dialog setCanceledOnTouchOutside true

User · Answer

You can make a background occupying all the screen size transparent and listen to the onClick event to dismiss it

[android] How to dismiss the dialog with click on outside of the dialog?

Examples related to android

Examples related to android-layout

Examples related to android-emulator

Examples related to dialog

Examples related to android-dialog