[iOS - UI Custom] 3. UIKit객체별 속성지정

stotyboard없이 프로그래밍으로 구현

 

---

* UIKit관련 객체

- TextField, Switch, Stepper, Label

 

* 변수 준비

class ViewController: UIViewController {
    
    var tF: UITextField!
    var s: UISwitch!
    var stepper: UIStepper!
    var l: UILabel!
    
    override func viewDidLoad() {
        // 이곳에 각 속성 정의
    }
}

 

1) TextField

        tF = UITextField()
        tF.frame= CGRect(x: 10, y: 50, width: self.view.frame.width, height: 200)
        tF.font = .systemFont(ofSize: 15)
        tF.borderStyle = .roundedRect // .line / .bezel / .none
        tF.textAlignment = .left
        tF.adjustsFontSizeToFitWidth = true // 텍스트 너비에 따라 폰트 사이즈 변화
        tF.placeholder = "일기 작성"
        tF.autocapitalizationType = .none // .allCharacters / .sentences / .words
        self.view.addSubview(tF)

 

2) Switch

        s = UISwitch()
        s.frame = CGRect(x: tF.frame.origin.x, y: tF.frame.origin.y + tF.frame.height + 10, width: 100, height: 100)
        s.isOn = true
        s.setOn(true, animated: true)
        self.view.addSubview(s)

 

3) Stepper

        stepper = UIStepper()
        stepper.frame = CGRect(x: s.frame.origin.x, y: s.frame.origin.y + s.frame.height + 10, width: 100, height: 100)
        stepper.minimumValue = 0
        stepper.maximumValue = 100
        stepper.stepValue = 1
        stepper.value = 0
        self.view.addSubview(stepper)

 

5) 중앙정렬 하는 방법 : center속성 사용

 - center란, 중앙의 기준점 잡는 것

// x좌표를 루트뷰의 중앙으로 이동
lbl.center = CGPoint(x: self.view.frame.width / 2, y: 100)
 
// 바로 대입 방법
labl.center = self.view.center

 

6) Slider

        let slider = UISlider()
        slider.minimumValue = 0
        slider.maximumValue = 100
        slider.frame = CGRect(x: 0, y: 0, width: 170, height: 30)
        self.view.addSubview(slider)

 

7) Button

        self.btn = UIButton()
        
        self.btn.frame = CGRect(x: 100, y: 100, width: 100, height: 100)
        btn.tag= -1
        btn.setTitle("↓", for: .normal) // .normal속성은 평상시의 상태를 의미. 선택되었을 때의 상태지정은 .selected
        btn.setTitleColor(.black, for: .normal)  // 생성시 처음 값은 white이므로 지정해줘야 함
        btn.titleLabel?.font = .boldSystemFont(ofSize: 15)
        
        btn.layer.masksToBounds= true  
 // btn.layder.cornerRadius = 120 한 경우, 모서리에 있던 text를 가릴 것이냐(true), 안가릴 것이냐(false)
        // "btn.layout.masksToBounds = true"는 "btn.clipsToBounds = true"와 동일
 
        btn.layer.cornerRadius= 5
        btn.layer.borderWidth= 0.5
        btn.layer.borderColor = UIColor.blue.cgColor
        self.view.addSubview(btn)

버튼 속성 지정 결과