如何将ConstraintLayout布局的Activity转为图片？解决测量宽高为0问题

完全可以将采用ConstraintLayout作为根布局的Activity页面、或通过LayoutInflater加载的ConstraintLayout布局转换为图片。

getMeasuredWidth()与getMeasuredHeight()返回值始终为0的核心原因是：通过LayoutInflater加载、未附着到当前窗口视图树的View不会主动触发测量、布局流程，未完成测量的View自然无法返回正确的宽高值；ConstraintLayout本身依赖约束关系计算自身及内部子View的尺寸，未触发测量流程时不仅自身宽高为0，内部子View的位置、尺寸也不会完成计算。

可按照以下步骤实现需求，解决宽高为0的问题：

• 正确加载目标布局
  加载布局时如果需要保留根布局节点声明的layout_*参数，不要直接传null作为parent参数，可传入当前页面的现有父容器作为parent，同时将attachToRoot参数设为false，避免加载的布局被主动添加到当前页面视图中：

  // 示例为Kotlin代码，Java写法逻辑一致
  val screenView = LayoutInflater.from(context).inflate(R.layout.your_target_constraint_layout, binding.rootContainer, false)
  

  如果不需要复用现有父容器的布局参数，也可以直接传null加载布局，后续手动为View配置布局参数即可。
• 手动触发View的测量与布局流程
  这一步是解决测量宽高为0的核心，需要根据你预期生成的图片尺寸配置对应的MeasureSpec规则，以下为常用的「宽度匹配屏幕宽度、高度自适应内容」的实现示例：

  // 取屏幕可用宽度作为生成图片的目标宽度，可根据需求替换为固定尺寸
  val targetWidth = context.resources.displayMetrics.widthPixels
  // 配置宽度测量规则：精确匹配目标宽度
  val widthMeasureSpec = View.MeasureSpec.makeMeasureSpec(targetWidth, View.MeasureSpec.EXACTLY)
  // 配置高度测量规则：自适应内容高度，不做最大高度限制
  val heightMeasureSpec = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED)
  // 触发View测量
  screenView.measure(widthMeasureSpec, heightMeasureSpec)
  // 触发View布局，传入测量得到的宽高为View安排位置
  screenView.layout(0, 0, screenView.measuredWidth, screenView.measuredHeight)
  

  上述流程执行完成后，再调用screenView.getMeasuredWidth()与screenView.getMeasuredHeight()即可拿到正确的非0值。
• 将测量完成的View绘制到Bitmap生成图片
  测量布局流程走完后，创建对应尺寸的Bitmap实例，绑定Canvas后调用View的draw方法即可生成目标图片：

  val resultBitmap = Bitmap.createBitmap(
      screenView.measuredWidth,
      screenView.measuredHeight,
      Bitmap.Config.ARGB_8888
  )
  val canvas = Canvas(resultBitmap)
  // 若布局设置了背景，draw方法会自动绘制背景，无需单独处理
  screenView.draw(canvas)
  // resultBitmap即为最终生成的布局对应图片
  

注意：如果布局内包含异步加载的内容（如网络图片、接口返回后才设置的动态文本），需要等所有内容加载完成后再执行测量、绘制流程，否则生成的图片会出现内容缺失；如果需要生成固定尺寸的图片，将宽高的MeasureSpec都设置为EXACTLY模式并传入固定尺寸即可。

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