Показывать только процент изображения, SwiftUI

#swift #swiftui #swift5

Вопрос:

Я создаю приложение и хочу иметь возможность отображать процент изображения. Например, на изображении ниже пользователю нужно «7 земель», поэтому мы можем показать 7 полных изображений, однако, если им нужно 7,5 земель, я хочу иметь возможность показать 7,5 изображений. смотрите скриншот здесь

Кто-нибудь знает, как показать процент изображения? Как бы вы показали только 50% изображения (т. е. разрезали пополам по вертикали)?

В данный момент я просто делаю Image("logo") это , чтобы показать все это.

Спасибо

Комментарии:

1. В случае с вашим скриншотом я бы предпочел показать несколько изображений, каждое с одной землей. И в дополнение изображения с половиной земли. Это могло бы быть намного проще

Ответ №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
        }
    }
}