목록SwiftUI (35)

Tunko Development Diary

[SwiftUI] Text 뷰 심화 정리 (1)

앱개발시 Text 뷰는 정말 많이 쓰입니다. 많이 쓰이는 만큼이나 다양한 케이스를 정리해보았습니다. 기본적인 형태 Text("Tunko1") Text에 이미지 넣기 Text(Image(systemName: "star")) Text 연산자 사용하기 (비교) if Text(textValue) == Text(textValue) { Text(textValue) } Text 연산자 사용하기 (합치기) (Text("Hello ") + Text(Image(systemName: "star")) + Text(" World!")) .foregroundColor(.red) .font(.largeTitle) 소괄호로 묶어서 동시에 속성을 적용할 수 있습니다. Text 커스텀 폰트 사용하기 Text("Hello swiftUI!..
Development/iOS 개발 2021. 2. 18. 19:03
[iOS][SwiftUI] 컨테이너의 자식 뷰 제한과 Group

컨테이너 뷰는 직접적인 하위 뷰를 10개로 제한합니다. 만약 스택 컨테이너가 10개 이상의 자식뷰를 담으면 에러가 발생합니다. 이때는 Group로 묶어서 분할이 가능합니다. Group은 동시에 Group에 속한 뷰를 hidden() 으로 감추기에도 좋습니다. 하지만 hidden() 은 감추기만 할 뿐 영역은 유지하게 됩니다. struct ContentView: View { var body: some View { VStack { Group { Text("Tunko1") Text("Tunko2") Text("Tunko3") Text("Tunko4") Text("Tunko5") Text("Tunko6") Text("Tunko7") Text("Tunko8") Text("Tunko9") Text("Tunko10"..
Development/iOS 개발 2021. 2. 16. 16:35
[iOS][SwiftUI] spacing 정리

spacing은 컨테이너에서 적용할 수 있는 속성이다. 컨테이너 내부 뷰간에 간격을 조정 할 수 있다. struct ContentView: View { var body: some View { HStack(spacing: 5) { VStack(spacing: 30) { tunkoView(color: Color.red) tunkoView(color: Color.red) tunkoView(color: Color.red) } VStack(spacing: 30) { tunkoView(color: Color.red) tunkoView(color: Color.red) tunkoView(color: Color.red) } VStack(spacing: 30) { tunkoView(color: Color.red) tunk..
Development/iOS 개발 2021. 2. 16. 15:40
[iOS][SwiftUI] padding 정리

padding은 4가지 방법으로 적용이 가능하다. 아래 3개의 함수가 정의되어있다. extension View { @inlinable public func padding(_ insets: EdgeInsets) -> some View @inlinable public func padding(_ edges: Edge.Set = .all, _ length: CGFloat? = nil) -> some View @inlinable public func padding(_ length: CGFloat) -> some View } Edge.set 종류 top: Edge.Set : View 상단 leading: Edge.Set : View 왼쪽 bottom: Edge.Set : View 하단 trailing: Edge.S..
Development/iOS 개발 2021. 2. 16. 15:20
[iOS][SwiftUI] alignment 정리

이 글은 예시로 들기엔 너무 많은 조합이 있어서 최소한으로 정리했습니다. alignment : 정렬 alignment 대표적인 사용처는 두가지로 분류할 수 있습니다. 예시코드가 길어져서 뷰하나를 만들었습니다. //tunkoView(color: Color.red) struct tunkoView : View { let color : Color init(color : Color) { self.color = color } var body: some View { Text("Tunko").foregroundColor(Color.white).frame(width: 100, height: 100).border(Color.black, width: 1).background(color) } } Container(stack)..
Development/iOS 개발 2021. 2. 15. 15:03
Prev 1 ··· 3 4 5 6 7 Next