保持宽高比的图像尺寸计算与不同屏幕分辨率相关

6

我正在尝试通过保持纵横比来调整图像大小。它应该足够大,以填满屏幕,没有空白的地方,如果必要,一些图像应该超出屏幕。

下面的图像显示了黄色图像应基于黑色屏幕大小调整的方式。

enter image description here

这是我实际使用的代码,是否有更好的方法?

if(bwidth > bheight) {
    if(bwidth > swidth && bheight > sheight) {
        new_height = sheight;
        new_width = (int) ((double) (bwidth/100)*(sheight/((double) (bheight)/100)));

    } else if(bwidth > swidth && bheight < sheight) {
        new_height = sheight;
        new_width = (int) ((double) (bwidth/100)*(sheight/((double) (bheight)/100)));

    } else if(bwidth < swidth && bheight < sheight) {
        new_height = sheight;
        new_width = (int) ((double) (bwidth/100)*(sheight/((double) (bheight)/100)));

    } else if(bwidth < swidth && bheight > sheight) {
        new_height = sheight;
        new_width = (int) ((double) (bwidth/100)*(sheight/((double) (bheight)/100)));

    } else if(bwidth >= swidth && bheight >= sheight) {
        new_width = swidth;
        new_height = (int) ((double) (bheight/100)*(swidth/((double) (bwidth)/100)));
    }

} else if(bwidth < bheight) {
    if(bwidth > swidth && bheight > sheight) {
        new_width = swidth;
        new_height = (int) ((double) (bheight/100)*(swidth/((double) (bwidth)/100)));

    } else if(bwidth < swidth && bheight > sheight) {        
        new_width = swidth;
        new_height = (int) ((double) (bheight/100)*(swidth/((double) (bwidth)/100)));

    } else if(bwidth < swidth && bheight < sheight) {
        new_width = swidth;
        new_height = (int) ((double) (bheight/100)*(swidth/((double) (bwidth)/100)));

    } else if(bwidth < swidth && bheight < sheight) {
        new_width = swidth;
        new_height = (int) ((double) (bheight/100)*(swidth/((double) (bwidth)/100)));

    } else if(bwidth >= swidth && bheight >= sheight) {
        new_width = swidth;
        new_height = (int) ((double) (bheight/100)*(swidth/((double) (bwidth)/100)));

    }
}
  • swidth = 屏幕宽度
  • sheight = 屏幕高度
  • bwidth = 图片宽度
  • bheight = 图片高度

你想要裁剪不可见区域还是改变比例? - mKorbel
我不确定是否需要裁剪,因为它不会被显示出来,它只需要适应屏幕即可。 - user547654
你的代码中有很多冗余部分,重构一下只保留必要的部分,这样阅读起来会更容易。 - GreyBeardedGeek
非常好的问题。 - brimborium
2个回答

10

比较比率。

如果图片的宽高比大于屏幕的宽高比,那么您将使用屏幕宽度并计算高度。否则,您将使用屏幕高度并计算宽度。只需确保没有任何高度为零的部分!

请注意,此处的代码将调整图像大小,以使其始终填充屏幕。这会有效地裁剪掉图像的任何其他部分。要使图像尽可能大而又完全可见,请在第一行中将<更改为>

if (bwidth / bheight < swidth / sheight) {
    new_width = swidth;
    new_height = (int) Math.floor((double) bheight
                                  * (double) swidth / (double) bwidth);
} else {
    new_height = sheight;
    new_width = (int) Math.floor((double) bwidth
                                 * (double) sheight / (double) bheight);
}

我还进行了一些改进:

  • 简化了方程。将分子和分母都除以100并没有任何作用。
  • 简化了类型转换。我不知道每个变量的类型,但它们都需要是双精度浮点数。
  • 使用Math.floor代替仅使用强制类型转换为int,以确保它不会向上取整。

等一下,我正在测试你的代码,我稍微修改了一下,现在可以在宽屏图片上工作了 :) - user547654
我觉得我的理解是相反的。我写的代码是为了让你在屏幕上看到整个图像。看起来你想填满屏幕并保证只能单向滚动? - Erick Robertson
只是填充一下,我改变了代码以适应我的需求。谢谢你的帮助。 - user547654
好的,我已经更新了答案以反映我对您要求的更好理解。抱歉,我搞反了。 - Erick Robertson

-4

非常感谢 @Erick Robertson,稍微修改了一下,现在它可以工作了!

这是修改后的代码:

if (bwidth / swidth <  bheight / sheight) {
    new_width = swidth;
    new_height = (int) Math.floor((double) bheight 
                                  * (double) swidth / (double) bwidth);
} else {
    new_height = sheight;
    new_width = (int) Math.floor((double) bwidth 
                                 * (double) sheight / (double) bheight);
}

为什么你会发布自己问题的答案并接受它,而不是那个帮助你解决问题的答案?这似乎非常不规范。 - scottb

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接