java - 如何在 Vaadin 中设置图像组件的大小并保持纵横比

Question

我有一个图像组件，我想将其大小定义为 500 像素 x 500 像素。我遇到的问题是我的图像不是正方形，但我想在将 StreamResource 插入我的图像组件时保持纵横比。除了手动调整图像大小外，我该怎么做？换句话说，Image 组件中是否有一些东西可以让我自动调整图像大小而不强制它变成正方形？

Answer 1

我最终得到的解决方案是在将图像发送到 UI 之前调整图像的大小。换句话说，我做了一些计算，如果图像大于 500，我会查看它是高度还是宽度，然后使用最大的作为基线。然后我将纵横比乘以另一个维度并相应地转换图像。

例如，如果我有一张 800x600 的图像，我会假设使用 800 作为基线，这意味着 500/800 意味着图像必须缩小到其大小的 62.5%。然后我将 600 减少 62.5%，如 600 * 0.625 = 375。因此我使用我的图像库将图像调整为 500x375。如果图像是 600x800，我会将其调整为 375x500。换句话说，我预处理图像并依赖 GUI 中的任何东西来为我管理它。