How to cancel an Dialog themed like Activity when touched outside the window?

Question

I have an activity with a Dialog theme and I would like to close (finish) this activity when someone touches the screen anywhere outside this activity's window ? How can I do this ?

Android doesn't really have support for this. I'm not sure there's any way this can be done at all and wouldn't be natural for android users anyway. That's what the back button is for. — Falmarri, Jan 10 '11 at 18:54
For a dialog class is natural, SDK provides setCanceledOnTouchOutside method, so why it shouldn't be for a Dialog themed Activity ? — Alex, Jan 10 '11 at 18:58

score 101 · Answer 1 · answered Apr 29 '11 at 11:06

Just to point out that there is a way to get dialog-like "touch outside to cancel" behaviour from an Activity themed as a dialog, though I've not fully investigated whether it has unwanted side effects.

Within your Activity's onCreate() method, before creating the view, you're going to set two flags on the window: One to make it 'non-modal', to allow views other than your activity's views to receive events. The second is to receive notification that one of those events has taken place, which will send you an ACTION_OUTSDIE move event.

If you set the theme on the activity to the dialog theme, you'll get the behaviour you want.

It looks something like this:

public class MyActivity extends Activity {

 @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    // Make us non-modal, so that others can receive touch events.
    getWindow().setFlags(LayoutParams.FLAG_NOT_TOUCH_MODAL, LayoutParams.FLAG_NOT_TOUCH_MODAL);

    // ...but notify us that it happened.
    getWindow().setFlags(LayoutParams.FLAG_WATCH_OUTSIDE_TOUCH, LayoutParams.FLAG_WATCH_OUTSIDE_TOUCH);

    // Note that flag changes must happen *before* the content view is set.
    setContentView(R.layout.my_dialog_view);
  }

  @Override
  public boolean onTouchEvent(MotionEvent event) {
    // If we've received a touch notification that the user has touched
    // outside the app, finish the activity.
    if (MotionEvent.ACTION_OUTSIDE == event.getAction()) {
      finish();
      return true;
    }

    // Delegate everything else to Activity.
    return super.onTouchEvent(event);
  }
}

Hi this looks good, but in honeycomb if i have an activity over a listview and i click outside of the view, the touch event is passed to the listview even if i return true; Any idea how to resolve it ? — Alex, Jul 12 '11 at 11:33
Two options come to mind, @alex - disable problematic UI elements during onPause/onResume, or do so before launching with startActivityForResult(), re-enabling those UI elements when the result code is returned. — Gregory Block, Jul 26 '11 at 07:30
This is nice, however it does not swallow the outside touches. For instance my map behind this view is getting clicked when user closes the "dialog" — Aiden Fry, Sep 17 '13 at 11:11

score 77 · Answer 2 · answered Jan 03 '13 at 05:38

77

I found an even simpler answer that has worked perfectly for me. If you're using an activity with the dialog theme then you can apply this.setFinishOnTouchOutside(true); to the activity's onCreate() method.

@Override
protected void onCreate(Bundle savedInstanceState) 
{
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_yoptions);
    this.setFinishOnTouchOutside(true);
}

answered Jan 03 '13 at 05:38

vabanagas

811
7
6

The only thing that worked in my case, with an activity with Theme.Holo.Dialog style. – XMight Jan 28 '13 at 15:18
4

I was looking for the opposite behavior, and this answer works for that too. I wanted to *not* close a dialog-style activity, in this case a loading dialog, when the user taps outside it. Setting this to (false) worked. – Phil Ringsmuth Jul 24 '14 at 16:45

score 37 · Answer 3 · edited Jul 22 '11 at 14:00

37

It's very simple, just set the property canceledOnTouchOutside = true. look at the example:

Dialog dialog = new Dialog(context)
dialog.setCanceledOnTouchOutside(true);

edited Jul 22 '11 at 14:00

axel22

32,045
9
125
137

answered Jul 21 '11 at 18:05

Luis Zandonadi

667
7
4

5

This only applies to *actual* dialogs though, not to regular activities using the dialog theme. – eidylon May 17 '12 at 15:54
2

To work with dialog theme call `setFinishOnTouchOutside(true)` on current object ie. `this.setFinishOnTouchOutside(true);` – Ajay Takur Nov 20 '13 at 11:25
1

the question want dialog themed activity not dialog! – Amir Hossein Ghasemi May 07 '17 at 13:51

score 19 · Answer 4 · answered Jun 27 '12 at 04:07

It is possible quite easily:

First define your own theme in style.xml:

<style name="DialogSlideAnim" parent="@android:style/Theme.Holo.Dialog">
    <item name="android:windowContentOverlay">@null</item>
    <item name="android:windowCloseOnTouchOutside">true</item>
</style>

Then in your manifest apply this theme to activity:

    <activity
        android:label="@string/app_name"
        android:name=".MiniModeActivity" 
        android:theme="@style/DialogSlideAnim" >
        <intent-filter >
            <action android:name="android.intent.action.MAIN" />

            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>

the attribute is only available since api 11 – Longerian Oct 01 '12 at 10:09 — Longerian, Oct 01 '12 at 10:09
how to access this one below api level 11 – Satheesh Jan 17 '14 at 09:50 — Satheesh, Jan 17 '14 at 09:50

score 8 · Answer 5 · answered Mar 28 '12 at 18:32

A combination of Gregory and Matt's answers worked best for me (for Honeycomb and presumably others). This way, views outside will not get touch events when the user tries to touch-outside-cancel the dialog.

In the main Activity, create the touch interceptor in onCreate():

    touchInterceptor = new FrameLayout(this);
    touchInterceptor.setClickable(true); // otherwise clicks will fall through

In onPause() add it:

    if (touchInterceptor.getParent() == null) {
        rootViewGroup.addView(touchInterceptor);
    }

(rootViewGroup may have to be either a FrameLayout or a RelativeLayout. LinearLayout may not work.)

In onResume(), remove it:

    rootViewGroup.removeView(touchInterceptor);

Then, for the dialog-themed Activity, use the code Gregory offered (copied here for your convenience):

public class MyActivity extends Activity {   

 @Override   
  protected void onCreate(Bundle savedInstanceState) {   
    super.onCreate(savedInstanceState);   

    // Make us non-modal, so that others can receive touch events.   
    getWindow().setFlags(LayoutParams.FLAG_NOT_TOUCH_MODAL, LayoutParams.FLAG_NOT_TOUCH_MODAL);   

    // ...but notify us that it happened.   
    getWindow().setFlags(LayoutParams.FLAG_WATCH_OUTSIDE_TOUCH, LayoutParams.FLAG_WATCH_OUTSIDE_TOUCH);   

    // Note that flag changes must happen *before* the content view is set.   
    setContentView(R.layout.my_dialog_view);   
  }   

  @Override   
  public boolean onTouchEvent(MotionEvent event) {   
    // If we've received a touch notification that the user has touched   
    // outside the app, finish the activity.   
    if (MotionEvent.ACTION_OUTSIDE == event.getAction()) {   
      finish();   
      return true;   
    }   

    // Delegate everything else to Activity.   
    return super.onTouchEvent(event);   
  }   
}

I don't understand what rootViewGroup should be. WHat if I provide it with activity content like android.R.content? — Jacek Kwiecień, Apr 17 '14 at 07:55
I'm not sure what you mean. But if the root content view you added via setContentView() is a subclass of ViewGroup, I believe you can use rootViewGroup = (ViewGroup) findViewById(android.R.id.content). — Ken, Apr 21 '14 at 23:40

score 6 · Answer 6 · answered Jan 09 '16 at 07:42

6

If using a dialog theme like android:theme="@style/Theme.AppCompat.Dialog" or any other dialog theme. On API 11 and after we can use

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
        setFinishOnTouchOutside(false);
    }

call this inside onCreate of the activity.

answered Jan 09 '16 at 07:42

harsh_v

3,193
3
34
53

Thank you for this. This helped me a lot +1 – Simon May 21 '16 at 20:18

score 4 · Answer 7 · answered Nov 23 '13 at 10:09

@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
    Rect dialogBounds = new Rect();
    getWindow().getDecorView().getHitRect(dialogBounds);

    if (!dialogBounds.contains((int) ev.getX(), (int) ev.getY())) {
        return true;
    }
    return super.dispatchTouchEvent(ev);
}

This code is solved my problem.

score 3 · Answer 8 · answered Jun 27 '12 at 18:11

I couldn't get the top answer here to work on a Samsung tab running 3.1, so I did this:

@Override
public boolean onTouchEvent(MotionEvent event) {
    float x = event.getX();
    float y = event.getY();
    int xmargin = (ViewUtils.getScreenWidth() - Constants.PRODUCT_DIALOG_WIDTH) / 2;
    int ymargin = (ViewUtils.getScreenHeight() - Constants.PRODUCT_DIALOG_HEIGHT) / 2;

    if (
            x < xmargin                              || 
            x > ViewUtils.getScreenWidth() - xmargin ||
            y < ymargin                              || 
            y > ViewUtils.getScreenHeight() - ymargin
        ) {
            finish();
            return true;
    }
    return super.onTouchEvent(event);
}

You'll need to replace Constants.PRODUCT_DIALOG_WIDTH and Constants.PRODUCT_DIALOG_HEIGHT with the width/height of your dialog. Mine was used in a number of places so I made them constants.

You'll also need to implement your own method to get the the screen width and height, which you can find easily on this here site. Don't forget to account for the Android header in that!

It's kind of ugly, and I'm not proud, but it works.

score 3 · Answer 9 · answered Mar 31 '13 at 02:29

You can reference the dialog.java code from android source:

public boolean onTouchEvent(MotionEvent event) {
    if (mCancelable && mCanceledOnTouchOutside && event.getAction() == MotionEvent.ACTION_DOWN && isOutOfBounds(event)) {
        cancel();
        return true;
    }
    return false;
}

private boolean isOutOfBounds(MotionEvent event) {
    final int x = (int) event.getX();
    final int y = (int) event.getY();
    final int slop = ViewConfiguration.get(mContext).getScaledWindowTouchSlop();
    final View decorView = getWindow().getDecorView();
    return (x < -slop) || (y < -slop) || (x > (decorView.getWidth()+slop)) || (y > (decorView.getHeight()+slop));
}

Just modify it to :

public boolean onTouchEvent(MotionEvent event) {
    if (event.getAction() == MotionEvent.ACTION_DOWN && isOutOfBounds(event)) {
        finish();
        return true;
    }
    return false;
}

private boolean isOutOfBounds(MotionEvent event) {
    final int x = (int) event.getX();
    final int y = (int) event.getY();
    final int slop = ViewConfiguration.get(this).getScaledWindowTouchSlop();
    final View decorView = getWindow().getDecorView();
    return (x < -slop) || (y < -slop) || (x > (decorView.getWidth() + slop)) || (y > decorView.getHeight() + slop));
}

can solve your problem.

score 3 · Answer 10 · answered Apr 05 '14 at 12:03

The only way I got this to work was

alert = new AlertDialog.Builder(this)....

        alert.setOnDismissListener(new DialogInterface.OnDismissListener() {
        @Override
        public void onDismiss(final DialogInterface arg0) {
            Log.i(APP_NAME, "in OnDismissListener");
            // removeDialog(R.layout.dialog3);
            alert.dismiss();
            finish();
        }

i.e. I had to put both dismiss and finish in explicitly, otherwise I ended up with a small white rectangle in the middle of the screen.

score 0 · Answer 11 · answered Sep 09 '14 at 07:06

0

An Activity have dispatchTouchEvent use that

@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
    // TODO Auto-generated method stub
    finish();
    return super.dispatchTouchEvent(ev);

}

answered Sep 09 '14 at 07:06

sharath yadhav

546
5
5

score 0 · Answer 12 · edited Apr 28 '16 at 13:39

Just add this item to styles.xml:

<style name="alert_dialog" parent="android:Theme.Dialog">
    <item name="android:windowIsFloating">true</item>
    <item name="android:windowIsTranslucent">true</item>
    <item name="android:windowNoTitle">true</item>
    <item name="android:windowFullscreen">false</item>
    <item name="android:windowBackground">@color/float_transparent</item>
    <item name="android:windowAnimationStyle">@null</item>
    <item name="android:backgroundDimEnabled">true</item>
    <item name="android:backgroundDimAmount">0.4</item>
</style>

And in onCreate() and before setContentView:

setTheme(R.style.alert_dialog);

score 0 · Answer 13 · answered Feb 08 '18 at 15:57

Using method setFinishOnTouchOutside to enable/disable whether outside is touchable or not.

This is working for activity.

@Override
protected void onCreate(Bundle savedInstanceState) 
{
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_yoptions);
    /* your code here */

    // set outside touchable
    this.setFinishOnTouchOutside(true);
}

score 0 · Answer 14 · answered Oct 29 '18 at 05:42

0

For those who want to not close the Dialog Application if touch is outside the Dialog. Add this line

this.setFinishOnTouchOutside(false);

It will not close the dialog box

answered Oct 29 '18 at 05:42

Smaran

1,651
2
11
15

score 0 · Answer 15 · answered May 28 '20 at 18:56

0

Just use this theme. Activity will be dismissed on touch outside.

<style name="DialogTheme" parent="Theme.MaterialComponents.DayNight.Dialog">
    <item name="android:windowIsTranslucent">true</item>
</style>

answered May 28 '20 at 18:56

Muhammed naseef Koppilakkal

1,652
1
10
13

score 0 · Answer 16 · answered Dec 29 '20 at 13:23

0

Kotlin version worked for me

alert.setOnDismissListener(DialogInterface.OnDismissListener() {
    it.dismiss()
})

answered Dec 29 '20 at 13:23

Eugene

547
4
11

score -2 · Accepted Answer · answered Jan 10 '11 at 20:12

-2

If there's no API support, you should just use a FrameLayout to fill the screen, and manually build a pop-up. Then you can receive focus anywhere on the screen and show/hide views accordingly.

answered Jan 10 '11 at 20:12

Matt

3,837
26
29

I'm sorry but I'm not familiar with the FrameLayout, is there any example I could look at ? – Alex Jan 10 '11 at 20:34
There's an example here: http://www.curious-creature.org/2009/03/01/android-layout-tricks-3-optimize-part-1/ Look how there's a small text box on top of the image... you can make that look like a popup and you still get all the notifications to the rest of the window. – Matt Jan 11 '11 at 16:55
the answer of Gregory works for me, can't see how a FrameLayout would help in this case. – Tosa Aug 25 '11 at 09:50
the answer of @vabanagas worked for me. because touch events does not pass to background activity – moallemi Mar 10 '14 at 06:24
2

I actually disagree with the many downvotes this answer got. It is the only reasonable alternative to no-api support. So could the no-voters please explain why this is 'so wrong' ? – Apr 19 '14 at 10:28

How to cancel an Dialog themed like Activity when touched outside the window?

17 Answers17

Linked