نمایش یک تصویر متحرک

می توانید با بارگذاری یک فایل قابل ترسیم برای نمایش تصاویر متحرک، تجربه کاربری تعاملی و جذاب تری را در برنامه خود ایجاد کنید. تصاویر متحرک برای ایجاد نشانگرهای بارگیری، نشانگرهای موفقیت یا خطا، تسهیل توسعه بازی و سایر عملکردهای رابط کاربری مفید هستند.

سازگاری نسخه

این پیاده سازی مستلزم آن است که minSDK پروژه شما روی سطح API 21 یا بالاتر تنظیم شود.

وابستگی ها

نمایش یک تصویر متحرک

کد زیر یک بردار متحرک را نشان می دهد که به طور خودکار بین دو حالت جابجا می شود:

@Composable
fun AnimatedVectorDrawable() {
    val image = AnimatedImageVector.animatedVectorResource(R.drawable.ic_hourglass_animated)
    var atEnd by remember { mutableStateOf(false) }
    Image(
        painter = rememberAnimatedVectorPainter(image, atEnd),
        contentDescription = "Timer",
        modifier = Modifier.clickable {
            atEnd = !atEnd
        },
        contentScale = ContentScale.Crop
    )
}

نکات کلیدی در مورد کد

  • یک منبع برداری را بارگذاری می کند و ویژگی های طراحی را در طول زمان متحرک می کند.
  • یک نمونه Image که از یک نمونه Painter برای اجرای انیمیشن استفاده می کند که از حالت AnimatedImageVector و حالت boolean توسط تابع rememberAnimatedVectorPainter() ایجاد شده است.
  • وقتی atEnd true باشد، نمونه Painter متحرک سازی را متوقف می کند.

نتایج

ساعت شنی محتویات خود را متحرک می کند و می چرخد
شکل 1. بردار متحرک قابل ترسیم در Compose.

مجموعه هایی که حاوی این راهنما هستند

این راهنما بخشی از مجموعه‌های راهنمای Quick Guide است که اهداف توسعه Android گسترده‌تری را پوشش می‌دهد:

تکنیک هایی را برای استفاده از تصاویر روشن و جذاب کشف کنید تا به برنامه اندروید خود ظاهر و احساس زیبایی ببخشید.

سوال یا بازخورد داشته باشید

به صفحه سوالات متداول ما بروید و درباره راهنماهای سریع بیاموزید یا با ما تماس بگیرید و نظرات خود را با ما در میان بگذارید.