相对缩放视图及其分层子视图

Question

（这在某种程度上是 Android：如何一起缩放多个视图？ 的后续内容）

我的任务是移植 iPhone / Android 上的 iPad 应用程序由一个简单的图像视图组成，其中动画以绝对位置分层在顶部。虽然这在 iOS 上听起来相当简单，您只需针对几种可能的屏幕尺寸，但在 Android 上却变得相当混乱。

我当前的设置是这样的：RelativeLayout，其中我将主（背景）图像放置在 left = 0、top = 0 上，并将多个 ViewFlipper 实例用作“动画容器”，这些实例相对于父布局实例的左上角定位。

这种方法有两个基本问题：

1. 一旦布局的实际尺寸与主背景图像的尺寸不匹配，定位的“动画”就会定位错误。

2. 定位的“动画”的大小也错误，因为它们周围通常有“足够的空间”，Android不会缩放它们以适应RelativeLayout（也不会相对于原始背景缩放它们。< /p>

。动画本身必须是交互式的，但它不是一种将所有动画放置和定位在与主（背景）图像大小相同的透明层上的解决方案，因为它们会相互重叠，并且只有最上面的动画才是交互式的

。解决方案：

1. 要获取主图像的比例因子，我可以检索其measuredWidth和measuredHeight并将其设置为原始width<的关系/code> 和 高度 看法。然后我会使用这个比例因子进行自定义定位并最终进行自定义缩放。但是，显然 measuredWidth/-Height 属性仅在 onMeasure() 调用，这是在组件树构建之后调用的，所以我不知道这个解决方案是否可行。

2. 实现我自己的布局管理器并相应地缩放/定位视图。我查看了 RelativeLayout 的实现，但不得不承认 onMeasure() 方法让我有点害怕。

如果是我的话你会怎么做？还有什么我还没有考虑到的吗？

提前致谢。

Answer 1

好吧，回答我自己的问题 - 这是我解决问题的方法：

1. 我使用 ImageView.setScaleType(ScaleType.FIT_START) 将背景图像放置在我的 ImageView 顶部
2. 我计算了背景图像的比例因子，如下所示：

    WindowManager mgr = (WindowManager) context
                .getSystemService(Context.WINDOW_SERVICE);
    DisplayMetrics metrics = new DisplayMetrics();
    mgr.getDefaultDisplay().getMetrics(metrics);
    Drawable image = context.getResources().getDrawable(R.drawables.someImage);
    float scale = metrics.widthPixels / (float) image.getIntrinsicWidth();

1. 最后，我在自定义 ImageView 类中使用了此比例，该类加载覆盖层以正确定位和缩放视图：

    public class OverlayImage extends ImageView
    {
        private int imgWidth, imgHeight;
        private final float scale;

        public OverlayImage(Context context, int xPos, int yPos, float scale)
        {
            super(context);
            this.scale = scale;

            LayoutParams animParams = new LayoutParams(LayoutParams.WRAP_CONTENT,
                    LayoutParams.WRAP_CONTENT);
            animParams.addRule(RelativeLayout.ALIGN_PARENT_LEFT);
            animParams.addRule(RelativeLayout.ALIGN_PARENT_TOP);
            animParams.leftMargin = (int) (scale * xPos);
            animParams.topMargin = (int) (scale * yPos);
            setLayoutParams(animParams);

            Drawable dr = context.getResources().getDrawable(R.id.someImage);
            setBackgroundDrawable(dr);
            imgWidth = dr.getIntrinsicWidth();
            imgHeight = dr.getIntrinsicHeight();
        }

        @Override
        protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
        {
            setMeasuredDimension((int) (scale * imgWidth),
                    (int) (scale * imgHeight));
        }
    }

Answer 2

我最近需要做类似的事情，我还必须将 iPad 应用程序移植到 Android，屏幕上有很多图像必须位于特定位置。

我解决了这个略有不同的绝对布局，并遍历所有视图并设置每个视图的坐标和大小。

//This gets the scale of the screen change:
DisplayMetrics displaymetrics = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(displaymetrics);
Drawable image = getResources().getDrawable(R.drawable.background_image);
float scaleW = displaymetrics.widthPixels / (float)image.getIntrinsicWidth();
float scaleH = displaymetrics.heightPixels / (float)image.getIntrinsicHeight();

//And this scales each view accordingly:
for(int i = 0; i < mainLayout.getChildCount(); i++)
{
    View v = mainLayout.getChildAt(i);
    v.setLayoutParams(new AbsoluteLayout.LayoutParams(
            Math.round(scaleW * v.getMeasuredWidth()),
            Math.round(scaleH * v.getMeasuredHeight()),
            Math.round(scaleW * ((AbsoluteLayout.LayoutParams)v.getLayoutParams()).x),
            Math.round(scaleH * ((AbsoluteLayout.LayoutParams)v.getLayoutParams()).y)));
}