[iOS] 복습 10 - Xcode로 간단한 앱 개발하기 2

 

option + 클릭

 

 

 

 

Scale To Fill : Image View크기에 맞게 가로 세로 비율 변경

Aspect Fit : 가로 세로 비율 유지하면서 Image View크기에 맞게

Aspect Fill : 가로 세로 비율 유지하면서 Image View를 채움

 

 

 

 

 

 

 

 

 

 

iOS 개발에서 UILabel을 많이 사용하는 몇 가지 예제들을 알려드릴게요. UILabel은 텍스트를 화면에 표시할 때 주로 사용하며, 다양한 속성을 통해 텍스트 스타일을 조정할 수 있습니다. 아래는 UILabel을 활용한 기본적인 예제들입니다.

 

1. 기본 레이블 설정

 

let label = UILabel()

label.text = "Hello, iOS!"

label.font = UIFont.systemFont(ofSize: 18) // 기본 시스템 폰트 사용

label.textColor = .black // 텍스트 색상 설정

label.textAlignment = .center // 텍스트 정렬 설정

label.numberOfLines = 1 // 텍스트 줄 수 제한 (1줄로 고정)

 

이 예제는 기본적인 텍스트, 폰트 크기, 텍스트 색상, 정렬 등을 설정하는 코드입니다. 보통 화면 중앙에 단순한 메시지를 표시할 때 자주 사용됩니다.

 

2. 여러 줄의 텍스트 표시하기

 

UILabel의 numberOfLines 속성을 통해 텍스트의 줄 수를 제한할 수 있습니다. 예를 들어, 긴 텍스트를 표시할 때 특정 줄까지만 표시하거나, 전체 텍스트를 모두 표시하도록 할 수 있습니다.

 

label.text = "This is a very long text that spans multiple lines."

label.numberOfLines = 0 // 줄 수를 제한하지 않음 (모든 텍스트 표시)

 

여기서 numberOfLines를 0으로 설정하면, 레이블의 크기 안에서 최대한 많은 줄을 사용해 텍스트를 표시합니다.

 

3. 동적 텍스트 크기 조정

 

사용자가 iOS 설정에서 텍스트 크기를 조절할 경우 UILabel이 그에 맞게 크기를 변경하도록 설정할 수 있습니다. adjustsFontSizeToFitWidth 속성을 사용하여, 텍스트가 레이블에 맞게 자동으로 줄어들게 할 수 있습니다.

 

label.adjustsFontSizeToFitWidth = true

label.minimumScaleFactor = 0.5 // 최소 스케일 (50% 크기까지 줄어들 수 있음)

 

이 설정을 사용하면 레이블의 폭을 초과할 경우 폰트 크기가 자동으로 줄어들어, 텍스트를 한 줄에 모두 맞출 수 있습니다.

 

4. 레이블에 텍스트 스타일 적용하기

 

NSAttributedString을 사용하여 텍스트에 다양한 스타일을 적용할 수 있습니다. 예를 들어, 일부 텍스트는 볼드체로, 다른 텍스트는 다른 색상으로 표시할 수 있습니다.

 

let attributedString = NSMutableAttributedString(string: "Hello, iOS Developer!")

attributedString.addAttribute(.foregroundColor, value: UIColor.red, range: NSRange(location: 0, length: 5))

attributedString.addAttribute(.font, value: UIFont.boldSystemFont(ofSize: 18), range: NSRange(location: 7, length: 3))

 

label.attributedText = attributedString

 

이 코드는 "Hello" 부분을 빨간색으로, "iOS" 부분을 볼드체로 표시합니다. NSAttributedString을 사용하면 텍스트의 특정 부분에 스타일을 적용하기 쉽습니다.

 

5. 라인 간격 조절하기

 

텍스트의 줄 간격을 조절하고 싶다면 NSMutableParagraphStyle을 사용하면 됩니다.

 

let paragraphStyle = NSMutableParagraphStyle()

paragraphStyle.lineSpacing = 10 // 줄 간격 설정

 

let attributedString = NSAttributedString(

    string: "Here is some text with custom line spacing.",

    attributes: [NSAttributedString.Key.paragraphStyle: paragraphStyle]

)

 

label.attributedText = attributedString

label.numberOfLines = 0 // 여러 줄 표시 가능하게 설정

 

이 설정을 통해 여러 줄 텍스트를 더 보기 좋게 표시할 수 있습니다

 

6. 자동 레이아웃을 이용한 레이블 배치

 

마지막으로, 레이블을 화면에 배치하기 위해 자동 레이아웃을 사용할 수 있습니다. 예를 들어, 화면 중앙에 레이블을 배치하려면 다음과 같이 설정할 수 있습니다.

 

label.translatesAutoresizingMaskIntoConstraints = false

view.addSubview(label)

 

NSLayoutConstraint.activate([

    label.centerXAnchor.constraint(equalTo: view.centerXAnchor),

    label.centerYAnchor.constraint(equalTo: view.centerYAnchor)

])

 

이렇게 하면 레이블이 부모 뷰의 정중앙에 배치됩니다. 자동 레이아웃은 다양한 화면 크기에서 UI 요소의 위치와 크기를 조정하는 데 매우 유용합니다.

 

이와 같은 기본 예제들을 익히면 UILabel을 효과적으로 활용하여 다양한 텍스트 표시를 구현할 수 있습니다.

 

 

iOS 공부할 때 참고하는 사이트 :

https://developer.apple.com/

Apple Developer

 

소스 출처 :

• Do it! 스위프트로 아이폰 앱 만들기 입문, 송호정, 이범근 저,이지스퍼블리싱, 2023년 01월 20일
• https://www.yes24.com/Product/Goods/116918114
• https://github.com/doitswift/example

----------------------------------------
02 Hello World 앱 만들며 Xcode에 완벽 적응하기
03 원하는 이미지 화면에 출력하기 - 이미지 뷰
04 데이트 피커 사용해 날짜 선택하기
05 피커 뷰 사용해 원하는 항목 선택하기
06 얼럿 사용해 경고 표시하기
07 웹 뷰로 간단한 웹 브라우저 만들기
08 맵 뷰로 지도 나타내기
09 페이지 이동하기 - 페이지 컨트롤
10 탭 바 컨트롤러 이용해 여러 개의 뷰 넣기
11 내비게이션 컨트롤러 이용해 화면 전환하기
12 테이블 뷰 컨트롤러 이용해 할 일 목록 만들기
13 음악 재생하고 녹음하기
14 비디오 재생 앱 만들기
15 카메라와 포토 라이브러리에서 미디어 가져오기
16 코어 그래픽스로 화면에 그림 그리기
17 탭과 터치 사용해 스케치 앱 만들기
18 스와이프 제스처 사용하기
19 핀치 제스처 사용해 사진을 확대/축소하기