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.

مرحباً بعشاق Compose، لنتحدث عن معاينات Compose، الأداة الرائعة في Android Studio التي تمكنك من إجراء واختبار تغييرات كود واجهة المستخدم مباشرة دون الاعتماد على بناء كامل للتطبيق.

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.

اليوم لدي بعض النصائح الرائعة التي ستحسن تجربة المعاينة لديك وتتأكد من أنك تحقق أقصى استفادة منها.

[MUSIC PLAYING]

[موسيقى]

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

لنبدأ بالأوضاع المختلفة المدمجة في معاينات Compose في Android Studio.

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

يمكنك إيجادها بالنقر على أيقونة القائمة...

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.

بجانب كل عنوان معاينة. أولاً الوضع التفاعلي -- يمكنك فعلاً النقر على الأزرار والكتابة في حقول النص ورؤية عنصر Composable يستجيب في الوقت الفعلي في نافذة المعاينة.

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

لا حاجة بعد الآن للنشر فقط لترى إن كان العنصر القابل للنقر مضبوطاً بشكل صحيح.

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.

التالي معاينة الرسوم المتحركة. إذا كانت لديك رسوم متحركة أنيقة في واجهتك، بدلاً من تشغيلها على جهاز مراراً، يمكنك التمرير خلالها وتكرارها وفحص كل إطار.