כדי ליצור חוויית משתמש אינטראקטיבית ומעניינת יותר באפליקציה, אפשר לטעון קובץ drawable כדי להציג תמונות מונפשות. תמונות מונפשות שימושיות ליצירת אינדיקטורים של טעינה, אינדיקטורים של הצלחה או שגיאה, לצורך פיתוח משחקים ולפונקציות אחרות בממשק המשתמש.
תאימות גרסאות
כדי להטמיע את הקוד הזה, צריך להגדיר את 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
מופסקת.
תוצאות
![שעון חול עם אנימציה של התוכן שלו ועם סיבוב](https://developer.android.google.cn/static/develop/ui/compose/images/animations/avd_example_compose.gif?hl=he)
אוספים שמכילים את המדריך הזה
המדריך הזה הוא חלק מהאוספים הבאים של מדריכים מהירים, שמכסים יעדים רחבים יותר לפיתוח Android:
![](https://developer.android.google.cn/static/images/quick-guides/collection-illustration.png?hl=he)
הצגת תמונות
כאן מוסבר איך להשתמש בתמונות ובסרטונים בהירים ומעניינים כדי ליצור מראה מעוצב ויפה לאפליקציה ל-Android.
יש לכם שאלות או משוב
אתם יכולים להיכנס לדף השאלות הנפוצות שלנו ולקרוא מדריכים מהירים, או ליצור איתנו קשר ולספר לנו מה דעתכם.