PopupWindow - закрывать при нажатии снаружи

У меня есть всплывающее окно в моей активности, дело в том, что мое всплывающее окно все еще отображается, даже когда я взаимодействую со своей деятельностью (скажем, прокруткой в ​​моем списке). Я могу прокрутить мой список, и всплывающее окно все еще там.

То, чего я хочу достичь, это когда я касаюсь / прокручиваю / нажимаю / и т. Д. На экране, который не является PopupWindow, я хочу закрыть PopupWindow. Так же, как работает меню. Если вы нажали за пределами меню, меню будет закрыто.

я пробовал setOutsideTouchable(true) но это не уволит окно. Благодарю.

13 ответов

Решение

Пожалуйста, попробуйте установить setBackgroundDrawable на PopupWindow это должно закрыть окно, если вы дотрагиваетесь до него.

Я обнаружил, что ни один из предоставленных ответов не сработал для меня, за исключением комментария WareNinja о принятом ответе, и, вероятно, мнение Марцина С. также сработает. Вот часть, которая работает для меня:

myPopupWindow.setBackgroundDrawable(new BitmapDrawable());
myPopupWindow.setOutsideTouchable(true);

В качестве альтернативы:

myPopupWindow.setFocusable(true);

Не уверен, в чем различия, но исходный код ListPopupWindow фактически использует последний, когда его модальность установлена ​​в true с setModal, поэтому, по крайней мере, разработчики Android считают этот подход жизнеспособным, и это всего одна строка.

Я встретил те же проблемы, и исправил это, как показано ниже кодов. Он отлично работает для меня.

    // Closes the popup window when touch outside.
    mPopupWindow.setOutsideTouchable(true);
    mPopupWindow.setFocusable(true);
    // Removes default background.
    mPopupWindow.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));

Кстати, не используйте BitmapDrawable устаревший конструктор, используйте этот новый ColorDrawable(android.R.color.transparent), чтобы заменить фон по умолчанию.

Повеселись@.@

Я знаю, что уже поздно, но я замечаю, что у людей все еще есть проблема с всплывающим окном. Я решил написать полностью рабочий пример, где вы можете закрыть всплывающее окно, коснувшись его или щелкнув за его пределами или просто коснувшись самого окна. Для этого создайте новый класс PopupWindow и скопируйте этот код:

PopupWindow.class

public class PopupWindow extends android.widget.PopupWindow
{
Context ctx;
Button btnDismiss;
TextView lblText;
View popupView;

public PopupWindow(Context context)
{
    super(context);

    ctx = context;
    popupView = LayoutInflater.from(context).inflate(R.layout.popup, null);
    setContentView(popupView);

    btnDismiss = (Button)popupView.findViewById(R.id.btn_dismiss);
    lblText = (TextView)popupView.findViewById(R.id.text);

    setHeight(WindowManager.LayoutParams.WRAP_CONTENT);
    setWidth(WindowManager.LayoutParams.WRAP_CONTENT);

    // Closes the popup window when touch outside of it - when looses focus
    setOutsideTouchable(true);
    setFocusable(true);

    // Removes default black background
    setBackgroundDrawable(new BitmapDrawable());

    btnDismiss.setOnClickListener(new Button.OnClickListener(){

        @Override
        public void onClick(View v) {


         dismiss();
        }});

    // Closes the popup window when touch it
/*     this.setTouchInterceptor(new View.OnTouchListener() {

        @Override
        public boolean onTouch(View v, MotionEvent event) {

            if (event.getAction() == MotionEvent.ACTION_MOVE) {
                dismiss();
            }
            return true;
        }
    }); */   
   } // End constructor

   // Attaches the view to its parent anchor-view at position x and y
   public void show(View anchor, int x, int y)
   {
      showAtLocation(anchor, Gravity.CENTER, x, y);
   }
}

Теперь создайте макет для всплывающего окна:popup.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout     
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="1dp"
    android:orientation="vertical"
    android:padding="10dp" >

<TextView 
    android:id="@+id/text" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content"  
    android:gravity="center" 
    android:padding="5dp" 
    android:text="PopupWindow Example"
    android:textColor="#000000" 
    android:textSize="17sp" 
    android:textStyle="italic" />

<FrameLayout
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_gravity="center_vertical">

    <Button
        android:id="@+id/btn_dismiss" 
        style="?android:attr/buttonStyleSmall" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="Dismiss" 
        android:visibility="gone" />

    <TextView
        android:id="@+id/lbl_dismiss"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="Touch outside of this box to dismiss"
        android:textColor="#ffffff"
        android:textStyle="bold" />

</FrameLayout>      

В своей основной деятельности создайте экземпляр класса PopupWindow:

final PopupWindow popupWindow = new PopupWindow(this);
popupWindow.show(findViewById(R.id.YOUR_MAIN_LAYOUT), 0, -250);

где YOUR_MAIN_LAYOUT - макет текущего действия, в котором всплывающее окно всплывающего окна

Спасибо за ответ @LunaKong и подтверждение @HourGlass. Я не хочу делать дублированный комментарий, но хочу сделать его четким и лаконичным.

// Closes the popup window when touch outside. This method was written informatively in Google's docs.
mPopupWindow.setOutsideTouchable(true);

// Set focus true to make prevent touch event to below view (main layout), which works like a dialog with 'cancel' property => Try it! And you will know what I mean.
mPopupWindow.setFocusable(true);

// Removes default background.
mPopupWindow.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));

Mttdat.

Для ListPopupWindow установите окно, чтобы быть модальным, когда показано.

mListPopupWindow.setModal(true);

Таким образом, нажав за пределами ListPopupWindow уволят это.

Обратите внимание, что для отмены с popupWindow.setOutsideTouchable(true)нужно сделать ширину и высоту wrap_content как ниже код:

PopupWindow popupWindow = new PopupWindow(
            G.layoutInflater.inflate(R.layout.lay_dialog_support, null, false),
            WindowManager.LayoutParams.WRAP_CONTENT,
            WindowManager.LayoutParams.WRAP_CONTENT, true);

popupWindow.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
popupWindow.setOutsideTouchable(true);
popupWindow.setFocusable(true);
popupWindow.showAtLocation(view, Gravity.RIGHT, 0, 0);

Вы можете использовать isOutsideTouchable ИЛИ isFocusable закрыть всплывающее окно при касании снаружи

popupWindow.isOutsideTouchable = true // dismiss popupwindow when touch outside

popupWindow.isFocusable = true // dismiss popupwindow when touch outside AND when press back button

Запись

  • В настоящее время после теста вижу setBackgroundDrawable не помогайте нам закрыть всплывающее окно

  • Если вы посмотрите код для увольнения в PopupWindow (PopupWindow->PopupDecorView->dispatchKeyEvent а также PopupWindow->PopupDecorView->onTouchEvent). Вы увидите, что при нажатии кнопки "Назад" они закрываются.ACTION_UP and when touch outside they dismiss on ACTION_UP or ACTION_OUTSIDE

mPopWindow.setFocusable(true);
  popupWindow.setTouchable(true);
  popupWindow.setFocusable(true);
  popupWindow.showAtLocation(popupView, Gravity.CENTER, 0, 0);

Он будет закрывать всплывающее окно при нажатии / прикосновении к экрану. Убедитесь, что вы установили фокусируемое значение true перед showAtLocation.

Работа по предложению @LunaKong как очарование.

Но настраивая mPopupWindow.setFocusable(false). удаляет ненужное касание, необходимое для исчезновения всплывающего окна.

Например: давайте рассмотрим всплывающее окно, видимое на экране, и вы собираетесь нажать кнопку. Так что в этом случае (если mpopwindow.setFocusable(true)) при первом нажатии кнопки всплывающее окно будет отклонено. Но вы должны нажать еще раз, чтобы кнопка заработала. если **(mpopwindwo.setFocusable(false)** однократное нажатие кнопки закрывает всплывающее окно, а также вызывает нажатие кнопки. Надеюсь, это поможет.

В некоторых случаях делать всплывающее окно фокусируемым нежелательно (например, вы можете не захотеть, чтобы оно украло фокус из другого представления).

Альтернативный подход заключается в использовании сенсорного перехватчика:

popupWindow.setOutsideTouchable(true);
popupWindow.setTouchInterceptor(new View.OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        if (event.getAction() == MotionEvent.ACTION_OUTSIDE) {
            popupWindow.dismiss();
        }
        return false;
    }
});

Установите фон окна прозрачным:

PopupWindow.getBackground().setAlpha(0);

После этого установите свой фон в макете. Работает отлично.

Если это всплывающее окно является другим действием, и вы уменьшили его размер до исходного экрана и хотите включить или отключить внешнюю область, вы можете просто включить или отключить внешнюю область с помощью этого кода:

включить:

YourActivity.this.setFinishOnTouchOutside(true);

отключить:

YourActivity.this.setFinishOnTouchOutside(false);

Используйте View popupView, чтобы закрыть popupWindow.

`popupView.setOnClickListener(new View.OnClickListener() {
                   @Override
                   public void onClick(View view) {
                       popupWindow.dismiss();
                   }
               }); 

`Если вы используете это, вы также можете установить OnClickListener на любую кнопку внутри popupWindow

Другие вопросы по тегам