전체 글72 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. SwiftUI를 이용한 패스워드 입력 뷰 만들기 (SecureField) 일반 문구를 입력할 수 있는 TextFied 도 있지만 비밀번호를 입력한 입력칸이 일반 텍스트로 표출이 되면 다른 사람이 비밀번호를 볼 수 있는 문제가 생긴다. 그래서 SwiftUI 에서는 secureField를 제공해 비밀번호가 노출되지 않도록 뷰를 제공한다. 기본 코드 struct ContentView: View { @State private var password = "" var body: some View { VStack { SecureField("비밀번호", text: $password) { } .textFieldStyle(RoundedBorderTextFieldStyle()) .padding() } } } 입력칸에 표출되는 정보는 (***) 식으로 표시된다. 실행 화면 개발자 Document .. 2022. 11. 22. SwiftUI를 이용한 피커 사용하기(Picker) 레이블을 선택 도구에서 내용 선택 목적을 시각적으로 설명하는 보기로 설정한 다음 선택 도구에서 표시할 내용을 제공한다. 기본 코드 import SwiftUI struct ContentView: View { var cities = ["서울", "부산", "대구", "울산"] @State private var selectedCity = "서울" var body: some View { VStack { Picker("원하는 색을 골라주세요", selection: $selectedCity) { ForEach(cities, id: \\.self) { Text($0) } } Text("당신은 '\\(selectedCity)'을 선택하였습니다.") } } } 실행 화면 Picker Style DefaultPickerS.. 2022. 11. 21. SwiftUI를 이용한 스크롤 화면 그리기 (ScrollView) 뷰를 그리면 휴대폰의 세로 높이를 넘길 정도로 뷰가 들어갈 수 있다. 그럴 때 화면이 스크롤이 되어 내부에 배치한 콘텐츠에 맞게 자동으로 크기가 조정되고 안전 영역을 피하기 위해 추가 삽입물을 자동으로 추가한다. 기본 코드 ScrollView() { VStack { ForEach(1.. 2022. 11. 20. 이전 1 ··· 10 11 12 13 14 15 16 ··· 18 다음
