溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

詳解Android PopupWindow怎么合理控制彈出位置(showAtLocation)

發(fā)布時(shí)間:2020-10-07 02:13:30 來(lái)源:腳本之家 閱讀:173 作者:popfisher 欄目:移動(dòng)開(kāi)發(fā)

說(shuō)到PopupWindow,應(yīng)該都會(huì)有種熟悉的感覺(jué),使用起來(lái)也很簡(jiǎn)單

// 一個(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的背景,有些版本就會(huì)出現(xiàn)一個(gè)問(wèn)題:無(wú)論是點(diǎn)擊外部區(qū)域還是Back鍵都無(wú)法dismiss彈框
// 這里單獨(dú)寫一篇文章來(lái)分析
popupWindow.setBackgroundDrawable(new ColorDrawable());
// 設(shè)置好參數(shù)之后再show
popupWindow.showAsDropDown(contentView);

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

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

 詳解Android PopupWindow怎么合理控制彈出位置(showAtLocation)

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

  /**
   * 計(jì)算出來(lái)的位置,y方向就在anchorView的上面和下面對(duì)齊顯示,x方向就是與屏幕右邊對(duì)齊顯示
   * 如果anchorView的位置有變化,就可以適當(dāng)自己額外加入偏移來(lái)修正
   * @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;
  }

接下來(lái)調(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í)際開(kāi)發(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截圖展示:

詳解Android PopupWindow怎么合理控制彈出位置(showAtLocation)

詳解Android PopupWindow怎么合理控制彈出位置(showAtLocation)

詳解Android PopupWindow怎么合理控制彈出位置(showAtLocation)

Demo下載地址:https://github.com/PopFisher/SmartPopupWindow

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持億速云。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI