以编程方式缩放和居中imageView给定矩形边界

Question

我的问题

假设我有一个位图 - 将其称为bmap，尺寸为100x75（bmap.getWidth() x bmap.getHeight()）

假设我有一个矩形rect，坐在手机屏幕上的点（x，y），尺寸为500x350（width x height）

我如何编写一段代码，将这个位图置于边界矩形中。

注意：因为我使用的是ContraintLayout，所以没有父母或相对论的概念。

此外，我想要scale范围内的(0,1]变量，该变量会缩放bmap，但它会在边界矩形rect的中心保持其位置。< / p>

我的可怕尝试：

ImageView imgView = new ImageView(this.context);
imgView.setMaxWidth((int)(width*scale));
imgView.setMinimumWidth((int)(width*scale));
imgView.setMaxHeight((int)(height*scale));
imgView.setMinimumHeight((int)(height*scale));

imgView.setImageBitmap(bmap);

imgView.setX(x+((width-bmap.getWidth())/2));
imgView.setY(y+((height-bmap.getHeight())/2));

imgView.setAdjustViewBounds(true);

constraintLayout.addView(imgView);

这会得到以下结果（绿色圆圈为scale = 1，红色圆圈为scale = 0.6

有什么想法吗？我真的被卡住了。

Answer 1

我认为灰色矩形是普通的Android Views，它们是ConstraintLayout的子项。它们是以编程方式创建和添加的，因此您必须使用setId()方法为它们提供ID。 ids必须是正数，并且在此视图层次结构中必须是唯一的。

您要在其中居中的图像大小并不重要。你必须给它们适当的约束。

    //Set the id for the greyRectangleLeft
    greyRectangleLeft.setId(1)
    //Create a new constraint set
    ConstraintSet set = new ConstraintSet();

    //Clone the current constraints from your ConstraintsLayout to avoid losing them
    set.clone(constraintLayout);

    //Create the ImageView and set its Bitmap
    ImageView imageView = new ImageView(this);
    imageView.setImageBitmap(bmap);
    //The imageView should have an id as well
    imageView.setId(2);

    //Add the constraints which will center the ImageView within the bounds of the grey_rectangle_left
    set.connect(imageView.getId(), ConstraintSet.START, greyRectangleLeft.getId(), ConstraintSet.START);
    set.connect(imageView.getId(), ConstraintSet.END, greyRectangleLeft.getId(), ConstraintSet.END);
    set.connect(imageView.getId(), ConstraintSet.TOP, greyRectangleLeft.getId(), ConstraintSet.TOP);
    set.connect(imageView.getId(), ConstraintSet.BOTTOM, greyRectangleLeft.getId(), ConstraintSet.BOTTOM);

    //Set the width and height of your ImageView to the desired width and height
    set.constrainWidth(imageView.getId(), bmap.getWidth());
    set.constrainHeight(imageView.getId(), bmap.getHeight());

    //Add the newly created ImageView to the ConstraintLayout
    constraintLayout.addView(imageView);
    //Apply the created constraints
    set.applyTo(constraintLayout);

重复greyRectangleRight和第二ImageView（但给他们不同的ID）。

关于比例，我建议使用ImageViews的{​​{3}}和setScaleX()。

Answer 2

我在这个问题上看到的最简单的解决方案是使用android提供的容器来帮助我们解决这个问题。首先，您可以在约束布局中使用相对布局。没问题。使用两个相对布局，其中包含一个图像视图，只需使用我们的centerInParent属性即可。我强烈建议不要以编程方式调整视图的大小。使用容器和工具。

Answer 3

您的代码确实按预期执行了操作，但您可能使用getHeight()和getWidth()代替getMeasuredHeight()和getMeasuredHeight()。这将导致获得从xml计算的宽度和高度，而不是在布局阶段之后设置的测量宽度和高度。

检查this post，详细了解它们之间的区别。