只显示图片的百分比，swiftUI

Posted 2023-02-24

【中文标题】只显示图片的百分比，swiftUI

【英文标题】：Show only a percentage of an image, swiftUI

【发布时间】：2021-05-30 16:43:49

【问题描述】：

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

有人知道如何显示图片的百分比吗？如何只显示 50% 的图像（即垂直切成两半）？

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

谢谢

【问题讨论】：

就你的截图而言，我宁愿展示几张图片，每一张都有一个地球。还有半个地球的图像。这可能更容易

【参考方案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