快捷導(dǎo)航

詳解Android PopupWindow怎么合理控制彈出位置（showAtLocation）

更新時(shí)間：2017年10月30日 16:42:30 作者：popfisher

本篇文章主要介紹了詳解Android PopupWindow怎么合理控制彈出位置（showAtLocation），具有一定的參考價(jià)值，有興趣的可以了解一下

說到PopupWindow，應(yīng)該都會有種熟悉的感覺，使用起來也很簡單

// 一個(gè)自定義的布局，作為顯示的內(nèi)容
Context context = null;　　// 真實(shí)環(huán)境中要賦值
int layoutId = 0;　　　　　　// 布局ID
View contentView = LayoutInflater.from(context).inflate(layoutId, null);
   
final PopupWindow popupWindow = new PopupWindow(contentView,
        LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT, true);

popupWindow.setTouchable(true);
// 如果不設(shè)置PopupWindow的背景，有些版本就會出現(xiàn)一個(gè)問題：無論是點(diǎn)擊外部區(qū)域還是Back鍵都無法dismiss彈框
// 這里單獨(dú)寫一篇文章來分析
popupWindow.setBackgroundDrawable(new ColorDrawable());
// 設(shè)置好參數(shù)之后再show
popupWindow.showAsDropDown(contentView);

如果創(chuàng)建PopupWindow的時(shí)候沒有指定高寬，那么showAsDropDown默認(rèn)只會向下彈出顯示，這種情況有個(gè)最明顯的缺點(diǎn)就是：彈窗口可能被屏幕截?cái)?，顯示不全，所以需要使用到另外一個(gè)方法showAtLocation,這個(gè)的坐標(biāo)是相對于整個(gè)屏幕的，所以需要我們自己計(jì)算位置。

如下圖所示，我們可以根據(jù)屏幕左上角的坐標(biāo)A，屏幕高寬，點(diǎn)擊View的左上角的坐標(biāo)C，點(diǎn)擊View的大小以及PopupWindow布局的大小計(jì)算出PopupWindow的顯示位置B

計(jì)算方法源碼如下：

  /**
   * 計(jì)算出來的位置，y方向就在anchorView的上面和下面對齊顯示，x方向就是與屏幕右邊對齊顯示
   * 如果anchorView的位置有變化，就可以適當(dāng)自己額外加入偏移來修正
   * @param anchorView 呼出window的view
   * @param contentView  window的內(nèi)容布局
   * @return window顯示的左上角的xOff,yOff坐標(biāo)
   */
  private static int[] calculatePopWindowPos(final View anchorView, final View contentView) {
    final int windowPos[] = new int[2];
    final int anchorLoc[] = new int[2];
　　　　 // 獲取錨點(diǎn)View在屏幕上的左上角坐標(biāo)位置
    anchorView.getLocationOnScreen(anchorLoc);
    final int anchorHeight = anchorView.getHeight();
    // 獲取屏幕的高寬
    final int screenHeight = ScreenUtils.getScreenHeight(anchorView.getContext());
    final int screenWidth = ScreenUtils.getScreenWidth(anchorView.getContext());
    contentView.measure(View.MeasureSpec.UNSPECIFIED, View.MeasureSpec.UNSPECIFIED);
    // 計(jì)算contentView的高寬
    final int windowHeight = contentView.getMeasuredHeight();
    final int windowWidth = contentView.getMeasuredWidth();
    // 判斷需要向上彈出還是向下彈出顯示
    final boolean isNeedShowUp = (screenHeight - anchorLoc[1] - anchorHeight < windowHeight);
    if (isNeedShowUp) {
      windowPos[0] = screenWidth - windowWidth;
      windowPos[1] = anchorLoc[1] - windowHeight;
    } else {
      windowPos[0] = screenWidth - windowWidth;
      windowPos[1] = anchorLoc[1] + anchorHeight;
    }
    return windowPos;
  }

接下來調(diào)用showAtLoaction顯示：

View windowContentViewRoot = 我們要設(shè)置給PopupWindow進(jìn)行顯示的View
int windowPos[] = calculatePopWindowPos(view, windowContentViewRoot);
int xOff = 20；// 可以自己調(diào)整偏移
windowPos[0] -= xOff;
popupwindow.showAtLocation(view, Gravity.TOP | Gravity.START, windowPos[0], windowPos[1]);
// windowContentViewRoot是根布局View

上面的例子只是提供了一種計(jì)算方式，在實(shí)際開發(fā)中可以根據(jù)需求自己計(jì)算，比如anchorView在左邊的情況，在中間的情況，可以根據(jù)實(shí)際需求寫一個(gè)彈出位置能夠自適應(yīng)的PopupWindow。

補(bǔ)充上獲取屏幕高寬的代碼ScreenUtils.java：

  /**
   * 獲取屏幕高度(px)
   */
  public static int getScreenHeight(Context context) {
    return context.getResources().getDisplayMetrics().heightPixels;
  }
  /**
   * 獲取屏幕寬度(px)
   */
  public static int getScreenWidth(Context context) {
    return context.getResources().getDisplayMetrics().widthPixels;
  }

Demo截圖展示：