今天在掘金上看了個文章,寫的實現(xiàn)QQ右上角點擊彈出菜單,想著自己好像都沒用過PopupWindow,馬上擼起袖子開搞。記錄下實現(xiàn)的過程中一些需要注意的地方,方便以后參考。
實現(xiàn)一個簡單的PopupWindow
從官方文檔里我們可以看到PopupWindow有很多構(gòu)造方法,但是無論選擇哪個構(gòu)造方法最后都可以通過PopupWindow的其他方法達(dá)到同樣的效果,經(jīng)常使用的有
PopupWindow(int width, int height)
PopupWindow(View contentView, int width, int height)
PopupWindow(View contentView, int width, int height, boolean focusable)
其中contentView就是詳細(xì)的內(nèi)容,可以寫在XML文件中,再通過View.infalte方法轉(zhuǎn)換成View對象。
設(shè)置好popupWindow的各個屬性后接下來就是顯示PopupWindow了。
文檔中有幾個顯示popupWindow的方法
-
void showAsDropDown(View anchor)
將popupWindow顯示在anchor的左下方,如果屏幕上空間不夠的話,系統(tǒng)會試著給popupWindow找一個可滑動的父View。如果沒有可滑動的父View,popupWindow的 void showAsDropDown(View anchor, int xoff, int yoff, int gravity)
-
void showAsDropDown(View anchor, int xoff, int yoff)
在默認(rèn)左下方的基礎(chǔ)上加上x和y的偏移量顯示PopupWindow -
void showAtLocation(View parent, int gravity, int x, int y)
顯示在一個具體的位置上
點擊空白處消失
經(jīng)常有這樣的需求,需要我們在打開一個PopupWindow后點擊非菜單欄區(qū)域可以讓PopupWindow消失。
為了實現(xiàn)這樣的功能,首先我們要將popupWindow的setFocusable設(shè)置為true。這樣popupWindow才能處理我們的點擊事件,popupWindow內(nèi)的元素也才能響應(yīng)各自的點擊事件。
備注:網(wǎng)絡(luò)上找到的教程里說需要給popupWindow設(shè)置一個backgroundDrawable,否則會有莫名其妙的bug。但我在實踐的時候沒發(fā)現(xiàn)什么影響,暫做記錄。另外setOutsideTouchable這個方法設(shè)置為false好像也沒什么影響。。
顯示PopupWindow時其余區(qū)域背景變暗
這也是經(jīng)常需要實現(xiàn)的功能,網(wǎng)上檢索了一下資料,有幾種實現(xiàn)方法,暫時只嘗試了比較簡單的一種,將Window的背景變暗,這個方法理解起來也比較容易,具體代碼
private void setBackgroundAlpha(float alpha) {
WindowManager.LayoutParams lp = getWindow().getAttributes();
lp.alpha = alpha;
getWindow().setAttributes(lp);
}
在使用時只需要寫一行代碼setBackgroundAlpha(0.6f)
就可以實現(xiàn)背景變暗的效果,效果如下圖
但是僅這樣我們會發(fā)現(xiàn)當(dāng)我們點擊空白區(qū)域后popupwindow消失了,但是背景還是暗的,這是因為我們沒有將window的背景恢復(fù)成原來的透明度。
找了一下文檔發(fā)現(xiàn)有個setOnDimissListener的方法,也就是說我們可以設(shè)置監(jiān)聽器來監(jiān)聽popupwindow消失的時間,在監(jiān)聽器里設(shè)置setBackgroundAlpha(1f)
。這樣當(dāng)popupwindow消失的時候,空白區(qū)域也恢復(fù)了原來的顏色。
PopupWindow內(nèi)的列表響應(yīng)點擊事件
這個比較簡單了,在設(shè)置contentView的時候,通過findViewById來獲取contentView內(nèi)的View實例,再設(shè)置相應(yīng)的View.OnClickListener就可以了。當(dāng)然這一切的前提還是一個setFocusable(true),如果沒有這個屬性的保證,PopupWindow內(nèi)的東西是無法處理相應(yīng)的事件的。
PopupWindow和Dialog的區(qū)別
PopupWindow和Dialog一個很重要的區(qū)別是在于是否是線程阻塞的。
PopupWindow是線程阻塞的,也就是說:當(dāng)PopupWindow彈出后,程序是一直阻塞的,只有當(dāng)PopupWindow執(zhí)行了dimiss方法后,程序才會繼續(xù)執(zhí)行。
而AlertDialog是非阻塞式的對話框,后臺還可以做其他事情。
另外還有一些顯示效果的不同,如:
- Dialog默認(rèn)有標(biāo)題,PopupWindow沒有
- PopupWindow顯示前要設(shè)置寬高,而Dialog不用
- PopupWindow默認(rèn)不響應(yīng)物理的返回按鍵,除非設(shè)置了setFocusable(true)屬性,而在點擊返回按鍵后,Dialog會消失
最后
PopupWindow還可以設(shè)置動畫啥的,暫時還沒有學(xué)習(xí)到,本文只是一個簡單的使用。這篇筆記是趕在元旦前寫的第一篇學(xué)習(xí)筆記,希望新的一年能夠多寫東西,多成長一點。