Language/Swift45 SwiftUI를 이용한 탭 메뉴 만들기 (TabView) 상단의 메뉴바를 이용하여 화면이 전환되게 하는 View를 SwiftUI 에서는 TabView 를 제공한다. 기본 코드 struct FirstView: View { var body: some View { VStack { Text("First View") } } } struct SecondView: View { var body: some View { VStack { Text("Second View") } } } struct ContentView: View { var body: some View { TabView { FirstView() .tabItem { Image(systemName: "house") Text("Home") } SecondView() .tabItem { Image(systemName: "p.. 2022. 11. 26. SwiftUI를 이용한 여러 줄의 텍스트를 입력하기 (TextEditor) 글을 입력할 때 여러 문장으로 이루어진 장문을 써야하는 경우도 있다. 그럴때는 SwiftUI 에서는 TextEditor 뷰를 이용해 장문의 글을 입력 및 나타낸다. 기본 코드 struct ContentView: View { @State private var text: String = "Enter some text" var body: some View { VStack { TextEditor(text: $text) .padding() .foregroundColor(Color.black) .font(.custom("원하는글꼴", size: 20)) .lineSpacing(5) // 줄 간격 .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: 3.. 2022. 11. 25. SwiftUI를 이용한 텍스트 입력하기 (TextField) UI를 그리다보면 사용자가 입력해야하는 부분이 생긴다. 그럴때 사용하는 뷰가 TextField란 뷰를 이용해 사용자가 값을 입력하게 한다. 기본코드 import SwiftUI struct ContentView: View { @State private var name = "" var body: some View { VStack { TextField("이름", text: $name) .padding() Text("당신의 이름은 \\(name) 입니다.") } } } 실행화면 속성 NumberFormatter : 숫자를 표시하기 위해 사용하는 포맷 KeyboardType : 키보드의 종류를 설정 .default .decimalPad : 숫자 키패트 설정 .asciiCapable : ASCII 코드 문자를 입력.. 2022. 11. 24. SwiftUI를 이용한 글자 나타내기 (Text) SwiftUI 에서 글자를 그대로 나타내려면 Text 뷰를 이용하면 된다. modifier 를 사용하여 폰트로 글꼴을 구성할 수 있다. 기본 코드 struct ContentView: View { var body: some View { VStack { Text("Just bacause something doesn't do what you planned it to do doesn't mean it's useless.") .frame(width: 100) } } } 실행 화면 속성 frame : Text 의 공간을 정하고, 줄 바꿈, 크기 조정 등을 구성하게 한다. multilineTextAlignment : 여러 줄의 텍스트 표시 정렬 방식 lineLimit : 표시할 줄 수 lineSpacing : 텍스트.. 2022. 11. 23. 이전 1 ··· 4 5 6 7 8 9 10 ··· 12 다음
