Проблемы с Android при преобразовании ViewGroup с дочерними элементами в растровое изображение - PullRequest
Новая
       16

Проблемы с Android при преобразовании ViewGroup с дочерними элементами в растровое изображение

15 голосов
/ 10 февраля 2011

Я успешно конвертирую ViewGroup (RelativeLayout) в растровое изображение, используя Canvas. Однако, когда происходит отрисовка, я вижу только ViewGroup с фоном, который можно нарисовать, а не его дочерние элементы (два TextView), которые должны быть размещены в RelativeLayout с использованием правил, таких как FILL_PARENT.

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 не вызывает меру () для дочерних представлений. Я попытался вызвать это вручную, но это не решает проблему.

Итак, я думаю, что мне хотелось бы знать, как мне добиться преобразования RelativeLayout с дочерними элементами в растровое изображение и заставить Android измерять дочерние элементы, чтобы они уважали свои относительные правила компоновки.

Большое спасибо всем, кто может помочь мне разобраться с этим.

Rob

Ответы [ 2 ]

26 голосов
/ 10 февраля 2011

Проблема в том, что вы не измерили и не разметили контейнер. Вы должны вызвать 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);
0 голосов
/ 27 августа 2013

Решение, основанное на DisplayMetrics для макетов, также может быть полезным.Чтобы не повторяться - смотрите здесь .

...