将带有子项的 ViewGroup 转换为位图的 Android 问题答案

【问题标题】：Android Problems Converting ViewGroup with Children into Bitmap将带有子项的 ViewGroup 转换为位图的 Android 问题
【发布时间】：2011-06-25 01:10:48
【问题描述】：

我正在使用 Canvas 成功地将 ViewGroup (RelativeLayout) 转换为位图。但是，当绘制发生时，我只看到 ViewGroup 及其背景可绘制对象，而不是应该使用 FILL_PARENT 等规则在 RelativeLayout 中布置的子项（两个 TextView）。

RelativeLayout 是使用以下静态函数创建的：

public static RelativeLayout createProgrammeView(Context context, int width, int height, String title, String time) {
    RelativeLayout.LayoutParams params;

    // Layout Root View (RelativeLayout)
    RelativeLayout rlv = new RelativeLayout(context);
    params = new RelativeLayout.LayoutParams(width, height);
    rlv.setLayoutParams(params);
    rlv.setPadding(3, 3, 3, 3);
    rlv.setBackgroundResource(R.drawable.background);

    // Layout Title
    TextView tv = new TextView(context);
    params = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.FILL_PARENT, RelativeLayout.LayoutParams.WRAP_CONTENT);
    params.addRule(RelativeLayout.ALIGN_PARENT_TOP);
    params.addRule(RelativeLayout.ALIGN_PARENT_LEFT);
    params.addRule(RelativeLayout.ALIGN_PARENT_RIGHT);
    tv.setId(R.id.title);
    tv.setLayoutParams(params);
    tv.setGravity(Gravity.CENTER_VERTICAL);
    tv.setSingleLine(true);
    tv.setEllipsize(TruncateAt.END);
    tv.setTextColor(Color.parseColor("#fff"));
    tv.setTextSize(11);
    tv.setText(title);
    rlv.addView(tv);

    // Layout Start Time
    tv = new TextView(context);
    params = new RelativeLayout.LayoutParams(16, RelativeLayout.LayoutParams.WRAP_CONTENT);
    params.addRule(RelativeLayout.BELOW, R.id.title);
    params.addRule(RelativeLayout.ALIGN_PARENT_LEFT);
    params.setMargins(0, 4, 0, 0);
    tv.setId(R.id.time);
    tv.setLayoutParams(params);
    tv.setGravity(Gravity.CENTER_VERTICAL);
    tv.setSingleLine(true);
    tv.setEllipsize(null);
    tv.setTextColor(Color.parseColor("#fff"));
    tv.setTextSize(10);
    tv.setText(time);
    rlv.addView(tv);
    }

    return rlv;
}

然后我使用以下内容将 RelativeLayout 转换为位图：

public static Bitmap loadBitmapFromView(RelativeLayout v) {
    Bitmap b = Bitmap.createBitmap(v.getLayoutParams().width, v.getLayoutParams().height, Bitmap.Config.RGB_565);
    Canvas c = new Canvas(b);
    v.draw(c);
    return b;
}

正如预期的那样，这给了我一个很好的位图，我需要背景可绘制的尺寸，但孩子不在位图中。我经常调用这些函数来构建一个大图像，然后将其绘制到我的活动中的自定义视图上。

这是调用静态函数的循环：

public static void renderViews(final Context context) {
    largeBitmap = Bitmap.createBitmap(largeWidth, largeHeight, Bitmap.Config.RGB_565);
    Canvas largeCanvas = new Canvas(largeBitmap);

    for (int i = 0; i < items.size(); i++) {
        int leftMargin = ...SOME CALCULATIONS...;

        RelativeLayout newView = createProgrammeView(context, width, rowHeight, "Title", "21:00");
        Bitmap newViewBitmap = loadBitmapFromView(newView);

        largeCanvas.drawBitmap(newViewBitmap, leftMargin, 0, new Paint());
    }

    myCustomView.invalidate();
}

我的自定义视图覆盖了 onDraw() 函数：

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    canvas.drawBitmap(largeBitmap, 0, 0, null);
}

据我所知，我相信这是因为 Android 没有在子视图上调用 measure()。我试过手动调用这个，但这并不能解决问题。

所以，我想我想知道的是，如何实现将带有子项的 RelativeLayout 转换为位图并让 Android 测量子项，以便他们尊重他们的相对布局规则。

非常感谢任何可以帮助我解决此问题的人。

罗伯

【问题讨论】：

标签： android android-layout bitmap android-relativelayout

【解决方案1】：

问题在于您没有测量和布置容器。您必须先调用v.measure(widthSpec, heightSpec)，然后再调用v.layout(left, top, right, bottom)，才能进行绘图。第一种方法将确保视图知道您希望它有多大，而第二种方法将确保子项的位置正确。

在你的情况下，你会这样做：

v.measure(MeasureSpec.makeMeasureSpec(v.getLayoutParams().width, MeasureSpec.EXACTLY),
        MeasureSpec.makeMeasureSpec(v.getLayoutParams().height, MeasureSpec.EXACTLY));
v.layout(0, 0, v.getMeasuredWidth(), v.getMeasuredHeight());

Bitmap b = Bitmap.createBitmap(v.getWidth(), v.getHeight(), Bitmap.Config.RGB_565);
Canvas c = new Canvas(b);
v.draw(c);

【讨论】：

【解决方案2】：

基于DisplayMetrics 的布局解决方案也很有用。为了不重复 - look here .

【讨论】：