iOS/SwiftUI
출처 : 스윗한 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 (이봉원 저, 비제이퍼블릭) 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..
Text Text("폰트와 굵기 설정") .font(.title) // 폰트 설정 .fontWeight(.black) // 폰트 굵기 Text("글자색은 foreground, 배경은 background") .foregroundColor(.white) // 글자색 .padding() // 텍스트 주변 여백 설정 .background(Color.blue) // 텍스트 배경 설정(Color로 명시) Text("커스텀 폰트, 볼트체, 이탤릭체, 밑줄, 취소선") .font(.custom("Menlo", size: 16)) // 커스텀 폰트 설정 .bold() // 볼드체 .italic() // 이탤릭체 .underline() // 밑줄 .strikethrough() // 취소선 Text("라인 수 제한과 \n ..
SwiftUI - 코드를 이용하여 UI를 구성 - Swift 파일에서 ContentView()를 사용 // Swift File var body: some Scene { WindowGroup { ContentView() } } - Content View //SwiftUI 지원 라이브러리 import import SwiftUI //View protocol : 화면이 보이는 요소 struct ContentView: View { //some 예약어 : View protocol을 준수하는 모든 View에 대한 Bool타입 허용 var body: some View { Text("Hello, swiftUI!") .padding() } } struct ContentView_Previews: PreviewProvider..
