하루에 0.01%라도 성장하자

Develop/Android

Android - line Height 계산법 ( lineSpacingExtra, lineSpacingMultiplier

뚠님 2019. 12. 20. 17:53
728x90
반응형

이번에 앱개발을 하면서 제공받은 zeplin에 lineHeight 값을 넣어야 하는 상황이었다.

 

음..안드로이드의 경우 lineHeight라는 옵션은 API 레벨 28 이상에서만 사용할 수 있는 옵션인데, 아직은 API 27 이하의 앱이 많기 때문에 lineHeight 보다는 lineSpacingExtra나 lineSpacingMultiplier 옵션을 사용한다.

 

그런데 문제는! 이 옵션이 zeplin에서 보여주는 lineHeight 수치를 그대로 넣으면 안된다는 것이다.!

( 나도 이번에 알았다 .. )

 

역시나 구글링을 통해서 알게됬고 해당 방식대로 적용해본 결과 zeplin에서 보여주는 UI를 만들 수 있었다.

 

출처 - 아래 stack overflow URL

 

즉 lineHeight 값이 19이고 textSize가 15이면 우리가 설정해주어야 하는 lineSpacingExtra 는 19 - 15 = 4가 되는 것이다. ( 단위는 sp )

 

출처 - 아래 stack overflow URL

 

만약 사용하고 있는 layout이 lineSpacingMultiplier를 사용한다면 위와 같이 계산하면 된다고 친절하게 작성했다.

 

 

[ 참고 사이트 ] 

 

https://stackoverflow.com/questions/37754299/how-to-properly-set-line-height-for-android

 

How to properly set line height for Android?

I am a UX architect working with a team of Android developers that are mostly junior. We are having issues properly setting line height in Android. We are using the Material Design spec as our gu...

stackoverflow.com

 

728x90
반응형