[Swift5]UILabel 기본 사용법-1, 글자 적용하기(+영상설명)

.

UI에서 가장 기초적이면서

많이 쓰이는 UILabel의 기본적인 사용법과 원하는 글자를 적용하는 법을 배워보겠습니다.

.

.

.

.

.

가장 먼저 기본적인 프로젝트를 하나 만들어줍니다,

.

.

 

.

.

그 다음에는 우측 상단에 동그라미가 2개 있는 것으로

창을 좌우로 2개를 볼수 있게 해주시는게 편합니다.

맥북에서는 화면이 좀 작을수도 있지만

일단 이렇게 하시는게 편할겁니다.

우측은 viewcintroller를 띄어줍니다.

.

.

.

.

 

.

.

그리고 좌우창을 두고

좌측 창에는 Main.storyboard를 눌러서 띄어주고

우측 상단에 빨간상자로 표시한 것을 누르고

Label를 찾아 드래그앤 드롭으로

view에 원하는 위치에 넣어줍니다.

.

.

.

 

.

.

.

저는 중앙쯤에 위치시키고

글자는 중앙정렬, 폰트크기는 50으로 했습니다.

이것은 본인이 원하는 대로 하면 됩니다

.

.

.

.

 

.

그리고 어떤 기기에서도 비슷한 위치로 정해주기 위한 작업을 합니다.

이것은 추후 글을 올리겠습니다.

이것은 창을 2개 보여주는 것이 아닌 1개를 보여주는 것을 선택하시고

(우측 상단에 제가 선택한 것)

.

view에서 우측하단에서3번째 것을 누르면 이와 같은 창이 나옵니다.

일단 어떤 화면에서도 위와 간격 100으로 해주고

constraints를 추가해줍니다.

.

만약 글자를 많이 넣는 다면 글자를 작게 하면서

이옵션에서 width값을 크게 설정하시면 됩니다.

.

.

.

.

그리고 좌우 중앙을 맞추기 위해서

우측하단에 2번째 것을 눌러서

사진과 같이 해주고 constraints를 추가해줍니다.

.

.

 

.

.

우측상단에 동그라미2개있는 것을 누르고

다시 창을 2개를 띄우고 view에 있는 생성한  label을 누르고

드래그앤 드롭으로 우측 viewcontroller에 드롭하면

사진과 같은 창이 나와서 변수명을 정해주면됩니다.

.

.

.

 

저는 labelName1로 하겠습니다.

 

.

.

그러면 드롭한 곳에 이렇게 생성이 됩니다.

.

.

 

 

이제 이 Label에 글자를 넣어줄겁니다.

viewDidLoad()안에

사진처럼 

labelName1.text = "녹차맛고양이"

(UILabel.text = "원하는 글")

를 써주고 실행하시면 이렇게 원하는 글자가 들어옵니다.

 

 

.

.

.

그리고 이번에는 String을 띄어주는 법을 알아보겠습니다.

똑같이 Label을 하나 더 만들어 줍니다.

.

.

.

 

.

.

.

아까 처엄 드래그앤 드롭으로 추가해주시고

let engName: String = "GreenTeaCa"

(String을 넣고 뒤에 그냥 글자를 넣어서 GreenTeaCat으로 띄울겁니다.)

Label에 넣어줄  String을 하나 만듭니다.

 

그리고 사진 처럼 

labelName2.text = engName as String + "t"

를 써줍니다.

.

.

.

 

 

 

 

그러면 이렇게 제대로 화면에 표시가 됩니다.

 

.

.

.

만약 뒤에 글자가 일부 ...으로 보인다면

아까 정렬했던 것에서 우측하단에 3번째 것을 눌러 width를 더 길게 조정해줍니다.

.

.

.

사진으로 알기 힘든 부분이 있을거 같아서 영상으로도 올려둡니다.

전체 코드문

 

import UIKit

 

class ViewController: UIViewController {

 

    @IBOutlet weak var labelName1: UILabel!

    @IBOutlet weak var labelName2: UILabel!

    let engName: String = "GreenTeaCa"

    

    override func viewDidLoad() {

        super.viewDidLoad()

        

        labelName1.text = "녹차맛고양이"

        labelName2.text = engName as String + "t"

    }

 

 

}