موارد إضافية للصور المتحركة
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
تجربة طريقة ComposeAllowed
Jetpack Compose هي مجموعة أدوات واجهة المستخدم التي ننصح بها لنظام التشغيل Android. تعرَّف على كيفية استخدام "الصور المتحركة" في Compose.
لمزيد من المعلومات حول الرسوم المتحركة، يُرجى الاطّلاع على الموارد التالية.
الفيديوهات الطويلة
العيّنات
هناك العديد من العيّنات المتوفّرة في مستودع نماذج Android Animations في GitHub
والتي توضّح تقنيات معيّنة للصور المتحركة. يوجد عدد من المشروعات النموذجية المنفصلة داخل هذا المستودع:
مشروع |
الوصف |
ActivitySceneTransitionBasic
|
يعرض كيفية استخدام انتقالات العناصر المشتركة
من Activity إلى
آخر. |
نقل أساسي
|
توضح كيفية استخدام مكتبة "الانتقالات"
لإنشاء انتقالات سلسة بين حالات واجهة المستخدم. |
نقل مخصّص
|
تعرض كيفية إنشاء انتقالات
مخصصة باستخدام مكتبة الانتقالات. |
DrawableAnimations
|
توضح كيفية إنشاء عناصر
متجهية متحركة للرسم. |
GridToPager
|
يعرض كيفية إنشاء انتقالات العناصر المشتركة من RecyclerView إلى ViewPager والرجوع مرة أخرى. |
أداة الإدخال
|
يعرض كيف تؤثر التطبيقات المختلفة المختلفة
في ديناميكيات الرسوم المتحركة لديك. |
الحركة
|
توضح كيفية تنفيذ أنواع مختلفة
من Material Design
Motion للتخطيط والقوائم والتنقل. |
الكتابة المتحركة
|
يعرض كيفية تنفيذ أنواع مختلفة
من Material Design Motion في Jetpack Compose. |
شوارعنا
|
يعرض انتقالات العناصر المشتركة
في جميع أنحاء التطبيق. |
RevealEffectBasic
|
توضح كيفية تنفيذ تأثير
الكشف الدائري. |
إلغاء البداية |
مثال على الرمز من مؤتمر Google I/O لعام 2016 عن نافذة إلى الانتقالات |
يخضع كل من المحتوى وعيّنات التعليمات البرمجية في هذه الصفحة للتراخيص الموضحّة في ترخيص استخدام المحتوى. إنّ Java وOpenJDK هما علامتان تجاريتان مسجَّلتان لشركة Oracle و/أو الشركات التابعة لها.
تاريخ التعديل الأخير: 2025-07-27 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","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 (حسب التوقيت العالمي المتفَّق عليه)"],[],[],null,["# Additional resources for animation\n\nTry the Compose way \nJetpack Compose is the recommended UI toolkit for Android. Learn how to use Animations in Compose. \n[Animations in Compose →](/jetpack/compose/animation) \n\n\u003cbr /\u003e\n\nFor more information about animation, consult the following resources.\n\nVideos\n------\n\n- [Five quick animations to make your Compose app stand out](https://www.youtube.com/watch?v=0mfCbXrYBPE)\n- [Jetpack Compose: Animation](https://www.youtube.com/watch?v=7yY2OocGiQU)\n- [Motion Layout (MAD Skills playlist)](https://www.youtube.com/playlist?list=PLWz5rJ2EKKc_PEOEHNBEyy6tPX1EgtUw2)\n- [Motional intelligence: Build smarter animations (Google I/O '19)](https://www.youtube.com/watch?v=f3Lm8iOr4mE)\n- [Get animated (Android Dev Summit '18)](https://www.youtube.com/watch?v=N_x7SV3I3P0)\n- [A window into transitions - Google I/O '16](https://www.youtube.com/watch?v=4L4fLrWDvAU)\n\nSamples\n-------\n\nThere are many code samples available in the [Android Animation samples GitHub\nrepository](https://github.com/android/animation-samples)\nthat demonstrate specific animation techniques. There are\na number of separate sample projects within this repository:\n\n| Project | Description |\n|---------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------------------------|\n| [ActivitySceneTransitionBasic](https://github.com/android/animation-samples/tree/main/ActivitySceneTransitionBasic) | Shows how to use shared element transitions from one `Activity` to another. |\n| [BasicTransition](https://github.com/android/animation-samples/tree/main/BasicTransition) | Shows how to use the Transitions library to create smooth transitions between UI states. |\n| [CustomTransition](https://github.com/android/animation-samples/tree/main/CustomTransition) | Shows how to create custom transitions using the Transitions library. |\n| [DrawableAnimations](https://github.com/android/animation-samples/tree/main/DrawableAnimations) | Shows how to create animated vector drawables. |\n| [GridToPager](https://github.com/android/animation-samples/tree/main/GridToPager) | Shows how to create shared element transitions from a `RecyclerView` to a `ViewPager` and back again. |\n| [Interpolator](https://github.com/android/animation-samples/tree/main/Interpolator) | Shows how different interpolators affect the dynamics of your animations. |\n| [Motion](https://github.com/android/animation-samples/tree/main/Motion) | Shows how to implement various types of Material Design Motion for layouts, lists, and navigation. |\n| [MotionCompose](https://github.com/android/animation-samples/tree/main/MotionCompose) | Shows how to implement various different types of Material Design Motion for Jetpack Compose. |\n| [OurStreets](https://github.com/android/animation-samples/tree/main/OurStreets) | Showcases shared element transitions throughout the app. |\n| [RevealEffectBasic](https://github.com/android/animation-samples/tree/main/RevealEffectBasic) | Shows how to implement the circular reveal effect. |\n| [Unsplash](https://github.com/android/animation-samples/tree/main/Unsplash) | The example code from the Google I/O '16 talk [A window into transitions](https://www.youtube.com/watch?v=4L4fLrWDvAU). |"]]