원래는 스토리 보드를 애용하다가 코드로 작성하는 프로그래머들도 많다보니
코드로 뷰를 구성하는 방법도 알아야겠다 싶어서 코드로 Label, Button, TextField, TableView 등을 제작하는 법을 배우고 있습니다.
스토리보드를 사용하면 뚝딱뚝딱 금방 되는 것을 코드로 일일히 작성하려니 헷갈리는 것들도 많고
제대로 작성 못하는 경우도 있고
제대로 작성 해두고도 addSubview를 빠트려서 안보이는 경우도 있고
다사다난 합니다 ㅎㅎ
구글링하는 횟수를 좀 줄여보고자 몇 가지 발견한 사실을 본 포스트에 지속적으로 업데이트 해두려고 합니다.
1. Border 설정하기
1) TextField 기본 직사각형, 검정색 보더 형태용 코드
1
2
3
4
5
6
7
8
9
10
|
private let titleTextField: UITextField = {
let textField = UITextField()
textField.backgroundColor = .orange
textField.placeholder = "입력해주세요"
textField.frame.size = CGSize(width: 200, height: textField.frame.size.height)
textField.borderStyle = .line //기본 직사각형, 검정색 보더
return textField
}()
|
cs |
2) 보더의 cornerRadius, color 변경 위한 코드
: 보더의 형태를 변경하기 위해서는 textField.borderStyle = .line 을 사용하면 안됩니다.
1
2
3
4
5
6
7
8
9
10
11
12
|
private let titleTextField: UITextField = {
let textField = UITextField()
textField.backgroundColor = .white
textField.frame.size = CGSize(width: 200, height: textField.frame.size.height)
textField.layer.borderWidth = 1 //보더 넓이 설정
textField.layer.borderColor = UIColor.systemRed.cgColor //보더 색상 설정
textField.layer.cornerRadius = 5.0 //보더 corner radius 설정
textField.placeholder = "입력해주세요"
return textField
}()
|
cs |
...
2. 부가 기능
1) 텍스트 보이지 않게 하기: .isSecureTextEntry 를 true로 설정하면 입력된 텍스트가 '•••'로 표시된다. 비밀번호 입력창에 사용할 수 있다.
1
|
textField.isSecureTextEntry = true
|
cs |
2)텍스트필드에 텍스트가 아무것도 적혀져 있지 않을 때를 확인하기 위해서는 textField.text = "" 로 확인해주어야 한다. 처음에는 textField.text = nil로 확인하는 줄 알고 헤맸는데, ""로 확인 해야했다.
👍🏼
반응형
'Swfit' 카테고리의 다른 글
Navigation Large Title 버그 해결하기 (0) | 2022.02.26 |
---|---|
UITextView코드로 작성하기 (0) | 2022.02.24 |
TableView 사용법 (0) | 2022.02.08 |
세그웨이(Segue) 모드별 비교 (0) | 2022.02.08 |
함수 Function 알아보기 (0) | 2022.02.07 |