Android 如何实现RecyclerView内按钮旁弹出带箭头的定向Dialog

以下为Android端实现逻辑，iOS端核心思路一致，可参考适配。

核心逻辑 #

通过获取点击按钮的屏幕坐标，判断按钮上下方的可用空间，动态决定弹窗的展示位置、对应箭头的显示状态和位置，最终实现需求效果。

具体实现步骤 #

• 获取点击按钮的屏幕坐标
  点击RecyclerView item内的按钮时，通过getLocationInWindow方法获取按钮相对于当前窗口的坐标，计算出按钮的上下边界、右侧边界值：

  val loc = IntArray(2)
  targetBtn.getLocationInWindow(loc)
  val btnTop = loc[1]
  val btnBottom = loc[1] + targetBtn.height
  val btnRight = loc[0] + targetBtn.width
  

• 判断弹窗展示位置
  先获取当前窗口的可用高度（扣除状态栏、导航栏高度），分别计算按钮上下方的剩余可用空间：
  下方剩余空间 = 窗口可用高度 - btnBottom
  上方剩余空间 = btnTop
  若下方剩余空间 >= 弹窗预设高度，弹窗展示在按钮下方；反之展示在按钮上方。
• 自定义弹窗布局
  弹窗布局内预先放置两个箭头控件：朝上箭头、朝下箭头，默认均设为隐藏。根据上一步的位置判断结果显示对应箭头：
  1. 弹窗在按钮下方时：显示朝上箭头，设置箭头的右margin，使箭头右侧和按钮右侧对齐，实现右上角箭头指向按钮的效果
  2. 弹窗在按钮上方时：显示朝下箭头，同样调整右margin和按钮右侧对齐，实现右下角箭头指向按钮的效果
• 配置弹窗位置参数
  如果使用Dialog实现，通过WindowManager.LayoutParams配置弹窗的精确位置：
  1. 下方展示时：设置弹窗top为btnBottom，弹窗right为btnRight，同时做边界校验，避免弹窗超出屏幕左边缘
  2. 上方展示时：设置弹窗bottom为btnTop，弹窗right为btnRight，同样校验边界避免超出屏幕范围
     如果使用PopupWindow实现，调用showAsDropDown或showAtLocation方法即可更便捷的控制位置，逻辑和上述完全一致。
• 适配RecyclerView滚动场景
  给RecyclerView添加滚动监听，当列表发生滚动时直接dismiss当前展示的弹窗即可，避免弹窗和按钮位置错位。

注意事项 #

• 弹窗展示前需要提前测量好自身的宽高，避免因未渲染完成拿不到尺寸导致位置计算偏差，可通过View.measure方法提前完成测量
• 横竖屏切换、状态栏高度变化场景下，每次弹出弹窗都要重新计算坐标，避免位置错误

内容的提问来源于stack exchange，提问作者IRON MAN