SWIFTUI/Controls9

• 

  SwiftUI : TextField (hideKeyboard 코드) 목차 TextField에 대해 알아보도록 합시다. TextField 레이블과 값에 대한 바인딩이 있는 TextField를 작성할 수 있습니다. 값이 문자열인 경우, TextField는 사용자가 입력하거나 편집할 때 값을 계속 업데이트합니다.String타입이 아닌 경우, return값을 누르는 등 사용자가 편집을 커밋할 때 값을 업데이트합니다. TextField에 텍스트가 커밋되면 내부에 메서드가 호출되게 할 수 있습니다. import SwiftUI struct ContentView: View { @State private var name = "" //State var body: some View { Form { TextField("아이디", text : $name) //$표시 필수 Text("Your n.. SWIFTUI/Controls 2021. 5. 12.

• 

  SwiftUI : Dynamic List and identifiable 목차 Dynamic List 이번에는 List를 사용하여 Dynamic List View를 만들어 보도록 하겠습니다. 위처럼 포켓몬의 이름에 따른 타입과 그에 맞는 컬러를 매치시키시고 오른쪽 상단에 있는 navigationBarItems을 누를 때마다 랜덤 하게 포켓몬의 이름이 생성되도록 하는 것이 목표입니다. 우선 간단하게 아래와 같이 작성해보도록 하겠습니다. 우선 pokemon의 모델을 struct로 하나 만들어 주겠습니다. struct pokemonModel { let name: String let type: String let color: Color let imagename: String } 그리고 @State변수로 name과 type그리고 color를 배열시켜 주도록 합니다. struct Pok.. SWIFTUI/Controls 2021. 5. 4.

• 

  SwiftUI : Text 목차 SwiftUI에서 가장 기본이 되는 Text에 대해 알아보도록 합시다. Text VStack(spacing: 20) { Text("서근개발블로그") Text(Image(systemName: "star.fill")) Text(Date(), style: .time) } Text view는 현재 플랫폼에 적합한 본문 글꼴을 사용하여 앱의 사용자 인터페이스에 문자열을 그려줍니다. font(_:) view modifier를 사용하여 제목이나 캡션과 같은 다른 표준 글꼴을 선택할 수 있습니다. Text의 스타일을 조금 더 세밀하게 조정해야 하는 경우 같은 modifier 를 사용하여 글꼴을 구성하거나, 커스텀 폰트를 선택할 수 있습니다. Text("서근의 블로그") .font(.system(size: 12, .. SWIFTUI/Controls 2021. 4. 29.

• 

  SwiftUI : Toggle Switch (toggleStyle) Toggle에 대해 알아보도록 합시다 Toggle 기본 코드 @State private var someBinding = true Toggle("SomeText", isOn: $someBinding) SwiftUI의 Toggle()을 사용하면 UIKit의 UISwitch 에서처럼 사용자가 true이거나 false상태 사이를 이동할 수 있습니다. Toggle()의 현재 값을 저장하는 데 사용할 @State Boolean 속성을 정의해야 합니다. 그런 다음 이것을 사용하여 필요에 따라 다른 view를 표시하거나 숨길 수 있습니다. 버튼이 Toggle() 될 때마다if 문을 사용하여 텍스트를 지정해 줄 수 있습니다. struct ContentView: View { @State private var someTog.. SWIFTUI/Controls 2021. 3. 18.

• 

  SwiftUI : Alert (알림 메세지) iOS 15 버전 부터 더이상 아래 형태로 사용 되지 않습니다. ( 업데이트 예정) Alert 대해 알아보도록 합시다. Alert Alert는 SwiftUI에서 UIKit의 UIAlertView와 동일합니다. SwiftUI에서 어떻게 경고메세지를 만들고 표시하는지 알아봅시다. 기본 코드 .alert(isPresented: $____) { Alert(title: Text(""), message: nil, dismissButton: .defalut(Text(""))) } Alert 사용 조건 Alert를 표시할지에 대한 여부를 지정하는 Bool binding (state) Alert를 반환하는 closure SwiftUI는 bool 값이 상태이기 때문에 변경 될 때마다 뷰를 새로 고칩니다. 결과적으로 tru.. SWIFTUI/Controls 2021. 1. 23.

• 

  SwiftUI : EditButton [onDelete, OnMove] OnDelete와 OnMove에 대해 알아보도록 합시다. EditButton 현재 편집 범위에 대한 편집 모드를 toggle하는 버튼입니다. SwiftUI는 컬렉션에서 개체를 삭제하는 방법을 제어하는 데 사용할 onDelete()수정자를 제공합니다. 이 기능은 목록 및 각 행에만 거의 사용됩니다. 각 행에 표시되는 행 목록을 만든 다음, 각 행에 대해 OnDelete()를 추가해 사용자가 원하지 않는 행을 제거 또는 이동할 수 있습니다. 버튼 토글시 새로운 번호 생성 숫자 표시되는 목록을 만들고 버튼을 누를 때마다 새 번호가 나타나게 만들어 봅시다. 그 코드는 다음과 같습니다. import SwiftUI struct ContentView: View { @State private var numbers = .. SWIFTUI/Controls 2021. 1. 23.

• 

  SwiftUI : Button / onTapGesture 목차 SwiftUI 3.0 버전의 Button 기능이 다수 추가되었습니다. 추후 업데이트 예정입니다. 트리거(Trigger) 될 때 작업을 수행하는 컨트롤입니다. Button에 대해 알아보도록 합시다. Button 기본 코드 //첫번째 Button(action: { //action }) { //view HStack { Image(systemName: "folder.fill") Text("폴더") } } //두번째 Button("서근개발노트") { // action } Action 과 Label 을 제공하여 버튼을 만들 수 있습니다. 액션은 사용자가 버튼을 클릭하거나 택할 때 작업을 수행하는 메서드 또는 클로저 프로퍼티입니다. 레이블은 예를 들어 '취소'와 같은 텍스트 또는 '뒤로 가기 화살표'와 같은 아.. SWIFTUI/Controls 2021. 1. 23.

• 

  SwiftUI : TextEditor TextEditor 대해 알아보도록 합시다. TextEditor 긴 형식의 텍스트를 표시하고 편집할 수 있는 View입니다. TextEditor View를 사용하면 앱의 사용자 인터페이스에 스크롤 가능한 여러 줄의 텍스트를 표시하고 편집할 수 있습니다. 기본적으로 TextEditor View는 환경에서 상속된 특성을 사용하여 텍스트를 스타일링합니다. font(_:), foregroundColor(_:), multilineTextAlignment(_:). struct ContentView: View { // 1. @State private var text: String = "Enter some text: " var body: some View { VStack { // 2. TextEditor(text: $.. SWIFTUI/Controls 2021. 1. 21.

• 

  SwiftUI : SecureField SecureField에 대해 알아보도록 합시다. SecureField 사용자가 비공개 텍스트를 안전하게 입력하는 컨트롤입니다. 기본 코드 VStack{ SecureField("비밀번호", text:$password) { } //텍스트필드 스타일 .textFieldStyle(RoundedBorderTextFieldStyle()) .padding() } TextField와 비슷한 동작을 수행 하지만 사용자가 텍스트를 표시하고 싶지 않고 (***) 식으로 표시하고 싶을때 SecureField를 사용합니다. 일반적으로 비밀번호 또는 중요한 정보를 입력할 때 사용합니다. 필드는 모든 키 입력 또는 기타 편집에서 바인딩된 문자열을 업데이트하므로, 완료 단추와 같은 다른 컨트롤에서 언제든지 값을 읽을 수 있습니다. .. SWIFTUI/Controls 2021. 1. 21.