مرحبا بك اخي المطور و المبرمج، حين يتعلق الأمر بالواجهات و الـ UI/UX، فمن الصعب الحفاظ على نمطية معينة من التصميم، بل و الحصول على تصميم إحترافي يلائم محتوى تطبيقنا و ننافس من خلاله تطبيقات عالمية، فحين نتصفح تطبيقات مثل Instagram او Facebook و غيرها، فأنت تلاحظ بعض الإضافات او الأقسام التي لا تجدها في خيارات صناعة الـ UI المدرجة مسبقا في منصة Android Studio او اي منصة أخرى تستخدم، و تطرح على نفسك سؤال : " لو أردت صناعة مثل هذه، ما الذي يجب علي أن افعله ؟ " .
هنا تتدخل مكتبات الـ Android، مكتبات يمكنك تركيبها و إضافتها الى تطبيقك الأندرويد، و إبتكار نمطية جديدة لوضع بعض الـ Layout بطريقة مختلفة، بإعتمادك على هذه المكتبات، ستتمكن أنت أيضا من إضافة أقسام الى تطبيقك بشكل إحترافي، و تضمين خواص في تطبيقك من ناحية الواجهة و الـ UI كنت تعتقد سابقا انها حكر فقط على التطبيقات الكبيرة، فإستعد لمكتبات ستنقل مستواك في تطوير واجهات الأندرويد الى مستوى أخر تماما !
إقرأ أيضا : كتاب كامل لتعليم صناعة تطبيقات الاندرويد من الالف الى الياء
- مكتبة Space Navigation View :
هل فكرت سابقا في صناعة قائمة سفلية إحترافية ؟ مثل تطبيقات Instagram و غيرها ؟ يمكنك إستخدام مكتبة Space Navigation View من أجل إدراج هذه القائمة في تطبيقك بكل إحترافية، و التحكم الكامل في كل جزء من القائمة، إنطلاقا من الألوان، الأيقونات المستخدمة، الأزرار المستخدمة، ناهيك على الـ Trigger الخاص بها او الحركة او الكود الذي يجب تطبيقه عند النقر على كل زر من تلك الأزرار .
تضمين و إستخدام القائمة سهل جدا، يكفي إدراج الـ Dependencies او الإعتمادات الخاصة بهذه المكتبة، ثم إتباع الـ Documentation الخاص بكيفية إدراجها و التحكم في الكود الخاص بها .
- Lottie Android :
مكتبة مفتوحة المصدر مقدمة لك من شركة Airbnb، توفر لك هذه المكتبة تحويل الفيديوهات و الأنيميشن و الموشن جرافيك التي تقوم بصناعتها عن طريق الـ After Effect إلى أشكال و فيديوهات يمكن إستخدامها وسط تطبيقك الأندرويد، لا تحتاج إلى تعلم الـ After Effect من أجل فعل ذلك، يمكنك تحميل فيديوهات او موشن جرافيك جاهزة و إدراجها في تطبيقك، لكن توجب إدراجها أولا في البرنامج و إستخراجها بصيغة JSON، و ستقوم المكتبة بعدها بتحويل هذه الصيغة الى أنيميشن وسط تطبيقك بشكل إحترافي .
- Arc Layout :
هل فكرت يوما في إدراج زر في تطبيقك الأندرويد فور النقر عليه يظهر لك مجموعة من الأزرار الأخرى التي تكون دائرة ؟ تمكنك متكبة Arc Layout من فعل ذلك في الأصل، إدراجها سهل و الشفرة البرمجية سهلة التعديل و الإستخدام و يمكن إدراجها بكل سهولة أيضا، الكثير من التطبيقات اليوم تستخدم هذه المكتبة في توفير تأثير أنيق على الأزرار و تجميع مجموعة من الأزرار بطريقة تتوافق مع الـ UI/UX ، و بذلك إنتاج تطبيق إحترافي في النهاية بالطبع .
- Shimmer RecycleView :
هل جربت يوما تصفح احد المواقع او التطبيقات على الاندرويد و يُظهر لك تأثيرا رائعا اثناء تحميل الصفحة او المحتويات ؟ تأثير رمادي يأخذ مكان الكتابة و النصوص و الصور ؟ تستخدمه شركة فيسبوك إذ تظهر لك تأثير Shimmer على المنشورات التي يتم تحميلها .
يمكنك أنت أيضا إستخدام هذه المكتبة بالفعل، و بكل سهولة، لكن إستخدامك في الوقت الراهن و سيبقى محددا في محتوى الـ RecycleView، التأثير جميل و إحترافي و يوضح للمستخدم ان المحتوى في طريقه للظهور في التطبيق فلا تقلق، ستتعرف على الأمر أكثر بالإطلاع على المكتبة .
- Flowing Drawer :
تمكنك هذه المكتبة من صناعة تأثير شد جد رائع و إحترافي على الـ Navigation Drawer الخاصة بتطبيقك، كما ترى في الصورة فإنها تضفي لمسة حركية على التطبيقك، يمكنك التحكم فيها بالكامل من ناحية القياسات و الألوان و المحتوى و غيرها، كما انها سهلة التركيب و الإستخدام، و يمكن للجميع إستخدامها بكل حرية لا مشكلة في ذلك، و اعتقد حاليا ان مبدأها واضح و كيف ستؤثر بالإيجاب على واجهة تطبيقك القادم .
- Toasty :
هل تريد الأخذ بخاصية الـ Toast على الاندرويد لمستوى آخر ؟ كلنا نعلم ان رسالة الـ Toast على الأندرويد مبتذلة و ليست بجاذبية كبيرة بالطبع، لكن مع مكتبة Toasty سيحدث العكس، بحيث سيمكنك تحديث رسائل الـ Toast بشكل أفضل، تعديل الألوان الخاصة بها، إضافة أيقونات كذلك الى جانب الرسالة، يمكنك أيضا تحديث الأنيميشن الخاصة بها، تعديل الخط كذلك، ببساطة ستصبح رسائل الـ Toast بين يديك كالعجين لك كامل الحرية في التحكم فيها و تعديلها بما يناسب واجهة تطبيقك .
- Context Menu :
و نختم معك أخيرا بهذه المكتبة الراقية التي تسمح لك بصناعة Menu جانبية مختلفة تماما و بشكل إحترافي ( إطلع على هذا العمل من هنا لرؤية Demo لهذه المكتبة )، المكتبة سهلة التركيب أيضا، و يمكنك التحكم في كل عناصر القائمة من انيميشن و الوان و أيقونات و سرعة تمرير الأنيميشن و كذا الـ Action المتعلقة بكل زر من أزرار هذه القائمة .
إن افادك هذا المقال، فنضرب لك موعدا في القريب مع الجزء الثاني بمكتبات أخرى جيدة أيضا لتطوير واجهات تطبيقات أندرويد بإحترافية .
شكرا
thank u so much
الله يعطيك الف عافية اذا في كمان شي عن تصميم واجهات الاندرويد