Styling text in Compose

Text styling can give your app character. In this talk, we use Jetchat to learn how to use Material APIs to configure typography, including using downloadable fonts and variable fonts. We’ll then customize our chat bubble so it collapses depending on how long the message is. We’ll end by styling the message box: giving it a gradient border, a cursor that changes color as you type, and a fully custom decorated box.

Chapters:
00:00 - Intro
00:43 - Text Typography block and Text parameters
02:00 - Material implementation
03:09 - onTextLayout() API
04:10 - Downloadable fonts
05:19 - Variable Fonts
06:07 - AnnotatedString
06:48 - Styling TextField
07:46 - Styling BasicTextField
09:08 - Outro

Resources:
Text in Compose → https://goo.gle/compose-text
Compose samples → https://goo.gle/compose-jetchat

Speaker: Alejandra Stamato

Watch more:
Watch all the Android Dev Summit sessions → https://goo.gle/ADS-All
Watch all the Modern Android Development track sessions → https://goo.gle/ADS-MAD

Subscribe to Android Developers → https://goo.gle/AndroidDevs

#Featured #AndroidDevSummit #Compose

• #science_technology
• #text_styling
• #jetchat
• #material_apis
• #configure_typography
• #downloadable_fonts
• #variable_fonts
• #customizing_chat_bubble
• #custom_decorated_text_box
• #android_dev_summit
• #android_developers_summit
• #android_dev_summit_2022
• #ads
• #ads_22
• #ads_22
• #ads_2022
• #developers_summit
• #dev_summit
• #android_developer
• #android_developers
• #android_dev
• #android_devs
• #android_announcements
• #android_announcement
• #app_developer
• #developer
• #application_developer