iOS/SwiftUI
-
Button 액션을 시작하는 가장 기본적인 컨트롤 UIKit의 UIButton과 같은 역할 기본적인 Button의 선언 Button(action: { // 버튼 액션 }){ Text("버튼") // Button Title } Button 사용 HStack(spacing: 20){ // 첫 번째 버튼 Button("Button"){ print("Button1") } // 두 번째 버튼 Button(action: { print("Button2") }){ Text("Button") .padding() .background(RoundedRectangle(cornerRadius: 10.0).strokeBorder()) } // 세 번째 버튼 Button(action:{print("Button3")}){ Circl..
[SwiftUI] ButtonButton 액션을 시작하는 가장 기본적인 컨트롤 UIKit의 UIButton과 같은 역할 기본적인 Button의 선언 Button(action: { // 버튼 액션 }){ Text("버튼") // Button Title } Button 사용 HStack(spacing: 20){ // 첫 번째 버튼 Button("Button"){ print("Button1") } // 두 번째 버튼 Button(action: { print("Button2") }){ Text("Button") .padding() .background(RoundedRectangle(cornerRadius: 10.0).strokeBorder()) } // 세 번째 버튼 Button(action:{print("Button3")}){ Circl..
2024.04.21 -
Spacer Spacer | Apple Developer Documentation A flexible space that expands along the major axis of its containing stack layout, or on both axes if not contained in a stack. developer.apple.com 주축을 포함하는 Stack Layout에서 팽창하거나 Stack 안에서 두 축 위에 포함되지 않는 유연한 빈 공간 Spacer는 뷰와 대응하여 내용 없이 최대로 팽창하며 생성할 수 있습니다. 아래는 Spacer를 활용한 예시 코드입니다. 1. Spacer를 사용하기 전의 코드 struct ChecklistRow: View { let name: String var ..
[SwiftUI] 공식문서 파헤치기 (3) [Spacer / Divider]Spacer Spacer | Apple Developer Documentation A flexible space that expands along the major axis of its containing stack layout, or on both axes if not contained in a stack. developer.apple.com 주축을 포함하는 Stack Layout에서 팽창하거나 Stack 안에서 두 축 위에 포함되지 않는 유연한 빈 공간 Spacer는 뷰와 대응하여 내용 없이 최대로 팽창하며 생성할 수 있습니다. 아래는 Spacer를 활용한 예시 코드입니다. 1. Spacer를 사용하기 전의 코드 struct ChecklistRow: View { let name: String var ..
2023.08.12 -
HStack : 수평방향(Horizontal)으로 Stack을 쌓는 View HStack | Apple Developer Documentation A view that arranges its subviews in a horizontal line. developer.apple.com var body: some View { HStack( alignment: .top, spacing: 10 ) { ForEach( 1...5, id: \.self ) { Text("Item \($0)") } } } Result Code에서 ForEach문이 등장한다. ForEach : 식별된 데이터의 기본 컬렉션에서 요구에 따라 View를 계산하는 Structure ForEach | Apple Developer Documenta..
[SwiftUI] 공식문서 파헤치기 (2) [Stack]HStack : 수평방향(Horizontal)으로 Stack을 쌓는 View HStack | Apple Developer Documentation A view that arranges its subviews in a horizontal line. developer.apple.com var body: some View { HStack( alignment: .top, spacing: 10 ) { ForEach( 1...5, id: \.self ) { Text("Item \($0)") } } } Result Code에서 ForEach문이 등장한다. ForEach : 식별된 데이터의 기본 컬렉션에서 요구에 따라 View를 계산하는 Structure ForEach | Apple Developer Documenta..
2023.08.12 -
SwiftUI - User Interface와 모든 플랫폼에서의 동작을 선언합니다. - 앱의 UserInterface에서 정의할 때 View, Control 그리고 Layout을 제공 - Framework에서는 Tab, Gesture 그리고 다른 입력의 형태의 이벤트 Handler를 제공, 앱 Model에서 사용자들이 보고 상호 작용할 수 있는 데이터로부터 흐름을 관리하는 도구 - 앱 구조에서 사용하는 App 프로토콜을 정의하고 앱의 사용자 인터페이스로 구성된 뷰들이 포함되어 있는 Scene과 함께 채움 - View Protocol을 채택한 View를 생성하고 Stack, List 등을 사용하여 Text와 Image를 표시하기 위해 SwiftUI View를 구성 SwiftUI | Apple Develop..
[SwiftUI] 공식문서 파헤치기 (1) [SwiftUI]SwiftUI - User Interface와 모든 플랫폼에서의 동작을 선언합니다. - 앱의 UserInterface에서 정의할 때 View, Control 그리고 Layout을 제공 - Framework에서는 Tab, Gesture 그리고 다른 입력의 형태의 이벤트 Handler를 제공, 앱 Model에서 사용자들이 보고 상호 작용할 수 있는 데이터로부터 흐름을 관리하는 도구 - 앱 구조에서 사용하는 App 프로토콜을 정의하고 앱의 사용자 인터페이스로 구성된 뷰들이 포함되어 있는 Scene과 함께 채움 - View Protocol을 채택한 View를 생성하고 Stack, List 등을 사용하여 Text와 Image를 표시하기 위해 SwiftUI View를 구성 SwiftUI | Apple Develop..
2023.08.05 -
출처 : 스윗한 SwiftUI (이봉원 저, 비제이퍼블릭) Stack - SwiftUI에서 뷰를 배치하는 데 사용하는 컨테이너 뷰 - UIKit에서 UIStackView와 같은 역할 - 세 종류의 Stack HStack(Horizontal) : 가로 방향 VStack(Vertical) : 세로 방향 ZStack(Depth) : 뷰 계층을 겹겹이 쌓아 올리는 형태로 배열 ※ offset 수식어로 다른 뷰를 이동해야 함 - 생성자 : alignment(정렬), spacing(간격), content - alignment(Top) - alignment(Center) -alignment(Bottom) - spacer - VStack, ZStack도 HStack처럼 사용 - VStack Spacer - HStack..
[SwiftUI] Stack출처 : 스윗한 SwiftUI (이봉원 저, 비제이퍼블릭) Stack - SwiftUI에서 뷰를 배치하는 데 사용하는 컨테이너 뷰 - UIKit에서 UIStackView와 같은 역할 - 세 종류의 Stack HStack(Horizontal) : 가로 방향 VStack(Vertical) : 세로 방향 ZStack(Depth) : 뷰 계층을 겹겹이 쌓아 올리는 형태로 배열 ※ offset 수식어로 다른 뷰를 이동해야 함 - 생성자 : alignment(정렬), spacing(간격), content - alignment(Top) - alignment(Center) -alignment(Bottom) - spacer - VStack, ZStack도 HStack처럼 사용 - VStack Spacer - HStack..
2023.01.30 -
출처 : 스윗한 SwiftUI (이봉원 저, 비제이퍼블릭) Image - UIKit에서 UIImageView와 같이 지정된 이미지를 표현하는 뷰 frame - 사이즈 조절 HStack{ // 가로 방향으로 뷰를 배열하는 컨테이너 뷰 Image("SwiftUI") // 원본 100 x 100 Image("SwiftUI").frame(width: 50, height: 50) // 50 x 50 Image("SwiftUI").frame(width: 200, height: 200) // 200 x 200 } Resizable - 이미지의 크기 변경(frame보다 먼저 적용시키기) HStack{ Image("SwiftUI") Image("SwiftUI").resizable() .frame(width: 50, he..
[SwiftUI] Image출처 : 스윗한 SwiftUI (이봉원 저, 비제이퍼블릭) Image - UIKit에서 UIImageView와 같이 지정된 이미지를 표현하는 뷰 frame - 사이즈 조절 HStack{ // 가로 방향으로 뷰를 배열하는 컨테이너 뷰 Image("SwiftUI") // 원본 100 x 100 Image("SwiftUI").frame(width: 50, height: 50) // 50 x 50 Image("SwiftUI").frame(width: 200, height: 200) // 200 x 200 } Resizable - 이미지의 크기 변경(frame보다 먼저 적용시키기) HStack{ Image("SwiftUI") Image("SwiftUI").resizable() .frame(width: 50, he..
2023.01.14