Verwischen oder verdunkeln Sie den Hintergrund, wenn Android PopupWindow aktiv ist

Ich möchte in der Lage sein, den Hintergrund entweder zu verwischen oder zu popup.showAtLocationdimmen, wenn ich mein Popup-Fenster mit zeige, und den Hintergrund zu verwischen , wenn er popup.dismissaufgerufen wird.

Ich habe versucht, Layoutparameter FLAG_BLUR_BEHINDund FLAG_DIM_BEHINDmeine Aktivität anzuwenden , aber dies scheint den Hintergrund nur zu verwischen und zu dimmen , sobald meine App gestartet wird.

Wie kann ich nur mit Popups verwischen / dimmen?

Die Frage betraf die PopupwindowKlasse, doch jeder hat Antworten gegeben, die die DialogKlasse verwenden. Das ist ziemlich nutzlos, wenn Sie die PopupwindowKlasse verwenden müssen, weil Popupwindowes keine getWindow()Methode gibt.

Ich habe eine Lösung gefunden, die tatsächlich funktioniert Popupwindow. Es ist nur erforderlich, dass das Stammverzeichnis der XML-Datei, die Sie für die Hintergrundaktivität verwenden, a ist FrameLayout. Sie können dem FramelayoutElement ein android:foregroundTag geben. Mit diesem Tag wird eine zeichnbare Ressource angegeben, die über die gesamte Aktivität gelegt wird (dh wenn das Framelayout das Stammelement in der XML-Datei ist). Sie können dann die Deckkraft ( setAlpha()) des Vordergrundzeichens steuern.

Sie können jede beliebige Zeichenressource verwenden, aber wenn Sie nur einen Dimmeffekt wünschen, erstellen Sie eine XML-Datei im Zeichenordner mit dem <shape>Tag als root.

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
    <solid android:color="#000000" />
</shape>

( Weitere Informationen zum Element finden Sie unter http://developer.android.com/guide/topics/resources/drawable-resource.html#Shapeshape .) Beachten Sie, dass ich im Farbetikett keinen Alpha-Wert angegeben habe, der das zeichnbare Element transparent machen würde (z #ff000000. B. ). Der Grund dafür ist, dass jeder fest codierte Alpha-Wert alle neuen Alpha-Werte zu überschreiben scheint, die wir über den setAlpha()in unserem Code festgelegten Wert festgelegt haben. Das wollen wir also nicht. Dies bedeutet jedoch, dass das zeichnbare Objekt zunächst undurchsichtig ist (fest, nicht transparent). Wir müssen es also in der onCreate()Methode der Aktivität transparent machen .

Hier ist der Framelayout-XML-Elementcode:

<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/mainmenu"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:foreground="@drawable/shape_window_dim" >
...
... your activity's content
...
</FrameLayout>

Hier ist die onCreate () -Methode der Aktivität:

public void onCreate( Bundle savedInstanceState)
{
  super.onCreate( savedInstanceState);

  setContentView( R.layout.activity_mainmenu);

  //
  // Your own Activity initialization code
  //

  layout_MainMenu = (FrameLayout) findViewById( R.id.mainmenu);
  layout_MainMenu.getForeground().setAlpha( 0);
}

Schließlich der Code zum Dimmen der Aktivität:

layout_MainMenu.getForeground().setAlpha( 220); // dim

layout_MainMenu.getForeground().setAlpha( 0); // restore

Die Alpha-Werte gehen von 0(undurchsichtig) bis 255(unsichtbar). Sie sollten die Aktivität aufheben, wenn Sie das Popup-Fenster schließen.

Ich habe keinen Code zum Anzeigen und Schließen des Popup-Fensters eingefügt, aber hier ist ein Link, wie dies durchgeführt werden kann: http://www.mobilemancer.com/2011/01/08/popup-window-in-android/

Da PopupWindownur ein fügt Viewzu WindowManagerkönnen Sie mit updateViewLayout (View view, ViewGroup.LayoutParams params)der Aktualisierung LayoutParamsIhrer PopupWindow‚s contentViewAfter - Show - Aufruf .. ().

Durch Setzen der Fensterflagge FLAG_DIM_BEHINDwird alles hinter dem Fenster abgeblendet. Verwenden Sie dimAmountdiese Option , um die Menge an Dim zu steuern (1,0 für vollständig undurchsichtig bis 0,0 für No Dim).

Denken Sie daran, dass wenn Sie einen Hintergrund für Ihren festlegen, PopupWindowdieser contentViewin einen Container verschoben wird, was bedeutet, dass Sie dessen übergeordnetes Element aktualisieren müssen.

Mit Hintergrund:

PopupWindow popup = new PopupWindow(contentView, width, height);
popup.setBackgroundDrawable(background);
popup.showAsDropDown(anchor);

View container = (View) popup.getContentView().getParent();
WindowManager wm = (WindowManager) getSystemService(Context.WINDOW_SERVICE);
WindowManager.LayoutParams p = (WindowManager.LayoutParams) container.getLayoutParams();
// add flag
p.flags |= WindowManager.LayoutParams.FLAG_DIM_BEHIND;
p.dimAmount = 0.3f;
wm.updateViewLayout(container, p);

Ohne Hintergrund:

PopupWindow popup = new PopupWindow(contentView, width, height);
popup.setBackgroundDrawable(null);
popup.showAsDropDown(anchor);

WindowManager wm = (WindowManager) getSystemService(Context.WINDOW_SERVICE);
WindowManager.LayoutParams p = (WindowManager.LayoutParams) contentView.getLayoutParams();
// add flag
p.flags |= WindowManager.LayoutParams.FLAG_DIM_BEHIND;
p.dimAmount = 0.3f;
wm.updateViewLayout(contentView, p);

Marshmallow Update:

In M PopupWindow wird die Inhaltsansicht in ein FrameLayout mit dem Namen mDecorView eingeschlossen. Wenn Sie sich in die PopupWindow-Quelle vertiefen, finden Sie so etwas wie. createDecorView(View contentView)Der Hauptzweck von mDecorView besteht darin, Ereignisversand und Inhaltsübergänge zu verarbeiten, die für M neu sind. Dies bedeutet, dass wir eine weitere .getParent () hinzufügen müssen, um auf den Container zuzugreifen.

Mit Hintergrund, der eine Änderung an etwas erfordern würde wie:

View container = (View) popup.getContentView().getParent().getParent();

Bessere Alternative für API 18+

Eine weniger hackige Lösung mit ViewGroupOverlay:

1) Holen Sie sich das gewünschte Root-Layout

ViewGroup root = (ViewGroup) getWindow().getDecorView().getRootView();

2) Rufen Sie an applyDim(root, 0.5f);oderclearDim()

public static void applyDim(@NonNull ViewGroup parent, float dimAmount){
    Drawable dim = new ColorDrawable(Color.BLACK);
    dim.setBounds(0, 0, parent.getWidth(), parent.getHeight());
    dim.setAlpha((int) (255 * dimAmount));

    ViewGroupOverlay overlay = parent.getOverlay();
    overlay.add(dim);
}

public static void clearDim(@NonNull ViewGroup parent) {
    ViewGroupOverlay overlay = parent.getOverlay();
    overlay.clear();
}

Fügen Sie in Ihrer XML-Datei so etwas mit Breite und Höhe als 'match_parent' hinzu.

<RelativeLayout
        android:id="@+id/bac_dim_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#C0000000"
        android:visibility="gone" >
</RelativeLayout>

In Ihrer Aktivität oncreate

//setting background dim when showing popup
back_dim_layout = (RelativeLayout) findViewById(R.id.share_bac_dim_layout);

Machen Sie es schließlich sichtbar, wenn Sie Ihr Popup-Fenster anzeigen, und machen Sie es sichtbar, wenn Sie das Popup-Fenster verlassen.

back_dim_layout.setVisibility(View.VISIBLE);
back_dim_layout.setVisibility(View.GONE);

Ein weiterer Trick besteht darin, 2 Popup-Fenster anstelle von einem zu verwenden. Das erste Popup-Fenster ist einfach eine Dummy-Ansicht mit durchscheinendem Hintergrund, die den Dimm-Effekt liefert. Das 2. Popup-Fenster ist Ihr beabsichtigtes Popup-Fenster.

Reihenfolge beim Erstellen von Popup-Fenstern: Zeigen Sie zuerst das Dummy-Popup-Fenster und dann das gewünschte Popup-Fenster an.

Reihenfolge beim Zerstören: Schließen Sie das beabsichtigte Popup-Fenster und dann das Dummy-Popup-Fenster.

Die beste Möglichkeit, diese beiden zu verknüpfen, besteht darin, einen OnDismissListener hinzuzufügen und die onDismiss()Methode zu überschreiben, mit der das Dummy-Popup-Fenster von ihrem Fenster entfernt werden soll.

Code für das Dummy-Popup-Fenster:

fadepopup.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" 
    android:id="@+id/fadePopup"
    android:background="#AA000000">
</LinearLayout>

Popup anzeigen, um den Hintergrund zu dimmen

private PopupWindow dimBackground() {

    LayoutInflater inflater = (LayoutInflater) EPGGRIDActivity.this
            .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    final View layout = inflater.inflate(R.layout.fadepopup,
            (ViewGroup) findViewById(R.id.fadePopup));
    PopupWindow fadePopup = new PopupWindow(layout, windowWidth, windowHeight, false);
    fadePopup.showAtLocation(layout, Gravity.NO_GRAVITY, 0, 0);
    return fadePopup;
}

Ich habe eine Lösung dafür gefunden

Erstellen Sie einen benutzerdefinierten transparenten Dialog und öffnen Sie in diesem Dialog das Popup-Fenster:

dialog = new Dialog(context, android.R.style.Theme_Translucent_NoTitleBar);
emptyDialog = LayoutInflater.from(context).inflate(R.layout.empty, null);

/* blur background*/
WindowManager.LayoutParams lp = dialog.getWindow().getAttributes();  
lp.dimAmount=0.0f;  
dialog.getWindow().setAttributes(lp);  
dialog.getWindow().addFlags(WindowManager.LayoutParams.FLAG_BLUR_BEHIND); 
dialog.setContentView(emptyDialog);
dialog.setCanceledOnTouchOutside(true);
dialog.setOnShowListener(new OnShowListener()
{
    @Override
    public void onShow(DialogInterface dialogIx)
    {
        mQuickAction.show(emptyDialog); //open the PopupWindow here
    }
});
dialog.show();

XML für den Dialog (R.layout.empty):

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_height="match_parent" android:layout_width="match_parent"
     style="@android:style/Theme.Translucent.NoTitleBar" />

Jetzt möchten Sie den Dialog schließen, wenn das Popup-Fenster geschlossen wird. so

mQuickAction.setOnDismissListener(new OnDismissListener()
{
    @Override
    public void onDismiss()
    {
        if(dialog!=null)
        {
            dialog.dismiss(); // dismiss the empty dialog when the PopupWindow closes
            dialog = null;
        }
    }
});

Hinweis: Ich habe hier das NewQuickActionPlugin zum Erstellen von PopupWindow verwendet. Dies kann auch unter nativen Popup-Fenstern erfolgen

Für mich funktioniert so etwas wie die Antwort von Abdelhak Mouaamou, getestet auf API-Level 16 und 27.

Anstatt popupWindow.getContentView().getParent()das Ergebnis zu verwenden und umzuwandeln View(was auf API-Ebene 16 abstürzt, weil dort ein ViewRootImplObjekt zurückgegeben wird, von dem es keine Instanz ist View), verwende ich nur, .getRootView()das bereits eine Ansicht zurückgibt, sodass dort kein Casting erforderlich ist.

Hoffe es hilft jemandem :)

Vollständiges Arbeitsbeispiel, das aus anderen Stackoverflow-Posts zusammengemischt wurde. Kopieren Sie es einfach und fügen Sie es ein, z. B. im onClick-Listener einer Schaltfläche:

// inflate the layout of the popup window
LayoutInflater inflater = (LayoutInflater)getSystemService(LAYOUT_INFLATER_SERVICE);
if(inflater == null) {
    return;
}
//View popupView = inflater.inflate(R.layout.my_popup_layout, null); // this version gives a warning cause it doesn't like null as argument for the viewRoot, c.f. /programming/24832497 and /programming/26404951
View popupView = View.inflate(MyParentActivity.this, R.layout.my_popup_layout, null);

// create the popup window
final PopupWindow popupWindow = new PopupWindow(popupView,
        LinearLayout.LayoutParams.WRAP_CONTENT,
        LinearLayout.LayoutParams.WRAP_CONTENT,
        true // lets taps outside the popup also dismiss it
        );

// do something with the stuff in your popup layout, e.g.:
//((TextView)popupView.findViewById(R.id.textview_popup_helloworld))
//      .setText("hello stackoverflow");

// dismiss the popup window when touched
popupView.setOnTouchListener(new View.OnTouchListener() {
        @Override
        public boolean onTouch(View v, MotionEvent event) {
            popupWindow.dismiss();
            return true;
        }
});

// show the popup window
// which view you pass in doesn't matter, it is only used for the window token
popupWindow.showAtLocation(view, Gravity.CENTER, 0, 0);
//popupWindow.setOutsideTouchable(false); // doesn't seem to change anything for me

View container = popupWindow.getContentView().getRootView();
if(container != null) {
    WindowManager wm = (WindowManager)getSystemService(Context.WINDOW_SERVICE);
    WindowManager.LayoutParams p = (WindowManager.LayoutParams)container.getLayoutParams();
    p.flags = WindowManager.LayoutParams.FLAG_DIM_BEHIND;
    p.dimAmount = 0.3f;
    if(wm != null) {
        wm.updateViewLayout(container, p);
    }
}

findViewById(R.id.drawer_layout).setAlpha((float) 0.7);

R.id.drawer_layout ist die ID des Layouts, dessen Helligkeit Sie verringern möchten.

Sie können das verwenden android:theme="@android:style/Theme.Dialog", um das zu tun. Erstellen Sie eine Aktivität und AndroidManifest.xmldefinieren Sie die Aktivität in:

    <activity android:name=".activities.YourActivity"
              android:label="@string/your_activity_label"
              android:theme="@android:style/Theme.Dialog">

ok, also folge ich der Antwort von uhmdown zum Dimmen der Hintergrundaktivität, wenn das Pop-Fenster geöffnet ist. Aber es schafft Probleme für mich. Es handelte sich um eine Dimmaktivität und ein Popup-Fenster (bedeutet, dass sowohl die Aktivität als auch das Popup schwarz gedimmt sind und nicht voneinander getrennt werden können).

also habe ich es so versucht,

Erstellen Sie eine Datei dimming_black.xml für den Dimmeffekt .

 <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#33000000" />
</shape>

Und füge wie backgroundin FrameLayoutals Root-XML-Tag hinzu, füge auch meine anderen Steuerelemente LinearLayoutso einlayout.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="@drawable/ff_drawable_black">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_gravity="bottom"
        android:background="@color/white">

        // other codes...
    </LinearLayout>

</FrameLayout>

Endlich zeige ich Popup auf meinem MainActivitymit einem zusätzlichen Parametersatz wie unten.

           //instantiate popup window
            popupWindow = new PopupWindow(viewPopup, LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT, true);

            //display the popup window
            popupWindow.showAtLocation(layout_ff, Gravity.BOTTOM, 0, 0);

Ergebnis:

es funktioniert bei mir auch gelöstes problem wie von baDo kommentiert . Damit Actionbarkann auch gedimmt werden.

Ps ich sage nicht uhmdown's ist falsch. Ich habe aus seiner Antwort gelernt und versucht, mich für mein Problem weiterzuentwickeln. Ich habe auch verwirrt, ob dies ein guter Weg ist oder nicht.

Irgendwelche Vorschläge werden auch geschätzt, auch entschuldigen Sie mein schlechtes Englisch.

Vielleicht hilft Ihnen dieses Repo: BasePopup

Dies ist mein Repo, mit dem verschiedene Probleme von PopupWindow gelöst werden.

Wenn Sie bei Verwendung der Bibliothek den Hintergrund verwischen müssen, rufen Sie einfach an setBlurBackgroundEnable(true).

Weitere Informationen finden Sie im Wiki. （Sprache in zh-cn）

BasePopup: Wiki

Dieser Code funktioniert

        pwindo = new PopupWindow(layout, ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT, true);
        pwindo.showAtLocation(layout, Gravity.CENTER, 0, 0);
        pwindo.setOutsideTouchable(false);

        View container = (View) pwindo.getContentView().getParent();
        WindowManager wm = (WindowManager) getSystemService(Context.WINDOW_SERVICE);
        WindowManager.LayoutParams p = (WindowManager.LayoutParams) container.getLayoutParams();
        p.flags = WindowManager.LayoutParams.FLAG_DIM_BEHIND;
        p.dimAmount = 0.3f;
        wm.updateViewLayout(container, p);