Styling text in Compose

Channel:
Android Developers
Subscribers:
1,350,000
Published on ● Video Link: https://www.youtube.com/watch?v=_qls2CEAbxI


Duration: 9:53
11,241 views
335

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



Other Videos By Android Developers


2022-10-25From Views to Compose: Where can I start?
2022-10-25Type safe, multi-module best practices with Navigation Compose
2022-10-25Test at scale with Gradle managed devices
2022-10-25Material You in Compose apps
2022-10-25Practical room migrations
2022-10-25Where to hoist that state in Compose?
2022-10-24Top 3 picks from the Modern Android Development track at ADS ‘22
2022-10-24Android Dev Summit '22: Keynote & Modern Android Development Track Livestream
2022-10-24Android Developer Story: ZEPETO plans to migrate 80% of the app’s UI to Jetpack Compose
2022-10-24Address Firebase Crashlytics reports faster from Android Studio
2022-10-24Styling text in Compose
2022-10-24Building a scalable, modularized, testable app from scratch
2022-10-24Create offline-first apps
2022-10-24Android Dev Story: Lyft reduced their code for UI components by as much as 60% using Jetpack Compose
2022-10-24Android Developer Story: Strava sees 30% more daily active users by expanding to Wear OS
2022-10-24Reimagining designer-developer handoff: Introducing Relay
2022-10-24Write your first Compose UI test
2022-10-24Accurately measure app performance with profileable builds
2022-10-24Collecting flows in a lifecycle-aware manner
2022-10-245 quick animations to make your Compose app stand out
2022-10-24By layer or feature? Why not both?! Guide to Android app modularization


Tags:
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