4、图像处理与相册管理：从缩略图显示到动态布局优化

图像处理与相册管理：从缩略图显示到动态布局优化

1. 缩略图显示

在图像显示方面，除了简单地展示图像，我们还可以利用一些工具实现不同的图像操作效果。这里，我们将使用 scale() 方法来缩小导入照片的尺寸。

我们使用的 FXJPGImage 类是 FXImage 的子类， FXImage 提供了许多实用的图像操作 API。为了让图像更适合相册视图，我们将使用图像的 scale() 方法从其自然尺寸进行缩小。由于 PhotoView 类负责显示照片，所有相关更改将集中在该类中。

我们希望处理后的图像能在保持原始宽高比的同时，适配给定的边界框。暂时假设边界框的尺寸是固定的，由常量 MAX_WIDTH 和 MAX_HEIGHT 定义：

MAX_WIDTH = 200
MAX_HEIGHT = 200

为了计算缩略图的缩放宽度和高度，我们添加了以下辅助方法：

def scaled_width(width)
  [width, MAX_WIDTH].min
end

def scaled_height(height)
  [height, MAX_HEIGHT].min
end

接下来，我们编写实际执行缩放的代码