[3장] image view

Image View

사진을 보여줄 때 사용하는 객체입니다.

클래스는 UIImageView입니다.

 

Content mode

• Scale to Fill
  • default, 이미지 뷰의 크기에 맞게 이미지 비율을 변경합니다.
• Aspect Fit
  • 이미지 비율은 유지하면서 이미지 뷰에 크기에 맞게 조절합니다. image view 안에 그림이 다 들어오지만, 여백이 있을 수 있습니다.
• Aspect Fill
  • 이미지 비율은 유지하면서, 이미지 뷰에 크기에 맞게 조절합니다. image view에 여백이 없도록 그림을 넣어서, 그림이 잘릴 수 있습니다.
• Center, Top, Top Left, Bottom, Left, Right
  • 이미지 원본을 유지하고, 해당 부분을 image view에 출력합니다.

Aspect Fit과 Aspect Fill은 글보다는 그림으로 이해하기 좋습니다. 친절하게 정리된 블로그 링크

 

 

image View에 이미지 지정하기

import UIKit

class ViewController: UIViewController {
    @IBOutlet var imgView: UIImageView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        
        imgView.image = UIImage(named: "lamp_on.png")
    }
}

 

ImageView는 이미지를 노출해주기 위한 객체이며 보여줄 이미지 그 자체는 UIImage 객체를 이용합니다.

이미지 파일과 UIImage로 생성한 이미지 객체를 image view 객체에 지정해주는 방식입니다.

 

CGFloat

다른 언어와는 다르게 Float 앞에 CG가 붙은 CGFloat를 이용합니다.

CGFloat는 CPU 아키텍처마다 부동소수점을 표현하는 방식이 다릅니다.

32bit와 64bit의 부동소수점 표현방식이 다른데요. 이것을 통일되게 처리하기 위한 타입으로 CGFloat를 사용합니다.

빌드 머신 CPU 종류에 따라 적절한 타입을 선택해서 빌드할 수 있는 자료형입니다.

 

Reference

UIImageView - https://developer.apple.com/documentation/uikit/uiimageview/

UIImage - https://developer.apple.com/documentation/uikit/uiimage/

CGFloat - https://developer.apple.com/documentation/coregraphics/cgfloat