Xcode
-
[SwiftUI] VStack 사용 예제iOS 2021. 7. 29. 14:47
개요 VStack를 통해 수직으로 UI컴포넌트들을 배열해보자. VStack 수직으로 UI 컴포넌트들을 배열한다. 선언된 순서대로 위쪽부터 채워진다. alignment와 spacing을 설정할 수 있다. alignment는 center, leading, trailing 3가지를 설정할 수 있다. center : 가운데 정렬 leading: 좌측 정렬 trailing : 우측 정렬 spacing은 컴포넌트간 간격을 설정하는 속성이다. 예) struct ContentView: View { var body: some View { VStack(alignment: .center, spacing: 20, content: { Text("Hello, world!") .padding() CircleImageView() ...
-
[SwiftUI] ImageView에 Radius 적용(RoundedImageView)iOS 2021. 7. 29. 13:49
개요 ImageView에 cornerRadius를 적용하여 모서리가 둥근 ImageView를 만들어 보자. RoundedImage 구현 clipShape를 이용한 방법 아래 코드처럼 clipShape에 RoundedRectangle을 넣어 모서리가 둥근 ImageView를 만들 수 있다. struct RoundedImage: View { var body: some View { Image("dog") .clipShape(RoundedRectangle(cornerRadius: 100)) } } 위 코드의 Preview는 아래 사진과 같이 나온다. cornerRadius를 이용한 방법 cornerRadius를 직접 입력하여 모서리가 둥근 ImageView를 설정한다. struct RoundedImage: Vi..
-
[SwiftUI] Circle ImageView에 Border 넣기iOS 2021. 7. 29. 11:51
개요 이전 포스팅인 Circle ImageView에 Border를 넣어보자. 2021.07.29 - [iOS] - [SwiftUI] Circle ImageView [SwiftUI] Circle ImageView 개요 ImageView를 동그랗게 만들어보기로 한다. 파일 생성 아래와 같은 순서대로 SwiftUI 파일을 생성한다. 1. New File을 클릭한다. 2. User Interface -> SwiftUI View를 선택한 후 Next 버튼을 누른다. 3. 파.. growup-lee.tistory.com Border 넣기 아래와 같이 동그란 모양의 ImageView를 먼저 생성해준다. import SwiftUI struct CircleImageView: View { var body: some Vie..
-
[SwiftUI] Circle ImageViewiOS 2021. 7. 29. 11:30
개요 ImageView를 동그랗게 만들어보기로 한다. 파일 생성 아래와 같은 순서대로 SwiftUI 파일을 생성한다. 1. New File을 클릭한다. 2. User Interface -> SwiftUI View를 선택한 후 Next 버튼을 누른다. 3. 파일명을 입력한 후 Create 버튼을 눌러 파일을 생성한다. 동그란 모양의 ImageView 생성 생성된 파일에 아래와 같이 코딩을 해준다. import SwiftUI struct CircleImage: View { var body: some View { Image("dog") .clipShape(Circle()) } } struct CircleImage_Previews: PreviewProvider { static var previews: some ..
-
[xcode] Info.plist에서 Light Mode, Dark Mode 설정iOS 2021. 7. 26. 15:12
개요 Info.plist에서 light, dark 모드를 강제로 설정할 수 있다. 모드 설정 Info.plist 파일 열기 Info.plist파일을 우클릭 -> Open As -> Source Code 로 파일을 연다. 아래의 항목을 추가한다. UIUserInterfaceStyle Light Dark 모드로 변경하고 싶으면 값을 Light에서 Dark로 변경하면 된다. UIUserInterfaceStyle Dark 마치며 앱 개발 시 다크모드를 고려하지 않은 앱을 개발할 수 있다. 하지만 기본 설정으로는 시스템에서 설정한 모드를 따라가기 때문에 BackgroundColor를 System Background Color로 설정한 경우 모드에 따라 색상이 바뀌게 되어 디자인이 이상하게 보일 수 있다. 이렇게 ..