הגדרת אנימציות מותאמות אישית
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
הדף הזה הוצא משימוש. בהמשך מופיע המיקום החדש של המסמכים שהיו כאן.
התאמה אישית של משוב מגע
משוב מגע בעיצוב Material מספק אישור חזותי מיידי בנקודת המגע כשמשתמשים מקיימים אינטראקציה עם רכיבי ממשק המשתמש. אנימציות ברירת המחדל של משוב למגע בלחצנים משתמשות במחלקה החדשה RippleDrawable
, שיוצרת מעבר בין מצבים שונים עם אפקט אדווה.
ברוב המקרים, כדאי להחיל את הפונקציונליות הזו ב-XML של התצוגה על ידי הגדרת הרקע של התצוגה באופן הבא:
-
?android:attr/selectableItemBackground
לשינוי שמתפשט.
-
?android:attr/selectableItemBackgroundBorderless
כדי ליצור גל שמתרחב מעבר לתצוגה. הוא יתבסס על התצוגה הקרובה ביותר עם רקע שאינו null ויגביל אותה.
הערה: selectableItemBackgroundBorderless
הוא מאפיין חדש שהוצג ברמת API 21.
לחלופין, אפשר להגדיר RippleDrawable
כמשאב XML באמצעות רכיב ripple
.
אפשר להקצות צבע לאובייקטים של RippleDrawable
. כדי לשנות את צבע ברירת המחדל של המשוב למגע, משתמשים במאפיין android:colorControlHighlight
של העיצוב.
מידע נוסף זמין במאמר בנושא הפניה ל-API של המחלקה RippleDrawable
.
שימוש באפקט החשיפה
איך יוצרים אנימציה של חשיפה מעגלית
התאמה אישית של מעברים בין פעילויות
איך מתחילים פעילות עם אנימציה
שימוש בתנועה מעוקלת
איך משתמשים בתנועה מעגלית
הנפשת שינויים במצב התצוגה
אפשר לעיין במאמר בנושא שימוש ב-StateListAnimator כדי להנפיש שינויים במצב התצוגה.
הנפשה של פריטים גרפיים וקטוריים שניתן לשרטוט
מידע נוסף מופיע במאמר בנושא הנפשת גרפיקה מסוג Drawable.
דוגמאות התוכן והקוד שבדף הזה כפופות לרישיונות המפורטים בקטע רישיון לתוכן. Java ו-OpenJDK הם סימנים מסחריים או סימנים מסחריים רשומים של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2025-07-27 (שעון UTC).
[[["התוכן קל להבנה","easyToUnderstand","thumb-up"],["התוכן עזר לי לפתור בעיה","solvedMyProblem","thumb-up"],["סיבה אחרת","otherUp","thumb-up"]],[["חסרים לי מידע או פרטים","missingTheInformationINeed","thumb-down"],["התוכן מורכב מדי או עם יותר מדי שלבים","tooComplicatedTooManySteps","thumb-down"],["התוכן לא עדכני","outOfDate","thumb-down"],["בעיה בתרגום","translationIssue","thumb-down"],["בעיה בדוגמאות/בקוד","samplesCodeIssue","thumb-down"],["סיבה אחרת","otherDown","thumb-down"]],["עדכון אחרון: 2025-07-27 (שעון UTC)."],[],[],null,["# Defining Custom Animations\n\n**This page is deprecated.** See below for the new location for\ndocumentation that used to be here.\n\nCustomize Touch Feedback\n------------------------\n\nTouch feedback in material design provides an instantaneous visual confirmation at the\npoint of contact when users interact with UI elements. The default touch feedback animations\nfor buttons use the new [RippleDrawable](/reference/android/graphics/drawable/RippleDrawable) class, which transitions\nbetween different states with a ripple effect.\n\nIn most cases, you should apply this functionality in your view XML by specifying the view\nbackground as:\n\n- `?android:attr/selectableItemBackground` for a bounded ripple.\n- `?android:attr/selectableItemBackgroundBorderless` for a ripple that extends beyond the view. It will be drawn upon, and bounded by, the nearest parent of the view with a non-null background.\n\n**Note:** `selectableItemBackgroundBorderless` is a new\nattribute introduced in API level 21.\n\nAlternatively, you can define a [RippleDrawable](/reference/android/graphics/drawable/RippleDrawable)\nas an XML resource using the `ripple` element.\n\nYou can assign a color to [RippleDrawable](/reference/android/graphics/drawable/RippleDrawable) objects. To change\nthe default touch feedback color, use the theme's `android:colorControlHighlight`\nattribute.\n\nFor more information, see the API reference for the [RippleDrawable](/reference/android/graphics/drawable/RippleDrawable) class.\n\nUse the Reveal Effect\n---------------------\n\nSee [Create a circular reveal animation](/training/animation/reveal-or-hide-view#Reveal).\n\n\nCustomize Activity Transitions\n------------------------------\n\nSee [Start an Activity with an Animation](/training/transitions/start-activity).\n\nUse Curved Motion\n-----------------\n\nSee [Use curved motion](/training/animation/reposition-view#CurvedMotion).\n\nAnimate View State Changes\n--------------------------\n\nSee [Using StateListAnimator to\nanimate view state changes](/guide/topics/graphics/prop-animation#ViewState).\n\nAnimate Vector Drawables\n------------------------\n\nSee [Animate Drawable Graphics](/guide/topics/graphics/drawable-animation)."]]