SwiftUI - NavigationView & NavigationLink
·
iOS/SwiftUI
안녕하세요 :D 망고입니다🥭 SwiftUI의 NavigationView & NavigationLink에 대해 알아보겠습니다. NavigationView import SwiftUI struct NavigationExample: View { var body: some View { NavigationView { Text("Navigation View") } } } NavigationView안에 하위뷰들을 넣어서 사용하면 된다. - 참고로 iOS 16.0부터는 NavigationStack을 사용한다. NavigationLink NavigationLink는 NavigationView의 밑에서 사용해야하고, Navigation형태로 presentation을 제어하는 View이다. struct NavigationEx..
SwiftUI - Color
·
iOS/SwiftUI
안녕하세요 :D 망고입니다🥭 SwiftUI의 Color에 대해 알아보겠습니다. Color Color.색상을 해주게 되면 원하는 색으로 변경됩니다. Color.색상 ex) Color.red 기본적으로 사용할 수 있는 색상 extension Color { public static let red: Color public static let orange: Color public static let yellow: Color public static let green: Color @available(iOS 15.0, macOS 12.0, tvOS 15.0, watchOS 8.0, *) public static let mint: Color @available(iOS 15.0, macOS 12.0, tvOS 15.0,..
SwiftUI - Shape
·
iOS/SwiftUI
안녕하세요 :D 망고입니다🥭 SwiftUI의 Shape에 대해 알아보겠습니다. shape SwiftUI에는 Circle, Rectangle, Ellipse, Capsule 등의 여러가지 기본 도형들을 제공한다. 이들을 이용해 원하는 모양, 색을 지정해 사용할 수 있다. Circle Circle() .fill(Color.orange) //색상채우기 .foregroundColor(.pink) //색상채우기 .stroke() //테두리 .stroke(Color.red) //테두리색상 .stroke(Color.gray, lineWidth: 30) // 테두리두께 .stroke(Color.orange, style: StrokeStyle(lineWidth: 20, lineCap: .butt, dash: [10]))..
SwiftUI - Text
·
iOS/SwiftUI
안녕하세요 :D 망고입니다🥭 SwiftUI의 Text에 대해 알아보겠습니다. Text Text("AppleMango🥭") 가장 기본적인 Text 사용방법입니다. Font Text("AppleMango🥭") .font(.title) .font를 사용하여 글자 크기를 변경할 수 있습니다. fontWeight Text("AppleMango🥭") .fontWeight(.heavy) .fontWeight을 사용하여 글자의 굵기를 변경할 수 있습니다. + .underline() // 밑줄 .strikethrough() // 취소선 밑줄과 취소선도 넣을 수 있습니다. .baselineOffset(10.0) // 줄 간격 .kerning(1.0) // 글자 사이 간격 줄 간격과 글자 사이의 간격도 조절할 수 있습니다...