본문 바로가기
반응형

Swift UI4

[Swift UI] Image Spacing 제거 SwiftUI에서 Image를 넣으면 시스템에서 자동으로 spacing이 들어가있습니다. Text는 들어가있지 않습니다. 자동으로 들어간 spacing를 없애주려면 VStack(spacing:0)을 주면 됩니다. import SwiftUI struct ContentView: View { var body: some View { VStack(spacing:0) { Image("image1") .resizable() .edgesIgnoringSafeArea(.all) .aspectRatio(contentMode: .fit) Image("image1") .resizable() .edgesIgnoringSafeArea(.all) .aspectRatio(contentMode: .fit) } } struct Cont.. 2021. 8. 26.
SwiftUI edgesIgnoringSafeArea 배경색 적용 오늘은 SwiftUI edgesIgnoringSafeArea 배경색 적용에대해 글 남겨봅니다. 노란색 배경은 아래 코드로 적용시켰습니다. Color.yellow 크기가 정해진 텍스트에 배경은 아래 코드로 적용시켜 주었습니다. Text("Hello, world!") .background(Color.red) 그런데 위아래 safe area에는 배경색이 칠해지지 않았습니다. 이부분의 배경색을 채우기 위한 방법입니다. Color.yellow .edgesIgnoringSafeArea(.all) 아래사진(좌) Color.yellow .edgesIgnoringSafeArea(.top) 아래사진 (우) Color.yellow .edgesIgnoringSafeArea(.bottom) 2021. 1. 30.
SwiftUI 스택(Stack) VStack 코드에 보이는 VStack안에 쌓여진 텍스트가 수직으로 표현됩니다. HStack HStack은 수평으로 텍스트가 표현됩니다. ZStack Zstack은 x,y,z 표현할 때 z개념으로 생각하면 됩니다. 순서대로 위에 스택처럼 쌓이게 됩니다. 2021. 1. 30.
스위프트 유아이(Swift UI) 시작하기 안녕하세요. 스위프트 유아이를 이용한 프로젝트를 진행해보려고합니다. 개인적으로 공부도하고 정보도 공유할 수 있도록 글을 작성할 예정입니다. 바로 시작하도록 할게요. 아 참고로 Swift UI 프로젝트를 진행하기 위해서는 macOS 카탈리나 이상 필요합니다. Xcode 버전 11.0 이상 필요합니다. 우선 Xcode 실행 후 Create a new Xcode project 실행합니다. Single View App 선택 후 Next 클릭 프로젝트 생성 시 가장 중요한 부분입니다. User Interface를 SwiftUI로 선택해주셔야합니다. 저는 데스크탑에 프로젝트를 저장하였어요. 와우 ~! 첫 스유를 이용한 프로젝트가 만들어졌습니다. 기존 스토리보드를 이용한 모습과는 다르네요. Main.storyboar.. 2020. 8. 12.
반응형