动态添加Fragment后修改宽高参数导致子视图消失问题

根因说明 #

你遇到的现象是多个编码疏漏叠加导致的：

• 直接在onCreateView的同步执行流程中修改根视图布局参数的时机过早，会导致根视图的ConstraintLayout测量阶段拿不到正确的自身尺寸，所有依赖layout_constraintHeight_percent这类百分比约束的子视图，会被计算为0尺寸，视觉上完全不可见。这也是为什么不修改尺寸时视图可以正常展示——此时根视图使用inflate生成的默认match_parent参数，ConstraintLayout能拿到正确的尺寸完成所有约束计算。
• 你当前的代码只修改了view.layoutParams的属性值，没有将更新后的布局参数重新赋值给视图，无法触发父容器的重新测量流程；若此时inflate返回的视图本身layoutParams为null（比如传入的container参数为空时），还会直接中断后续布局逻辑。
• 手动通过view.x、view.y做位置偏移的操作，很容易在尺寸更新后把整个根视图推出屏幕可视区域，你看到的“子视图消失”可能是整个根视图都偏移到了屏幕外，只是你没注意到根视图的蓝色背景也一并出界了。

修复步骤 #

• 首先替换原有直接修改属性的布局参数逻辑，保证布局参数类型匹配、对象合法：
  不要仅修改layoutParams的属性值就结束操作，必须新建/更新合法的布局参数对象后，重新赋值给视图的layoutParams属性，才能触发正确的测量流程：

  // 生成匹配当前父容器的布局参数对象，避免类型不匹配或空引用
  val targetParams = view.layoutParams ?: ViewGroup.LayoutParams(
      ViewGroup.LayoutParams.WRAP_CONTENT,
      ViewGroup.LayoutParams.WRAP_CONTENT
  )
  // 赋值校验通过的尺寸值
  targetParams.width = this.cardSize?.width ?: 0
  targetParams.height = this.cardSize?.height ?: 0
  // 关键：将更新后的布局参数重新赋值给视图，触发父容器重新测量
  view.layoutParams = targetParams
  

• 将尺寸更新逻辑迁移到视图首次完成布局的回调中执行，避免测量时机过早：
  你之前尝试用post块无效，是因为post执行时机依然早于ConstraintLayout完成首次尺寸测量的流程，正确的做法是监听视图的布局完成回调，等根视图拿到正确的自身尺寸后再更新参数，从根源上避免百分比约束计算异常：

  view.addOnLayoutChangeListener(object : View.OnLayoutChangeListener {
      override fun onLayoutChange(v: View, left: Int, top: Int, right: Int, bottom: Int,
                                   oldLeft: Int, oldTop: Int, oldRight: Int, oldBottom: Int) {
          // 移除监听避免重复触发
          v.removeOnLayoutChangeListener(this)
          // 此时根视图已完成首次测量，更新参数不会触发约束计算错误
          val params = v.layoutParams
          params.width = cardSize?.width ?: return
          params.height = cardSize?.height ?: return
          v.layoutParams = params
          // 位置偏移逻辑放在尺寸更新完成后执行，避免偏移量计算和尺寸不匹配
          v.x = centerPoint?.x?.toFloat() ?: 0f
          v.y = centerPoint?.y?.toFloat() ?: 0f
      }
  })
  

• 优化位置偏移逻辑，避免视图整体出界：
  手动通过x/y计算居中位置的稳定性很差，推荐直接在布局参数中设置对齐规则实现居中，比如当新Fragment添加到FrameLayout容器中时，直接给布局参数设置gravity = Gravity.CENTER，无需手动计算偏移量，也不会出现尺寸更新后位置错位的问题。

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