一 、前言
前面為了在專案中使用Popupwindow簡單方便，自己簡易封裝了一個PopupWindow,可以在專案很方便的使用。還沒有看過的可以去看一下文章介紹，通用PopupWindow，幾行程式碼搞定PopupWindow彈窗，前段時間看到有留言說彈出PopupWindow同時使背景變暗這個功能沒有，能不能加上？想著這是個比較常見的需求，因此把它加到了這個庫中，本篇文章就簡單談談怎麼實現這個功能。
專案地址:github.com/pinguo-zhou…
最終效果圖：
二 、彈出PopupWindow 同時背景變暗
我們知道，一個Activity包含了一個Window物件，Activity是不直接顯示View,View 被繫結到Window上來得以呈現，也就是說View必須是依附Window而存在的，同樣PopupWindow也是如此。因此要控制整個螢幕的背景的變暗和變亮，我們只需要控制當前Activity的window的亮度，通過alpha屬性的值來控制就行了。
我們先來寫個例子測試一下:通過一個seekbar來控制alpha值來改變螢幕的亮度。
1, xml 檔案如下：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<android.support.v7.widget.AppCompatSeekBar
android:id="@+id/seek_bar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:layout_marginBottom="20dp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="改變當前window亮度:"
android:textColor="@android:color/darker_gray"
android:textSize="16sp"
android:layout_above="@+id/seek_bar"
android:layout_marginBottom="10dp"
android:layout_marginLeft="10dp"
/>
</RelativeLayout>複製程式碼2, 程式碼如下：
mAppCompatSeekBar = (AppCompatSeekBar) findViewById(R.id.seek_bar);
mAppCompatSeekBar.setMax(100);
mAppCompatSeekBar.setProgress(100);
mAppCompatSeekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
@Override
public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
float alpha = seekBar.getProgress() * 1.0f / 100 ;
if(alpha < 0.2){
alpha = 0.2f;
}
Window mWindow = getWindow();
WindowManager.LayoutParams params = mWindow.getAttributes();
params.alpha = alpha;
mWindow.setAttributes(params);
}
@Override
public void onStartTrackingTouch(SeekBar seekBar) {
}
@Override
public void onStopTrackingTouch(SeekBar seekBar) {
}
});複製程式碼效果如下：
看到沒？隨著拖動seekBar，螢幕的亮度就跟著改變了，這不就是我們想要的效果嘛。
PopupWindow 彈出和消失時改變當前window的alpha 來控制螢幕亮度。
有了上面的測試，我們就可以讓PopupWindow彈出時，同時螢幕變暗了。在build()方法中新增如下程式碼：
// 獲取當前Activity的window
Activity activity = (Activity) mContentView.getContext();
if(activity!=null && mIsBackgroundDark){
//如果設定的值在0 - 1的範圍內，則用設定的值，否則用預設值
final float alpha = (mBackgroundDrakValue > 0 && mBackgroundDrakValue < 1) ? mBackgroundDrakValue : DEFAULT_ALPHA;
mWindow = activity.getWindow();
WindowManager.LayoutParams params = mWindow.getAttributes();
params.alpha = alpha;
mWindow.setAttributes(params);
}複製程式碼加了上面的程式碼，在彈出PopupWindow的時候，螢幕就會變暗了，但是你會發現一個問題，PopupWindow消失之後，螢幕仍然是暗的，這當然不是我們想要的，因此在PopupWindow消失的時候，需要改回原來的值。重寫onDismiss方法，新增如下程式碼：
//如果設定了背景變暗，那麼在dissmiss的時候需要還原
if(mWindow!=null){
WindowManager.LayoutParams params = mWindow.getAttributes();
params.alpha = 1.0f;
mWindow.setAttributes(params);
}複製程式碼現在，這個功能就完成了。看一下效果圖：
三、CustomPopWindow 使用背景變暗配置
上面講了背景變暗的思路和方法，那麼我們看一下CustomPopWindow 怎麼使用這個功能，非常簡單，新增了2個配置方法：
- enableBackgroundDark(boolean isDark):是否開啟背景變暗，使用預設亮度值，也可以使用
setBgDarkAlpha改變亮度值。 - setBgDarkAlpha(float darkValue)：改變背景亮度值。
示例程式碼如下：
//建立並顯示popWindow
mCustomPopWindow= new CustomPopWindow.PopupWindowBuilder(this)
.setView(contentView)
.enableBackgroundDark(true) //彈出popWindow時，背景是否變暗
.setBgDarkAlpha(0.7f) // 控制亮度
.create()
.showAsDropDown(mButton5,0,20);複製程式碼四、新增PopupWindow顯示和消失動畫
有時候，我們可能需要在PopupWindow 顯示和消失的時候新增上一些動畫，Popwindow是可以自己新增顯示和消失的動畫的，通過setAnimationStyle方法設定，顯示動畫和消失動畫分別由android:windowEnterAnimation和android:windowExitAnimation2個屬性控制。
如下步驟：
(1) 在res／anim 下新增兩個動畫檔案
popwindow_anim_in：
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<alpha android:fromAlpha="0"
android:toAlpha="1.0"
android:duration="100"
/>
<scale android:fromXScale="0"
android:toXScale="1.0"
android:fromYScale="0"
android:toYScale="1.0"
android:duration="100"
/>
</set>複製程式碼popwindow_anim_out:
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<alpha android:fromAlpha="1.0"
android:toAlpha="0.0"
android:duration="100"
/>
<scale android:fromXScale="1.0"
android:toXScale="0"
android:fromYScale="1.0"
android:toYScale="0"
android:duration="100"
/>
</set>複製程式碼(2) 在styles.xml 中新增一個style
<style name="CustomPopWindowStyle">
<item name="android:windowEnterAnimation">@anim/popwindow_anim_in</item>
<item name="android:windowExitAnimation">@anim/popwindow_anim_out</item>
</style>複製程式碼(3) 通過setAnimationStyle 應用動畫
CustomPopWindow popWindow = new CustomPopWindow.PopupWindowBuilder(this)
.setView(R.layout.pop_layout1)
.setFocusable(true)
.setOutsideTouchable(true)
.setAnimationStyle(R.style.CustomPopWindowStyle) // 新增自定義顯示和消失動畫
.create()
.showAsDropDown(mButton1,0,10);複製程式碼通過上面就可以給PopupoWindow的顯示和消失新增動畫，除此之外，在API 21 以上，Google 給PopupWindow 新增了2個新方法用來新增顯示和消失時的過渡動畫，setEnterTransition和setExitTransition，有興趣的可以去研究一下。
五、總結
以上就是對於給PopupWindow的新增背景變暗和動畫的一些思路分析和實踐總結，如果你覺得每次新增一個PopupWindow很麻煩，那麼你不妨試一下這個簡單的庫，github.com/pinguo-zhou…。如果你還有什麼需要的功能，可以留言，我會新增到這個庫上面。