Stack3

• 

  SwiftUI Project7 : Stack / ScrollView / Link 이번에는 Stack / ScrollView / Link 를 사용하여 간단하게 아래와 같은 화면을 구성해보겠습니다. #1 웹사이트 Link 카드 우선 Asset에 원하는 이미지를 넣고 아래와 같이 스택을 쌓아주겠습니다. //ProjectCard struct ProjectCard: View { var body: some View { VStack(alignment: .leading){ Text("SwiftUI : 서근 개발 노트 ") .fontWeight(.bold) Text("https://seons-dev.tistory.com/") Spacer().frame(height: 50) HStack { Image("Swift") .resizable() .frame(width: 50, height: 50) .cli.. PROJECT/Simple 2021. 3. 11.

• 

  SwiftUI : Shape (Rectangle, Circle, Capsule...) 목차 Rectangle / Circle / RoundedRectangle / Capsule에 대해 알아보도록 합시다. Shape SwiftUI에는 사각형, 원 및 캡슐과 같은 여러 가지 기본 제공 모양이 있으며 필요에 따라 각 모양을 만들고 색상을 지정하고 배치할 수 있습니다. Rectangle Circle RoundedRectangle Capsule Circle Circle() .fill(Color.red) .frame(width: 200, height: 200) Rectangle VStack() { Rectangle() .fill(Color.blue) .frame(width: 100, height: 100) Rectangle() .fill(Color.blue) .frame(height: 5) } Ro.. SWIFTUI/Image 2021. 1. 22.

• 

  SwiftUI : View layout (HStack / VStack / ZStack) 목차 view layout에 대한 전반적인 내용을 간단히 살펴보겠습니다. 세부적인 내용은 다음 게시글에서 다루도록 하겠습니다. View Layout Stack Stack은 SwiftUI에서 뷰를 배치하는 데 사용하는 컨테이너 뷰로, 콘텐츠로 전달된 지식 뷰들을 어떤 형태로 배치할 것인지 결정짓습니다. SwiftUI에서는 거의 필수적으로 활용되므로 매우 중요하며 사용 방법 또한 매우 간단합니다. Stack에는 가로방향 HStack, 세로방향 VStack, 겹겹히 쌓아있는 ZStack 총 세 가지 종류가 있습니다. var body: soom View { Text("hello") //컴파일 오류 Text("SwiftUI") } var body: soom View { VStack { Text("hello") T.. SWIFTUI/View layout 2021. 1. 22.