WooKoo Blog

기본전제는 ContentMode를 적용하고 난 후이다. HStack(spacing: 30){ Image("SwiftUI").resizable().aspectRatio(CGSize(width: 1.6, height: 1),contentMode: .fit) .frame(width: 150, height: 150) Image("SwiftUI").resizable().aspectRatio(0.7, contentMode: .fill).frame(width: 150, height: 150) .clipped() } 첫번째 이미지는 컨텐츠 모드 적용 후 너비가 높이보다 1.6배 비율을 가지도록 조정 두번째이미지는 컨텐츠 모드 적용 후 너비가 높이보다 0.7 비율을 가지도록 조정하는 것이다. Clipped()은 프레임 ..

이미지를 불러오는 방법은 Image("imageName") 이미지를 유지하고 이미지가 담긴 뷰의 크기를 조절하려고 할 땐 Image("imageName").frame(witdh: 200, height: 200) 이미지 크기를 리사이징 하고 싶다면 Image("imageName").resizeble().frame(witdh: 200, height: 200) 중요한 것은 resizeble()을 frame 앞에 두어야한다. 이미지 타입에 선언 되어있는 것이므로 뷰 프로토콜 이전에 선언되어야 정상적으로 에러없이 호출된다. 기본값으로 Scale to Fill 이 적용되어있는데 (비율에 관계없이 이미지를 늘려 공간을 가득채움) Aspect Fit(.scaledToFit()) Image("SwiftUI").resiz..

오늘은 iOS의 UI를 구성하는데 있어서 대표적인 3가지 방법들의 장단점을 정리해보려고합니다. 자 그럼 시작해보겠습니다. (주관적인 정리이니 정답은 아닙니다!) Storyboard의 장점 - 구현하기가 쉽고, 빠르게 프로토타입을 만들 수 있다. - 네비게이션의 흐름을 쉽게 파악 할 수 있다. - Static Cell을 이용 할 수 있다. (storyboard에서만 이용 가능한 기능이라네요!) Storyboard의 단점 - 여러 사람이 작업 할 경우 merge 충돌이 일어날 수 있다. - 재사용을 하고자 할 때 뷰 컨트롤러 자체를 함께 복사해야함으로 재사용성이 낮다. xib의 장점 - storyboard에 비해 조금 더 구체적인 UI 구현이 가능하다. - merge 충돌이 storyboard에 비해 적다...

2019/10/20 - [iOS/개발] - SwiftUI Tutorial Section5 - Apple SwiftUI Tutorial Section5 - Apple 2019/10/19 - [iOS/개발] - SwiftUI Tutorial Section4 - Apple SwiftUI Tutorial Section4 - Apple 2019/10/19 - [iOS/개발] - SwiftUI Tutorial Section3 - Apple SwiftUI Tutorial Section3 - Apple 2019/10/18.. lazyowl.tistory.com Section 6 Compose the Detail View Step1 이전 스텝에서 만들었었던 ContentView.Swift 파일로 이동해보자. Step2 ..

2019/10/19 - [iOS/개발] - SwiftUI Tutorial Section4 - Apple SwiftUI Tutorial Section4 - Apple 2019/10/19 - [iOS/개발] - SwiftUI Tutorial Section3 - Apple SwiftUI Tutorial Section3 - Apple 2019/10/18 - [iOS/개발] - SwiftUI Tutorial Section2 - Apple SwiftUI Tutorial Section2 - Apple 2019/10/16.. lazyowl.tistory.com Section5 Use UIkit and SwiftUI View Together Step1 Command + N 버튼을 클릭하여 SwiftUI View File..

2019/10/19 - [iOS/개발] - SwiftUI Tutorial Section3 - Apple SwiftUI Tutorial Section3 - Apple 2019/10/18 - [iOS/개발] - SwiftUI Tutorial Section2 - Apple SwiftUI Tutorial Section2 - Apple 2019/10/16 - [iOS/개발] - SwiftUI Tutorial Section 1 - Apple SwiftUI Tutorial Section 1 - Apple https://.. lazyowl.tistory.com Section4 Create a Custom Image View Command + N 를 클릭하고 SwiftUI View 파일을 하나 추가하자. 오른쪽 상단위 ..

2019/10/18 - [iOS/개발] - SwiftUI Tutorial Section2 - Apple SwiftUI Tutorial Section2 - Apple 2019/10/16 - [iOS/개발] - SwiftUI Tutorial Section 1 - Apple SwiftUI Tutorial Section 1 - Apple https://developer.apple.com/tutorials/swiftui/creating-and-combining-views Apple Developer Documentati.. lazyowl.tistory.com 이번 포스팅에 이어서 Section3 을 진행해보자구요! Section3 Combine View Using Stacks 오른쪽 상단 위 라이브러리에서 Tex..

2019/10/16 - [iOS/개발] - SwiftUI Tutorial Section 1 - Apple SwiftUI Tutorial Section 1 - Apple https://developer.apple.com/tutorials/swiftui/creating-and-combining-views Apple Developer Documentation developer.apple.com Section 1 새로운 프로젝트 만들고 칸바스 탐험하기 SwiftUI는 iOS Canvas 버.. lazyowl.tistory.com 자 이제 Section2 Customize the Text View 말 그대로 기존에 있던 텍스트의 속성을 변경시키는 방법에 대해 다룬다. Step1 Preview에 있는 텍스트를 Co..

https://developer.apple.com/tutorials/swiftui/creating-and-combining-views Apple Developer Documentation developer.apple.com Section 1 새로운 프로젝트 만들고 칸바스 탐험하기 SwiftUI는 iOS Canvas 버전부터 Preview 기능을 지원한다. 그래서 만약 iOS 버전이 낮다면 업그레이드 해주고 시작하자!! Step 1 일반적으로 프로젝트를 생성하듯이 실행을 시켜준다. Step 2 Single View App을 클릭 후 다음을 눌러주자. Step 3 프로젝트 이름을 기입해주고 스토리보드와 SwiftUI를 선택할 수 있다. 사진과 같다면 사진처럼 체크해주면 되고 다르다면 스토리보드를 SwiftU..