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

仅显示图像的百分比，swiftUI

Show only a percentage of an image, swiftUI

swift

swift5

swiftui