我有一个ImageView
,全宽,宽度:高度= 3:1,我们称之为1200 x 400。我想在ImageView
中展示两个Drawable
,这两个都只在运行时知道。其中一个可绘制对象应根据"中心裁剪"放置在ImageView
中(假设可绘制对象的宽度:高度> 3,这意味着使宽度完全适合并裁剪顶部和底部),另一个应通过自定义因子居中和缩放。
我有一些代码可以做到这一点,但对我来说似乎不必要地复杂;只有当我从LayerDrawable
创建一个新Bitmap
时,我才能让它按预期工作,然后从中BitmapDrawable
,并在BitmapDrawable
上再次设置所需的边界,尽管我已经在LayerDrawable
上设置了边界 - 但是如果我不执行额外的步骤,这些边界就会被忽略。我更愿意以这样一种方式生成LayerDrawable
,以便我可以像在.setImageDrawable()
中一样使用它,但我不知道如何。如果我尝试,Android所做的对我来说没有任何意义。我做错了什么?
这就是我制作LayerDrawable
的方式
double divide(int k, int n) {
return ((double)k)/n;
}
int verticalPaddingForHorizontalFit(int viewWidth, int viewHeight, int drawableWidth, int drawableHeight){
// you want to draw a drawable into a view, with an exact match in the width. Then either [1] or [2]
// [1] the view is taller than the drawable (i.e., height/width bigger for the view)
// --> method result is positive,
// and gives the amount of padding top and bottom
// [2] the drawable is taller
// --> method result is negative,
// and gives (minus) the amount that needs to be clipped from top and bottom
// such that the drawable is vertically centered
double viewAspect = divide(viewHeight, viewWidth );
double drawableAspect = divide(drawableHeight, drawableWidth);
return (int)Math.round(0.5 * viewWidth * (viewAspect - drawableAspect));
}
int[] paddingWhenCenteredAt(int viewWidth, int viewHeight, int drawableWidth, int drawableHeight, double drawableScale, int centerX, int centerY){
// scale the drawable with drawableScale, and put it into the view
// such that the center of the drawable has coordinates (centerX, centerY)
// return the padding needed as array of left, top, right, bottom, in that order
// negative values indicating clipping instead of padding
double w = drawableScale * drawableWidth;
double h = drawableScale * drawableHeight;
double left = centerX - 0.5*w;
double right = viewWidth - (centerX + 0.5*w);
double top = centerY - 0.5*h;
double bottom = viewHeight - (centerY + 0.5*h);
return new int[]{(int)Math.round(left), (int)Math.round(top), (int)Math.round(right), (int)Math.round(bottom)};
}
LayerDrawable makeLayerDrawable(Resources r, int outputWidth, int outputHeight, Bitmap bm1, Bitmap bm2){
Drawable[] layers = new Drawable[2];
BitmapDrawable bmd1 = new BitmapDrawable(r, bm1);
int width1 = bmd1.getIntrinsicWidth();
int height1 = bmd1.getIntrinsicHeight();
layers[0] = bmd1;
BitmapDrawable bmd2 = new BitmapDrawable(r, bm2);
int width2 = bmd2.getIntrinsicWidth();
int height2 = bmd2.getIntrinsicHeight();
layers[1] = bmd2;
LayerDrawable result = new LayerDrawable(layers);
int vPad = verticalPaddingForHorizontalFit(outputWidth, outputHeight, width1, height1);
result.setLayerInset(0, 0, vPad, 0, vPad);
int[] ltrb = paddingWhenCenteredAt(outputWidth, outputHeight, width2, height2, 0.5, outputWidth/2, outputHeight/2);
result.setLayerInset(1, ltrb[0], ltrb[1], ltrb[2], ltrb[3]);
result.setBounds(0, 0, outputWidth, outputHeight);
return result;
}
(我用位图 bm1 2400 x 1200 像素和位图 bm2 800 x 300 像素进行了测试。
现在,如果我只是使用那个LayerDrawable
,就像这样
myImageView.setImageDrawable(layd);
ImageView
将没有所需的大小(高度变化)。如果我使用 LayoutParameters
再次设置布局,我可以防止这种情况,但是,可绘制对象无法正确显示。如果相反,我这样做
LayerDrawable layd = makeLayerDrawable(r, outputWidth, outputHeight, bm1, bm2);
Bitmap b = Bitmap.createBitmap(outputWidth, outputHeight, Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(b);
layd.draw(canvas);
BitmapDrawable result = new BitmapDrawable(getResources(), b);
result.setBounds(0, 0, outputWidth, outputHeight);
myImageView.setImageDrawable(result);
它有效。
这是 github 上的完整代码
我会考虑编写自己的Drawable
类,这并不像看起来那么难。只需从Drawable
扩展并覆盖draw()
,您执行的计算与在截取代码中所做的计算几乎相同,只是为了绘制到具有所需纵横比的分层(堆叠)位图。Canvas.drawBitmap() 似乎可以解决您的问题。