【移動(dòng)應(yīng)用開發(fā)技術(shù)】Android PopupWindow使用方法小結(jié)

【移動(dòng)應(yīng)用開發(fā)技術(shù)】AndroidPopupWindow使用方法小結(jié)

前幾天要用到PopupWindow，一時(shí)竟想不起來怎么用，趕緊上網(wǎng)查了查，自己寫了個(gè)demo，并在此記錄一下PopupWindow的用法。使用場(chǎng)景PopupWindow，顧名思義，就是彈窗，在很多場(chǎng)景下都可以見到它。例如ActionBar/Toolbar的選項(xiàng)彈窗，一組選項(xiàng)的容器，或者列表等集合的窗口等等。基本用法使用PopupWindow很簡(jiǎn)單，可以總結(jié)為三個(gè)步驟：其中，第二步是可選的（不過基本上都要進(jìn)行第二步的設(shè)置）。下面是一個(gè)簡(jiǎn)單的例子：每個(gè)方法的作用都寫在注解里了，相信大家都能看懂。不過這里要注意這兩行：只有同時(shí)設(shè)置PopupWindow的背景和可以響應(yīng)外部點(diǎn)擊事件，它才能“真正”響應(yīng)外部點(diǎn)擊事件。也就是說，當(dāng)你點(diǎn)擊PopupWindow的外部或者按下“Back”鍵時(shí)，PopupWindow才會(huì)消失。使用showAsDropDown方法顯示PopupWindow通常情況下，調(diào)用showAsDropDown方法后PopupWindow將會(huì)在錨點(diǎn)的左下方顯示（dropdown）。但是，有時(shí)想讓PopupWindow在錨點(diǎn)的上方顯示，或者在錨點(diǎn)的中間位置顯示，此時(shí)就需要用到showAsDropDown方法的xoff和yoff參數(shù)了。這里我們的目的不僅包括上面提到的兩種情況（錨點(diǎn)上方或錨點(diǎn)中部），而是囊括了水平和垂直方向各5種顯示方式：水平方向：

ALIGN_LEFT：在錨點(diǎn)內(nèi)部的左邊；

ALIGN_RIGHT：在錨點(diǎn)內(nèi)部的右邊；

CENTER_HORI：在錨點(diǎn)水平中部；

TO_RIGHT：在錨點(diǎn)外部的右邊；

TO_LEFT：在錨點(diǎn)外部的左邊。

垂直方向：

ALIGN_ABOVE：在錨點(diǎn)內(nèi)部的上方；

ALIGN_BOTTOM：在錨點(diǎn)內(nèi)部的下方；

CENTER_VERT：在錨點(diǎn)垂直中部；

TO_BOTTOM：在錨點(diǎn)外部的下方；

TO_ABOVE：在錨點(diǎn)外部的上方。

下面來看張圖：我們先定義一個(gè)類對(duì)PopupWindow進(jìn)行簡(jiǎn)單的封裝：這里我們要實(shí)現(xiàn)的就是“showBashOfAnchor”方法，其中有一個(gè)“LayoutGravity”類型的參數(shù)，這就是控制PopupWindow相對(duì)錨點(diǎn)位置的對(duì)象。下面來定義“LayoutGravity”：這里的主要方法就是“getOffset”，它會(huì)根據(jù)水平和垂直方向的gravity決定PopupWindow相對(duì)錨點(diǎn)的位置。使用“LayoutGravity”時(shí)，可以通過“setHoriGravity”和“setVertGravity”方法設(shè)置水平和垂直方向的gravity，或者新建一個(gè)“LayoutGravity”對(duì)象。下面是一個(gè)demo：使用setAnimationStyle方法添加動(dòng)畫上面我們提到了為PopupWindow設(shè)置背景和注冊(cè)事件監(jiān)聽器，現(xiàn)在我們?cè)賮頌镻opupWindow添加動(dòng)畫。這里的動(dòng)畫是指PopupWindow出現(xiàn)和消失時(shí)的動(dòng)畫。默認(rèn)是直接彈出和消失，這樣難免讓用戶有一種突兀的感覺；如果PopupWindow能夠“滑入”屏幕和“滑出”屏幕（或者其他方式），用戶體驗(yàn)會(huì)更好。為PopupWindow添加動(dòng)畫可以調(diào)用`setAnimationStyle`方法，該方法只有一個(gè)參數(shù)，就是指定動(dòng)畫的樣式，因此我們需要定義動(dòng)畫資源和樣式資源。下面是一個(gè)“滑入滑出”動(dòng)畫：然后定義“滑動(dòng)”動(dòng)畫樣式：現(xiàn)在我們就可以為PopupWindow添加“滑動(dòng)”動(dòng)畫了：我們來看下效果：PS：這里由于動(dòng)畫的時(shí)間太短（200ms），另外轉(zhuǎn)GIF的時(shí)候可能截取的頻率有點(diǎn)低，導(dǎo)致滑動(dòng)效果不是很明顯，建議自己運(yùn)行demo查看現(xiàn)在PopupWindow的出現(xiàn)/消失已經(jīng)不是那么突兀了。不過，當(dāng)彈窗出現(xiàn)后，發(fā)現(xiàn)彈窗和背景不是很容易區(qū)分，如果此時(shí)彈窗的背景能“變暗”就好了。沒問題，我們可以在彈窗出現(xiàn)后讓背景變暗，并在彈窗消失后讓背景還原：現(xiàn)在再來看下效果：現(xiàn)在PopupWindow就比較明顯了。另外，我們還實(shí)現(xiàn)