Блог

Главная - Вопросы по программированию - Рисуйте стрелки в SwiftUI

Рисуйте стрелки в SwiftUI

#swiftui

Вопрос:

Я пытаюсь нарисовать стрелку, подобную приведенной ниже, но еще не закончил ее. Надеюсь, вы сможете мне помочь

Мой код

 struct ContentView: View {

    @State private var change = false
    
    private let arrowWidth: CGFloat = 128
    
    var body: some View {
        Path { path in
            path.move(to: .zero)
            path.addLine(to: CGPoint(x: arrowWidth/2, y: -20))
            path.move(to: CGPoint(x: arrowWidth/2, y:  -20))
            path.addLine(to: CGPoint(x: arrowWidth, y: 0))
        }
        .stroke(style: StrokeStyle(lineWidth: 1, lineCap: .round))
        .frame(width: arrowWidth)
        .foregroundColor(.green)
        .animation(.default)
        .padding(.top, 300)
    }
}

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

1. Почему бы просто не Image(systemName: "chevron.up") сделать это ? Но в любом случае ваш текущий код выглядит нормально, просто продолжайте 🙂

2. «шеврон.вверх» отличается от моего дизайна. Кроме того, я должен разработать рамку и цвет для нее

Ответ №1:

введите описание изображения здесь

Следуйте этим изображениям, чтобы создать свой путь, а затем заполните его

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

1. В SwiftUI нет необходимости closePath . Path И методы называются немного по-другому.

Метки: