Compose Preview | Jetpack Compose Tips

PARIS HSU: Hey, Compose enthusiasts, let's talk about Compose Previews, the delightful tool in Android Studio that enables making and testing UI code changes live without relying or waiting for full builds.

PARIS HSU: E aí, entusiastas do Compose, vamos falar sobre Compose Previews, a ferramenta incrível no Android Studio que permite fazer e testar mudanças de código de UI ao vivo sem depender ou esperar builds completas.

Today, I've got a few delightful tips up my sleeves that will transform your preview game and make sure you're getting the most out of them.

Hoje, tenho algumas dicas incríveis na manga que vão transformar seu jogo de previews e garantir que você esteja aproveitando ao máximo.

[MUSIC PLAYING]

[MÚSICA TOCANDO]

Let's kick things off with the different modes baked right into Compose Previews in Studio.

Vamos começar com os diferentes modos embutidos direto nos Compose Previews no Studio.

You can find them by clicking on the Menu icon ...

Você pode encontrá-los clicando no ícone de Menu...

right next to each preview title. First up, Interactive Mode-- you can actually click buttons, type in text fields, and see your Composable react in real-time in the Preview window.

ao lado de cada título de preview. Primeiro, Modo Interativo -- você pode clicar botões, digitar em campos de texto e ver seu Composable reagir em tempo real na janela de Preview.

No more deploying just to see if that clickable is set properly.

Não é mais preciso fazer deploy só para ver se aquele clicável está definido corretamente.

Next, Animation Preview. If you have some slick animations in your UI, instead of replaying them on a device over and over, you can scroll through them, loop, and inspect every single frame.

Depois, Preview de Animação. Se você tem animações legais na sua UI, em vez de reproduzi-las no dispositivo várias vezes, pode rolar por elas, fazer loop e inspecionar cada frame.