الوان متحركة للنص - Sketchware Pro

 السلام عليكم

في هذه التدوينة سأقدم فيها لكم عن كيف نقوم بانشاء الوان متحركة للنص وهي خاصية تعطي جمالية للتطبيق من حيث التصميم فنبدأ الشرح على بركة الله .

اولا : نقوم بإضافة حاجة النص - TextView ومن خلال الخصائص نقوم بالتالي :

1- ندخل الى خاصية Inject طبعاً هذه الخاصية تسمى بالحقن ومن خلالها نضيف اكواد تتعلق بالحاجة ولا بد من الإشارة أن الأوامر تضاف في ملف xml .

فبعد الدخول الى خاصية Inject نضيف الاكواد ادناه 

app:colors="@array/default_gradient_colors"

app:simultaneousColors="4" app:angle="45"

app:speed="1000"

app:maxFPS="30"

الصورة ادناه توضح طريقة الإضافة 

2- بعد الانتهاء من خاصية الحقن Inject نتوجه إلى الخاصية التي تلي Inject وهي خاصية Convert والقصد بها "تحويل" وتستخدم هذه الخاصية للتحويل ومثال بسيط نحن استخدمنا TextView لنجعل النص بالوان وهذه الالوان متحركة فسنحول TextView إلى AnimatedGradientTextView ويشيع استخدام هذه الخاصية عند تحميل المكاتب وسنلاحظ خلال هذه التدوينة .

فنضيف الكود أدناه بعد الدخول الى خاصية Inject

com.mursaat.extendedtextview.AnimatedGradientTextView

الصورة ادناه توضح طريقة الإضافة

3- بعد الانتهاء من أهم الخواص ننتقل إلى الخواص لتغيير النص ويكون من خلال خاصية Text ونحن غيرنا النص الى TEQNEA PRO وحجم الخط 20 أو اي حجم يعجبك وكذلك غيرنا ستايل الخط من خلال خاصية text style وحددنا Bold والقصد به " سميك " فهذه الخواص الأخرى من خلالها تعدل النص الى الشكل الذي يعجبك .

الصورة ادناه توضح النص والحاجيات

4- تبقت لنا اخر خطوة وهي تحميل المكتبة التي من خلالها ستجعل النص بالوان كثيرة مع حركة مستمرة لإضافة المكتبة نتبع الخطوات الآتية :

_ نضغط على الثلاث نقاط في الزاوية العلوية من جهة اليمين .

_ نسحب من الاسفل إلى الأعلى وندخل لقسم Local Library وهنا قسم المكاتب بعد الدخول إليه نضغط على زر الإضافة الموجود في الزاوية العلوية من جهة اليمين ستظهر لنا علبة حوار ونختار  DX أو D8 بالمكتبة تدعم الاثنين ونضيف رابط المكتبة الموجود ادناه وتضغط على زر Start وبعد الانتهاء من التحميل تقوم بتفعيلها .

رابط المكتبة

com.github.Mursaat:AnimatedGradientTextView:v0.0.6

الصورة ادناه توضح طريقة الإضافة

5- بعد الانتهاء من الخطوات أعلاه تجمع التطبيق .