(swift)label width 제한, 폰트 사이즈 조절, 화면 가운데로 가져오기

Label

기본적으로 Swift에서 Label은 viewController에서 @IBOutlet var someLabel: UILabel! 과 같은 형식으로 적고 스토리보드에 연결시켜 사용할 수 있다.

 

오늘은 이중에서도 label width를 화면 크기에 맞추어 제한 주기, label 폰트 사이즈(label font size) 조절 및 Label을 화면 가운데로 가져오는 법에 대해 알아볼 것이다.

 

화면 크기에 맞추어 label width 제한 주기(maxLayoutWidth)

UI를 짜다 보면 레이블을 화면 너비 기준으로 크기 제한을 주고 싶은 경우가 많이 생긴다.

이를 구현하는 방법은 간단하다. 다음과 같이 써줌으로써 화면의 너비를 구하고, maxLayoutWidth를 설정해주는 것이다.

 

let bounds = UIScreen.main.bounds
let width = bounds.width
charactersUILabel.preferredMaxLayoutWidth = width - 90

 

 

 

 

 

Label Font Size 레이블 폰트 사이즈 조절.

이것 또한 꽤나 간단하다. 스토리 보드에서 하는 방법도 있겠지만 코드 한 줄이면 된다.

다음의 예제는 총 5개의 레이블을 각각 굵게, 이탤릭체, 폰트사이즈 30, 50, 100 으로 설정한 것이다.

overide func viewDidLoad {
...

label_first.font = UIFont.boldSystemFont(ofSize: UIFont.labelFontSize)
label_second.font = UIFont.italicSystemFont(ofSize: UIFont.labelFontSize)
label_third.font = UIFont.systemFont(ofSize:30)
label_fourth.font = UIFont.systemFont(ofSize:50)
label_fifth.font = UIFont.systemFont(ofSize: 100)

  ...

 

결과:

 

 

 

 

Label 화면 가운데로 가져오기

Label을 화면 가운데로 가져온다는 것은 x축의 관점과 y축의 관점에서 따로 하나씩 설정해야 한다.

아래 예제 코드는 화면 가운데에 label을 위치시키는 코드이다.

// storyboard 상에서 label이 가운데 정렬돼 있다고 가정한다.

// for x and y:

titleUILabel.center = self.view.center
// for x: 

titleUILabel.center.x = self.view.center.x

// for y: 

titleUILabel.center.y = self.view.center.y

 

 

 

 

ref - https://calmone.tistory.com/entry/iOS-UIKit-in-Swift-4-%ED%85%8D%EC%8A%A4%ED%8A%B8%EC%97%90-%ED%8F%B0%ED%8A%B8-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0-Display-characters-with-UIFont