只显示图片的百分比，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
        }
    }
}