Upgrade to Pro — share decks privately, control downloads, hide ads and more …

AndroidアプリでLine Heightを
設定するときに注意したいこと / Things...

AndroidアプリでLine Heightを
設定するときに注意したいこと / Things to keep in mind when setting Line Height in your Android app

[Online] potatotips #74 iOS/Android開発Tips共有会
https://potatotips.connpass.com/event/214754/

rockname

June 23, 2021
Tweet

More Decks by rockname

Other Decks in Programming

Transcript

  1. mixi, Inc. Ԥจ/࿨จʹΑͬͯҟͳΔ࢓༷ʹର͢ΔΈͯͶͰͷରԠ • ΈͯͶͰ͸σβΠϯπʔϧʹFigmaΛ࠾༻͍ͯͯ͠σβΠϯγεςϜͷҰ෦ͱͯ͠ TypographyΛఆٛͯ͠؅ཧ͍ͯ͠Δ • ͦ͜Ͱ͸Roboto΍Noto Sans CJKͷΑ͏ͳϑΥϯτ͝ͱʹίϯϙʔωϯτΛఆ͍ٛͯ͠Δ

    • AndroidͷLine Height͕Ԥจ/࿨จͰҟͳΔ݅ʹ͍ͭͯ͸ɺ֤Typographyʹ͓͚Δ೔ຊޠͷ σϑΥϧτͷLine HeightΛௐࠪͯ͠FigmaͷରԠίϯϙʔωϯτʹ൓өͯ͠΋Β͍ͬͯΔ • iOSͷϑΥϯταΠζ͕Ԥจ/࿨จͰҟͳΔ݅ʹ͍ͭͯ͸ɺ֤Typographyʹ͓͚Δ೔ຊޠͷ ϑΥϯταΠζΛௐࠪͯ͠FigmaͷରԠίϯϙʔωϯτʹ൓өͯ͠΋Β͍ͬͯΔ
  2. mixi, Inc. ·ͱΊ • android:lineSpacingExtra ͸ҙਤͨ͠ݟͨ໨ʹͳΒͳ͍ͨΊ࢖Θͳ͍ํ͕ྑ͍ • api level 28Ͱ͸͋Δ͕୅ΘΓʹ

    android:lineHeight Λ࢖༻ͨ͠ํ͕ྑ͍ • ೔ຊޠͩͱઃఆͨ͠Line HeightΑΓେ͖Ίʹߦ͕ؒඳը͞ΕΔͨΊɺ
 ͦͷ࢓༷ΛσβΠφʹڞ༗͓͚ͯ͠Δͱྑ͍