تعلم سكيتشوير بالعربي

سوف نتعلم في هذا الدرس إن شاء الله العناصر الرئيسية في تطبيق سكيتشوير التي تساعد مبرمج تطبيقات اندرويد في  تصميم واجهات المستخدم للتطبيق ووظيفة كل  عنصر وكيفية استخدامه

دورة سكيتشوير برمجة تطبيقات الأندرويد من الصفر حتى الإحتراف

كورس سكيتشوير الدرس الأول

متطلبات البدء في الكورس 
١-تحميل تطبيق سكيتشوير برو اخر نسخة 

تحميل سكيتشوير برو

٢-تطبيق AIDE لتعلم برمجة  تطبيقات اندرويد عن طريق الكود وأجراء بعض التعديلات على المشروع في مراحل متقدمة

تحميل AIDE 

أولا سنقوم بشرح العناصر الرئيسية في واجهة التطبيق. 

التعرف على عناصر الواجهات

سنتعرف على جميع عناصر الواجهات الرسومية في التطبيق 

وأهمية كل عنصر في عملية التصميم  

الصورة رقم(1)

1. Linear H : عرض العناصر بشكل أفقي على الشاشة
2. Linear V: عرض العناصر بشكل عمودي على الشاشة
3. Scroll H: شريط تمرير افقي في حالة ان حجم العناصر أكبر من حجم الشاشة أفقيا
4. Scroll V: شريط تمرير عمودي في حالة ان حجم العناصر أكبر من حجم الشاشة عموديا
5. Radio Group: يحتوي مجموعة أزرار أختيار يسمح بإختيار عنصر واحد فقط من بين عناصر متعددة 

 إنشاء أول تطبيق  على سكيتشوير

سنقوم الان بعمل مثال بسيط عن هذة العناصر
نقوم بإضافة هذه العناصر كما في الصورة التالية

وبعد الضغط على زر التشغيل  يشتغل التطبيق ويظهر كما في الصورة التالية 

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

وننتقل إلى الجزء الثاني من الدرس

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

وسنقوم بالتعرف على العناصر كلها ثم 

ندخل الى شرح أمثلة بسيطة ومتقدمة في البرمجة

Widgits في سكيتشوير

1.  TextView: يستخدم في عرض النصوص في داخل التطبيق. 
2.  EditText: حقل إدخال البيانات عادي. 
3. AutoComplete : حقل ادخال بيانات مع خاصية أكمال تلقائي خيار واحد بمجرد كتابة عدد محدد من الأحرف. 
4.  MultiAuto complete: حقل إدخال نص مع خاصية إكمال التلقائي. 
5.  Button: زر للنقر. 
6. MaterialButton : عبارة عن زر له نفس وضيفة الزر السابق الا انة مصمم بشكل إحترافي. 
7.  imageView: يستخدم في عرض الصور داخل التطبيق الخاص بك. 
8. CheckBox: عبارة عن زر إختيار متعدد يمكنك من تحديد عدة خيارات بمجرد النقر علية يستخدم في عمل إعدادات التطبيق. 
9.  RadioButton: عبارة عن زر أختيار غير متعدد يستخدم في تحديد بعض المعلومات الشخصية مثل أن تختار جنسك ذكر /أنثى. 
10. Switch: عبارة عن زر التبديل آلية عملة نفس عمل مفتاح الكهرباء on/off. 
11.  Seekbar: شريط التمرير الذي يستخدم في التحكم بحجم الخط او زيادة وخفض مستوى الصوت عن طريق التمرير. 
12. ProgressBar: شريط التقدم الذي يستخدم في عمليات مثل التحميل من الإنترنت يظهر لك شريط نسبة التحميل والمتبقي ويمكنك إستخدامة في أي عمليا أخرى مثل إنتظار معالجة وجاري تحميل بيانات. 
13. RatingBar: شريط يتكون من مجموعة من النجوم تستخدم في عمليات التقييم. 
14. SearchView: يستخدم في عمليات البحث داخل التطبيق. 
15. VideoView: عارض الفيديو داخل التطبيق وتشغيل أي مقطع فيديو سواء من داخل الهاتق أو عن طريق الإنترنت. 

الصورة التالية توضح باقي العناصر التي لم نشرحها بعد. 

ونواصل الان شرح بقية العناصر

WebView: تستخدم في عرض صفحات الويب داخل تطبيقك

17-ListView: تستخدم في عرض العناصر بشكل قائمة وسنتعلم طريقة عرض العناصر فيها فيما بعد

18-GridView:تعتبر listView الا انها تقوم بعرض العناصر بشكل شبكة صفوف وأعمدة




19-Spinner: قائمة منسدلة للأسفل تستخدم في تحديد خيار واحد مثل قائمة إختيار البلد




20-ViewPager تستخدم في عرض التطبيق كعدة صفحات سوف تفهم عملها فيما بعد

21-Recyclerview يعتبر قائمة listViewولكن أكثر مرونة وتحكم

بالعناصر من القائمة العادية




ملاحظة :
العناصر في قسم المكتبات(Library) لن نتطرق لها الان لأننا لن نحتاجها الأن لأنها تعتبر مواضيع متقدمة وسيتم شرحها في وقتها. 

أدوات جوجل التي تحتاجها في تطبيقك. 

تعديل المقال