Language/Swift45 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. SwiftUI를 이용한 값 증가나 감소 컨트롤하기 (Stepper) 사용자가 값을 증가시키거나 감소시키는 걸 제어할 수 있도록 하는 게 Stepper 컨트롤이 도와준다. 지정한 범위 내에서 작동된다. Stepper의 기능한 값 범위에서 특정 양만큼 단계적으로 수행한다. 기본 코드 import SwiftUI struct ContentView: View { @State private var amount = 5.0 var body: some View { Stepper(value: $amount, in: 0...50, step: 2) { Text("Amount: \(amount)") } .padding() } } 실행화면 Stepper 메소드 onIncrement : 증가 버튼을 클릭할 경우 발생 onDecrement : 감소 버튼을 클릭할 경우 발생 struct Content.. 2022. 11. 18. 이전 1 ··· 5 6 7 8 9 10 11 12 다음
