يسمح لك عنصر واجهة المستخدم "رسم Lottie المتحرك" بإضافة رسوم متحركة بجودة تنسيق Vector إلى الموقع الخاص بك.
إن Lottie هي مكتبة للأجهزة المحمولة العاملة بنظامي Android وiOS تحلل الرسوم المتحركة بتنسيق Adobe After Effects التي تم تصديرها كعناصر بلغة JSON باستخدام المكون الإضافي Bodymovin وتعرضها على الهواتف المحمولة وعلى الويب.
استعرض الرسوم في LottieFiles، أو أنشئ رسمك المتحرك الخاص بك في After Effects، مع تصديره باستخدام المكون الإضافي Bodymovin.
لإضافة :
- في اللوحة اليسرى، انقر فوق عنصر واجهة المستخدم.
- اضغط واسحب "رسم Lottie المتحرك" إلى الموقع الخاص بك.
للتعرف على المزيد عن إضافة إلى الموقع الخاص بك، انظر إضافة عنصر واجهة مستخدم.
محرر المحتوى
للوصول إلى محرر المحتوى:
- اضغط بمفتاح الماوس الأيمن على ، واضغط على تحرير المحتوى.
- انسخ عنوان URL لرسم Lottie المتحرك في المربع المتاح.
- لتحديد موقع عنوان URL للرسم المتحرك، افتح الرسم المتحرك في LottieFiles، وانقر على <html>. كبديل، يمكنك لصق عنوان URL لأي ملف JSON مستضاف خارج LottieFiles.
- حدد تكرار الرسم المتحرك للتشغيل المستمر للرسم المتحرك أو حدد تحريك عند النقر.
- (اختياري) لإضافة رابط إلى الرسم المتحرك، انقر على الرابط، وحدد نوع الرابط.
- إذا استخدمت رسم LottieFile متحركًا مجانيًا، فعليك تضمين معلومات بيانات الاعتماد الخاصة بمنشئ الرسوم المتحركة. توجد معلومات منشئ الرسم المتحرك في الجزء السفلي من النافذة المنبثقة للرسم المتحرك. لمزيد من المعلومات، انظر معلومات ترخيص الإبداع الشائع لملفات LottieFile.
محرر التصميم
للوصول إلى محرر التصميم، اضغط بمفتاح الماوس الأيمن على ، وانقر على تحرير التصميم.
لتغيير حجم عنصر واجهة المستخدم، حرك شريطي تمرير العرض والارتفاع. للحفاظ على النسب بين العرض والارتفاع، حدد الحفاظ على النسب.
لمزيد من المعلومات عن خيارات التصميم التي لا تخص هذا، (على سبيل المثال، التخطيط أو النمط أو التباعد)، انظر تصميم عنصر واجهة المستخدم.