仅显示图像的百分比，swiftUI

Question

我正在构建一个应用程序，我希望能够显示图像的百分比。例如，在下图中，用户需要“7 个地球”，因此我们可以显示 7 个完整图像，但是如果他们需要 7.5 个地球，我希望能够显示 7.5 个图像。 see screenshot here

有谁知道如何显示图像的百分比？您将如何仅显示图像的 50%（即垂直切成两半）？

目前我只是在做 Image("logo") 来展示整个事情。

谢谢

Answer 1

您可以使用 mask 剪掉部分图像：

struct ContentView : View {
    var body: some View {
        HStack {
            Image(systemName: "folder.fill")
                .resizable()
                .frame(width: 150, height: 150)
            Image(systemName: "folder.fill")
                .resizable()
                .frame(width: 150, height: 150)
                .mask(Rectangle().padding(.trailing, 75)) //<-- Here
        }
    }
}