Horizontale Linie mit Canvas

Beschreibung

EinfachesDiese Canvas-BeispielView nutzt das Canvas-API in SwiftUI, um eine horizontale Linie zu zeichnen. Die Linie verläuft mittig über die gesamte Breite und wird blau dargestellt, während der Hintergrund gelb eingefärbt ist.

🔍 Zweck

• Demonstration der Arbeit mit Canvas und benutzerdefinierten Pfaden
• Erstellung einer einfachen Trennlinie in einer Oberfläche
• Grundlage für benutzerdefinierteskomplexere LinienzeichnenZeichnungen mit dynamischenLinien Größen.und ÜberFormen
• Visualisierung von Layoutgrenzen oder Diagrammachsen
• Lehrbeispiel für den Einsatz von Path wird die Position der Linie bestimmt und inZeichenoperationen
welcher

Breite

🖥️ dieBetriebssystem

Linie

iOS

gezeichnet

📄 wird.

Codebeispiel

import SwiftUI

@main
struct CanvasLineApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

public struct ContentView: View {
    public init() {}

    public var body: some View {
        Canvas { context, size in
            // Create a path for a horizontal line in the middle of the canvas
            var path = Path()
            path.move(to: CGPoint(x: 0, y: size.height / 2))
            path.addLine(to: CGPoint(x: size.width, y: size.height / 2))
            
            // Draw the path with a blue stroke
            context.stroke(path, with: .color(.blue), lineWidth: 5)
        }
        .frame(height: 100) // Fixed height for visibility
        .background(Color.yellow) // Add background color for contrast
        .padding()
    }
}

// Modern Swift 5.10+ preview syntax
#Preview {
    ContentView()
}