[iOS] 왕초보를 위한 iOS 앱개발 3

왕초보를 위한 iOS 앱개발 - 야곰닷넷

 

3. 화면 구성하기

3-1. 레이블(Label) 추가하기

3-2. [도전!] 레이블 글꼴(Font) 변경하기

3-3. 에셋 가져오기, 아이콘 적용하기

3-4. 에셋이란?

3-5. 화면 꾸미기

3-6. [도전!] 버튼 이미지를 SF Symbol로 꾸미기

3-7. 오토 레이아웃

• constraints 제약

• 화면크기 혹은 기계 크기에 따라 자동으로 화면을 조절하는 것.

  

  

  

3-8. [도전!] 오토레이아웃 스스로 적용해보기

3-9. 스토리보드의 한계

• slider.setThumbImage() 추가

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var slider: UISlider!

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        slider.value = 15
        slider.setThumbImage(#imageLiteral(resourceName: "slider_thumb"), for: .normal)
    }

    @IBAction func sliderValueChanged(_ sender: UISlider) {
        print(sender.value)
    }

    @IBAction func touchUpHitButton(_ sender: UIButton) {
        print(slider.value)
    }

    @IBAction func touchUpResetButton( _sender: UIButton) {
        print("touch up reset button")
    }
}

• 스토리보드 만으로는 모든 게 되진 않는다. 코드로 구현되는 것도 있다. 코드의 세계에 온 걸 환영한다.
  

  

3-10. 레슨3 정리

Wrapping Up

• Adding Labels
• Challenge - Changing label's font
• Importing Assets
• Styling UI
• Challenge - SF Symbol
• Auto Layout
• Challenge - Auto Layout
• Limitation of Storyboard

To-Do List

1. Add Slider
2. Add 'HIT Button'
3. Receive value changed events from the slider
4. Add 'RESET Button'
5. Add labels presentin information
6. Generate the random number
7. Compare the random number with input number
8. Show alerts
9. Implement 'reset' feature
10. Add 'Credit' view