IOS) AutoShrink에 대해서 알아보자!

안녕하세요!! 후르륵짭잡 입니다.

이번에는 AutoShrink 에 대해서 알아보려고 합니다.

이번에는 처음으로 스토리 보드로 하는 것을 알려드릴려고 합니다.

위에서 영상을 보는 것과 같이 라벨의 크기를 줄이면 작아졌다가 최대한으로 커지는 것을 확인 할 수 있습니다.

즉 어느 정도 까지는 고정 되어 있지 않음을 확인 할 수 있습니다.

이렇게 구현이 될 수 있었던 이유는 바로 AutoShrink 덕분 입니다.

 

이렇게 보면 노란색 부분이 제가 오늘 설명할 부분 입니다.

Font는 기본적으로 알 듯이 그냥 라벨의 크기 입니다.

이 라벨의 크기는 우리가 지정 할 수가 있죠.

하지만 다양한 디바이스에서 오직 저 크기만 적용 된다는 단점이 있습니다.

그래서 필요한 것이 AutoShrink 입니다.

 

AutoShrink는 라벨의 최소 크기를 지정 해 줄 수 있습니다.

동적으로 라벨의 크기가 변화할 때 최소 이 폰트 크기는 유지해야하고 최대 크기가 바로 Font 가 되는 겁니다.

그래서 폰트의 크기는 가로의 길이에 따라서 동적으로 변화하게 됩니다. 

 

예를 들어 leading = 20 , trealing = 20 으로 주었다면 

IPHONE SE에서는 굉장히 작은데, IPAD에서는 가로 길이가 엄청 커지게 되죠.

그래서 FONT의 크기도 동적으로 변화할 필요가 있을 겁니다.

AutoShrink를 이용한 크기 변화

 

이렇게 하면 다양한 디바이스에 라벨을 크기를 동적으로 바꿔 줄 수 있겠죠?? 

어렵지 않습니다. 스토리 보드로 하니깐요!

 

참고로!!!

BaseLine은 라벨을 어느 위치에 놓을 것이냐를 설정하는 겁니다.

Center = 중앙 // None = 위 // baseline = 가장 밑 바닥

또한 

가로의 크기에 따라 Font가 달라지니, 높이도 달라져야 겠죠?

그럴 때 라벨의 높이를 view의 높이와 동일하게 하고 Multiplier를 알맞게 변경해주면 됩니다!!

 

모두모두 즐코 하세욧!!!