主页 / coding / 问题 / 79035161
Accepted
Deepak Sharma
Asked: 2024-09-29 04:40:11 +0800 CST

在 HStack 中对齐图像

  • 772

我在 SwiftUI 中有以下代码：

  HStack(spacing: 0) {
        ForEach(images) { thumbImage in
            Image(uiImage: thumbImage.image)
                .resizable()
                .aspectRatio(contentMode: .fill)
                .frame(width: 50, height: 50)
                .clipped()
        }
    }
    .frame(width: 330, alignment: .center)
    .clipped()

我看到以下输出：

在此处输入图片描述

实际上，它会剪切左右两侧的内容HStack。我想要的是只在右侧（尾部）进行剪切，而不是左侧。实现它的正确方法是什么？

1 个回答

  1. Best Answer

    仅当内容溢出框架时，修改器.clipped()才会执行任何操作（即，它仅剪辑内容）。

    在您的示例中，您有一个HStack内容相当宽的窗口。您.frame在窗口上设置了宽度为 330 的窗口HStack，然后剪切到该框架。

    • 默认情况下，对齐方式为.frame，.center但您甚至明确设置了居中对齐。这就是为什么中间的内容可见而两侧的内容被剪裁的原因。

    • 如果您想要查看前导内容，但剪切尾随内容，请尝试将对齐方式更改为.leading：

    HStack(spacing: 0) {
    // ...
}
.frame(width: 330, alignment: .leading) // 👈 HERE
.clipped()
    • 1

相关问题