Blur or dim background when Android PopupWindow active

Question

I would like to be able to either blur or dim the background when I show my popup window using popup showAtLocation  and unblur dim the background when popup dismiss is called   I have tried applying layout params FLAG BLUR BEHIND and FLAG DIM BEHIND to my activity  but this appears to just blur and dim the background as soon my app is started   How can I do blurring dimming just with popups

User · Answer

This code work           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

User · Answer

Since PopupWindow just adds a View to WindowManager you can use updateViewLayout  View view  ViewGroup LayoutParams params  to update the LayoutParams of your PopupWindow s contentView after calling show        Setting the window flag FLAG DIM BEHIND will dimm everything behind the window  Use dimAmount to control the amount of dim  1 0 for completely opaque to 0 0 for no dim    Keep in mind that if you set a background to your PopupWindow it will put your contentView into a container  which means you need to update it s parent    With background   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     Without background   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   On M PopupWindow wraps the contentView inside a FrameLayout called mDecorView  If you dig into the PopupWindow source you will find something like createDecorView View contentView  The main purpose of mDecorView is to handle event dispatch and content transitions  which are new to M  This means we need to add one more  getParent   to access the container   With background that would require a change to something like   View container    View  popup getContentView   getParent   getParent        Better alternative for API 18   A less hacky solution using ViewGroupOverlay   1  Get a hold of the desired root layout  ViewGroup root    ViewGroup  getWindow   getDecorView   getRootView      2  Call applyDim root  0 5f   or clearDim    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

User · Answer

The question was about the Popupwindow class  yet everybody has given answers that use the Dialog class  Thats pretty much useless if you need to use the Popupwindow class  because Popupwindow doesn t have a getWindow   method   I ve found a solution that actually works with Popupwindow  It only requires that the root of the xml file you use for the background activity is a FrameLayout  You can give the Framelayout element an android foreground tag  What this tag does is specify a drawable resource that will be layered on top of the entire activity  that is  if the Framelayout is the root element in the xml file   You can then control the opacity  setAlpha    of the foreground drawable   You can use any drawable resource you like  but if you just want a dimming effect  create an xml file in the drawable folder with the  lt shape gt  tag as root    lt  xml version  1 0  encoding  utf-8   gt   lt shape     xmlns android  http   schemas android com apk res android      android shape  rectangle   gt       lt solid android color   000000    gt   lt  shape gt     See http   developer android com guide topics resources drawable-resource html Shape for more info on the shape element   Note that I didn t specify an alpha value in the color tag that would make the drawable item transparent  e g   ff000000   The reason for this is that any hardcoded alpha value seems to override any new alpha values we set via the setAlpha   in our code  so we don t want that  However  that means that the drawable item will initially be opaque  solid  non-transparent   So we need to make it transparent in the activity s onCreate   method   Here s the Framelayout xml element code    lt 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   gt          your activity s content      lt  FrameLayout gt    Here s the Activity s onCreate   method   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       Finally  the code to dim the activity   layout MainMenu getForeground   setAlpha  220      dim  layout MainMenu getForeground   setAlpha  0      restore   The alpha values go from 0  opaque  to 255  invisible   You should un-dim the activity when you dismiss the Popupwindow   I haven t included code for showing and dismissing the Popupwindow  but here s a link to how it can be done  http   www mobilemancer com 2011 01 08 popup-window-in-android

User · Answer

For me  something like Abdelhak Mouaamou s answer works  tested on API level 16 and 27   Instead of using popupWindow getContentView   getParent   and casting the result to View  which crashes on API level 16 cause there it returns a ViewRootImpl object which isn t an instance of View  I just use  getRootView   which returns a view already  so no casting required there   Hope it helps someone     complete working example scrambled together from other stackoverflow posts  just copy-paste it  e g   in the onClick listener of a button      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  https   stackoverflow com questions 24832497 and https   stackoverflow com questions 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

User · Answer

I ve found a solution for this  Create a custom transparent dialog and inside that dialog open the popup window   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 for the dialog R layout empty     lt  xml version  1 0  encoding  utf-8   gt   lt 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    gt    now you want to dismiss the dialog when Popup window dismisses  so  mQuickAction setOnDismissListener new OnDismissListener          Override     public void onDismiss                 if dialog  null                        dialog dismiss       dismiss the empty dialog when the PopupWindow closes             dialog   null                        Note  I ve used NewQuickAction plugin for creating PopupWindow here  It can also be done on native Popup Windows

User · Answer

In your xml file add something like this with width and height as  match parent     lt RelativeLayout         android id    id bac dim layout          android layout width  match parent          android layout height  match parent          android background   C0000000          android visibility  gone   gt   lt  RelativeLayout gt    In your activity oncreate    setting background dim when showing popup back dim layout    RelativeLayout  findViewById R id share bac dim layout     Finally make visible when you show your popupwindow and make its visible gone when you exit popupwindow   back dim layout setVisibility View VISIBLE   back dim layout setVisibility View GONE

User · Answer

Another trick is to use 2 popup windows instead of one  The 1st popup window will simply be a dummy view with translucent background which provides the dim effect  The 2nd popup window is your intended popup window    Sequence while creating pop up windows  Show the dummy pop up window 1st and then the intended popup window   Sequence while destroying  Dismiss the intended pop up window and then the dummy pop up window   The best way to link these two is to add an OnDismissListener and override the onDismiss   method of the intended to dimiss the dummy popup window from their    Code for the dummy popup window   fadepopup xml   lt  xml version  1 0  encoding  utf-8   gt   lt 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  gt   lt  LinearLayout gt    Show fade popup to dim the background  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

User · Answer

ok  so i follow uhmdown s answer for dimming background activity when pop window is open  But it creates problem for me  it was dimming activity and include popup window  means dimmed-black layered on both activity and popup also  it can not be separate them    so i tried this way   create an dimming black xml file for dimming effect     lt  xml version  1 0  encoding  utf-8   gt   lt shape xmlns android  http   schemas android com apk res android      android shape  rectangle  gt       lt solid android color   33000000    gt   lt  shape gt    And add as background in FrameLayout as root xml tag  also put my other controls in LinearLayout like this layout xml   lt  xml version  1 0  encoding  utf-8   gt   lt 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  gt        lt LinearLayout         android layout width  match parent          android layout height  wrap content          android orientation  vertical          android layout gravity  bottom          android background   color white  gt              other codes         lt  LinearLayout gt    lt  FrameLayout gt    at last i show popup on my MainActivity with some extra parameter set as below                 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     Result    it works for me  also solved problem as commented by BaDo  With this Actionbar also can be dimmed   P s i am not saying uhmdown s is wrong  i learnt form his answer and try to evolve for my problem  I also confused whether this is a good way or not   Any suggestions is also appreciated also sorry for my bad English

User · Answer

findViewById R id drawer layout  setAlpha  float  0 7     R id drawer layout is the id of the layout of which you want to dim the brightness

User · Answer

You can use android theme   android style Theme Dialog  to do that  Create an activity and in your AndroidManifest xml define the activity as        lt activity android name   activities YourActivity                android label   string your activity label                android theme   android style Theme Dialog  gt

User · Answer

Maybe this repo will help for you BasePopup  This is my repo  which is used to solve various problems of PopupWindow   In the case of using the library  if you need to blur the background  just call setBlurBackgroundEnable true    See the wiki for more details  Language in zh-cn   BasePopup wiki

[android] Blur or dim background when Android PopupWindow active

Examples related to android

Examples related to popupwindow

Examples related to android-popupwindow