하루에 0.01%라도 성장하자

Develop/Android

Android - line Height 계산법 ( lineSpacingExtra, lineSpacingMultiplier

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

이번에 앱개발을 하면서 제공받은 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

 

반응형