PopupWindow - ปิดเมื่อคลิกภายนอก

ฉันมี PopupWindow ในกิจกรรมของฉันสิ่งนี้ก็คือ PopupWindow ของฉันยังคงแสดงแม้ว่าฉันจะโต้ตอบกับกิจกรรมของฉัน (พูดว่าเลื่อนในรายการของฉัน) ฉันสามารถเลื่อนดูรายการของฉันและ PopupWindow ยังคงอยู่ที่นั่น

สิ่งที่ฉันต้องการบรรลุคือเมื่อฉันสัมผัส / เลื่อน / คลิก / ฯลฯ บนหน้าจอซึ่งไม่ใช่ PopupWindow ฉันต้องการปิด PopupWindow เช่นเดียวกับวิธีการทำงานของเมนู หากคุณคลิกนอกเมนูเมนูจะถูกปิด

ฉันได้ลองแล้วsetOutsideTouchable(true)แต่มันจะไม่ปิดหน้าต่าง ขอบคุณ.

โปรดลองชุดsetBackgroundDrawableในPopupWindowที่ควรปิดหน้าต่างถ้าคุณสัมผัสนอกของมัน

ฉันพบว่าไม่มีคำตอบใดที่ให้มาสำหรับฉันยกเว้นความคิดเห็นของ WareNinja เกี่ยวกับคำตอบที่ยอมรับและของ Marcin S. ก็น่าจะได้ผลเช่นกัน นี่คือส่วนที่เหมาะกับฉัน:

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

อีกทางหนึ่ง:

myPopupWindow.setFocusable(true);

ไม่แน่ใจว่าความแตกต่างคืออะไร แต่ซอร์สโค้ด ListPopupWindow ใช้ตัวหลังจริงเมื่อมีการตั้งค่ากิริยาเป็นจริงด้วย setModal ดังนั้นอย่างน้อยนักพัฒนา Android จึงพิจารณาแนวทางนี้และเป็นเพียงบรรทัดเดียว

ฉันพบปัญหาเดียวกันและได้รับการแก้ไขตามรหัสด้านล่าง มันใช้ได้ดีสำหรับฉัน

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

BTW อย่าใช้ตัวสร้างที่เลิกใช้ 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 คือเค้าโครงของกิจกรรมปัจจุบันที่ popupWindow จะปรากฏขึ้น

ขอบคุณสำหรับคำตอบของ @ 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 prevent a touch event to go to a 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);

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

มันจะปิด PopupWindow เมื่อคลิก / สัมผัสบนหน้าจอตรวจสอบให้แน่ใจว่าคุณได้ตั้งค่า true ที่สามารถโฟกัสได้ก่อน showAtLocation

คุณสามารถใช้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และเมื่อสัมผัสด้านนอกปุ่มจะปิดACTION_UPหรือACTION_OUTSIDE

mPopWindow.setFocusable(true);

งานแนะนำของ @LunaKong เปรียบเสมือนเสน่ห์

แต่การตั้งค่าmPopupWindow.setFocusable (false) ลบการสัมผัสที่ไม่จำเป็นเพื่อให้หน้าต่างป๊อปอัปหายไป

ตัวอย่างเช่น: ลองพิจารณาว่ามีหน้าต่างป๊อปอัปปรากฏขึ้นบนหน้าจอและคุณกำลังจะคลิกปุ่ม ดังนั้นในกรณีนี้ (ถ้า mpopwindow.setFocusable (จริง)) ในการคลิกปุ่มครั้งแรกหน้าต่างป๊อปอัปจะปิด แต่คุณต้องคลิกอีกครั้งเพื่อให้ปุ่มทำงาน ถ้า ** (mpopwindwo.setFocusable (false) ** การคลิกปุ่มเพียงครั้งเดียวจะเป็นการปิดหน้าต่างป๊อปอัพและเรียกการคลิกปุ่ม หวังว่าจะช่วยได้

ตั้งค่าพื้นหลังหน้าต่างให้โปร่งใส:

PopupWindow.getBackground().setAlpha(0);

หลังจากตั้งค่าพื้นหลังของคุณในรูปแบบ ใช้งานได้ดี

ในบางกรณีการทำให้ป๊อปอัปโฟกัสได้ไม่เป็นที่ต้องการ (เช่นคุณอาจไม่ต้องการให้โฟกัสจากมุมมองอื่น)

อีกทางเลือกหนึ่งคือการใช้เครื่องสกัดกั้นแบบสัมผัส:

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;
    }
});

หากหน้าต่างป๊อปอัปนี้เป็นกิจกรรมอื่นและคุณลดขนาดลงเป็นหน้าจอเดิมและคุณต้องการเปิดหรือปิดใช้งานพื้นที่ภายนอกคุณสามารถเปิดหรือปิดใช้งานพื้นที่ภายนอกได้โดยใช้รหัสนี้:

เปิดใช้งาน:

YourActivity.this.setFinishOnTouchOutside(true);

ปิดการใช้งาน:

YourActivity.this.setFinishOnTouchOutside(false);

ใช้ View popupView เพื่อปิด popupWindow

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

`ถ้าคุณใช้สิ่งนี้คุณยังสามารถ setOnClickListener ไปที่ปุ่มใดก็ได้ภายใน popupWindow