Xcode6 SwiftUI Struct - Image 안녕하세요. 뉴핀입니다. 이번 주제는 SwiftUI의 Image Structure에서 속성을 설정할 때 사용하는 메서드를 알아보려 합니다. 사이즈 조정 1. func resizable(capInsets: EdgeInsets, resizingMode: Image.ResizingMode) -> Image Image("sample") .resizable(resizingMode: .stretch) Image("sample") .resizable(capInsets: EdgeInsets(top:30, leading:30, bottom:30, trailing:30), resizingMode: .tile) .frame(width: 150, height: 150) 렌더링 관련 1. func antialiased(Bool.. 2022. 12. 14. SwiftUI Struct - Text 안녕하세요. 뉴핀입니다. 이번 주제는 SwiftUI의 Text Structure에서 속성을 설정할 때 사용하는 메서드를 알아보려 합니다. 폰트 관련 1. func font(Font?) -> Text Text("lorem ipsum") .font(.system(.body, design: .monospaced)) 2. func fontWeight(Font.Weight?) -> Text Text("lorem ipsum") .fontWeight(.thin) 텍스트 스타일 1. func foregroundColor(Color?) -> Text Text("lorem ipsum") .foregroundColor(.blue) 2. func bold() -> Text Text("lorem ipsum") .bold() 3.. 2022. 11. 21. SwiftUI로 IOS 개발하기(4) - 샘플 프로젝트(TextField, Button, Image) 안녕하세요. 뉴핀입니다. 이번 주제는 간단한 애플리케이션 예제를 작성해보려고 하는데요. 화면의 구성은 아래와 같습니다. 넷X릭스나 여타 OTT 서비스의 프로필 설정 화면과 유사하다고 생각해주시면 됩니다. 우선 프로젝트에서 해당 화면에 필요한 View들을 파악해보면 ① : Image ② : Text ③ : Image ④ : TextEdit ⑤ : Button 가 필요합니다. 화면 구성을 보고 어떤 View가 적절한지 파악하는 것은 점차 SwiftUI의 View들을 다양하게, 자주 사용해서 숙련도가 증가하면 점점 한눈에 파악 가능하게 되실 겁니다. 첫 번째로 변수를 선언해줍니다. @State var profileImage = "profile_0" @State var nickName = "no name" @S.. 2022. 10. 10. SwiftUI로 IOS 개발하기(3) - StackView 안녕하세요. 뉴핀입니다. 이번 주제는 SwiftUI에서 레이아웃을 구성할 때 사용하는 StackView에 대해서 알려 드리려고 합니다. StackView란 레이아웃을 구성하기 위해 View 배열을 인자로 받는 View입니다. ex) Android Native의 ViewGroup(LinearLayout, ConstraintLayout), Flutter의 Flex(Column, Row) 등 StackView는 총 3가지로 구성되어 있습니다. HStack : horizontal, 가로로 배열되는 성질을 가지고 있다. VStack : vertical, 가로로 배열되는 성질을 가지고 있다. ZStack : z 축, 겹쳐서 배열되는 성질을 가지고 있다. 사용법은 var body: some View { VStac.. 2022. 9. 16. SwiftUI로 IOS 개발하기(2) - 프로젝트 기초 안녕하세요. 뉴핀입니다. SwiftUI로 IOS 개발하기(1) - 입문, 프로젝트 생성 안녕하세요. 뉴핀에서 모바일 애플리케이션을 개발하고 있는 에드가입니다. 앞으로 모바일 애플리케이션 전반의 내용들로 찾아뵙게 될 것 같은데요. 첫 번째 주제로는 IOS 애플리케이션 개발 중 nufyn.tistory.com 이번 주제는 SwiftUI로 구성한 프로젝트의 기초적인 내용에 대하여 알려드리려고 합니다. 먼저 프로젝트를 처음 생성하게 되면 아래와 같은 구성으로 확인 할 수 있습니다. Navigator : 프로젝터 내 폴더 및 파일을 확인할 수 있는 영역 Editer : 코드를 편집 하는 영역 Preview : 현재 Editer에 작성 되어 있는 View를 미리 볼 수 있는 영역 Inspector : 선택 된 다.. 2022. 8. 29. SwiftUI로 IOS 개발하기(1) - 입문, 프로젝트 생성 안녕하세요. 뉴핀입니다. 앞으로 모바일 애플리케이션 전반의 내용들로 찾아뵙게 될 것 같은데요. 첫 번째 주제로는 IOS 애플리케이션 개발 중에서도 SwiftUI를 사용하여 애플리케이션을 작성하는 방법에 대해 알려드리고자 합니다. 1. SwiftUI SwiftUI는 IOS 애플리케이션을 작성할 때 사용할 수 있는 Interface의 한 종류인데요, 총 3가지로 선택할 수 있습니다. Storyboard 장점 UI Object들(Text, Button, TableView 등), 각각의 Attributes(너비, 높이, 이벤트 요소 등)의 파악이 미숙하더라도 둘러보며 알아갈 수 있다 UI Object를 UI로 구성할 수 있어서 비교적 접근성이 좋다 화면 흐름이 한눈에 들어오기 때문에 파악하기 용이하다 단점 무겁.. 2022. 8. 1. 이전 1 다음