الدرس الأول: متطلبات البرمجة بلغة kotlin

السلام عليكم ورحمة الله وتعالى وبركاته

في هذه الدرس ان شاء الله قبل كتابة أي كود سنقوم بالتعرف على الأدوات المناسبة للبرمجة بلغة Kotlin,

ü    أولا: أدوات تطوير الجافا: Java JDK

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

كما شرحنا كيفية إضافة الجافا إلى متغيرات النظام ورابط الموضوع موجود بالأسفل.

تثبيت برنامج الجافا jdk على الويندوز.

ü    ثانيا: تحميل منصة IntelliJ IDEA

منصة IntelliJ IDEA هي منصة مقدمة من طرف شركة jetbrains وهي مفتوحة المصدر أي مجانية حيث تسمح بالبرمجة بلغة kotlin, كما تدعم برمجة تطبيقات Android, المنصة يمكن تحميلها من الرابط بالأسفل.

تحميل منصة intellij

• Share
• Add

إقرأ المزيد

مقدمة لدروس تعلم لغة kotlin

السلام عليكم ورحمة الله وتعالى وبركاته

في هذه الدروس ان شاء الله سنقوم بشرح لغة Kotlin, والتي أصبحت اللغة الرسمية التي تعتمدها Google في تطوير تطبيقات الاندرويد.

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

هذه الدروس مصممة على أساس أن متابعيها ليس لهم فكرة عن البرمجة أو مبتدئين في هذا المجال، لذا إن كنت من المبتدئين أو لا تملك فكرة عن البرمجة فهذه الدروس موجهة اليك.

• Share
• Add

إقرأ المزيد

البرمجة بالأندرويد ستوديو | الدرس الثاني: واجهة المستخدم في الأندرويد user interface in android

الدرس الثاني: واجهة المستخدم في الأندرويد

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

واجهات المستخدم في الأندرويد

يمكن أن تحتوي واجهة المستخدم الخاصة بنظام الأندرويد على عدد من المكونات، بما في ذلك الأزرار والنصوص، الحقول وغيرها. يتم تعريف واجهة المستخدم الرسومية للأندرويد في ملف XML. انظر إلى الكود أدناه:

<?xml version=“1.0” encoding=“utf-8”?>
<LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”
android:layout_width=“fill_parent”
android:layout_height=“fill_parent”
android:orientation=“vertical” >
<TextView android:id=”@+id/tv”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:text=“a text view” />
<Button android:id=”@+id/btn”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:text=” a button” />
<!—يمكن إضافة العديد من العناصر هنا —>
</LinearLayout>  

يمكنك الاطلاع على مثال لملف XML أعلاه. لاحظ أننا أنشأنا عنصرين، وهما عرض نصي TextView وزر Button. لقد قدمنا لهم هوية أو المعرف id، والذي سيتم من خلاله تحديد العنصرين في كود البرمجة. بالإضافة إلى تحديد ارتفاع وعرض العنصرين عن طريق الخصائص التي سنتعرف عليها لاحقا.

أنواع تخطيطات الأندرويد: type of layouts

الغرض من التخطيطات المختلفة في الأندرويد هو إنشاء مظهر وعرض مختلفين لتطبيقات الأندرويد التي تم إنشاؤها.

1. LinearLayout: يتم ترتيب جميع العناصر داخله في اتجاه واحد ، إما أفقيًا أو رأسيًا.

linearLayout Vertical

2. TableLayout: يتم تجميع العناصر في صفوف وأعمدة.

3. RelativeLayout: يتم عرض العناصر في الأماكن النسبية كما يحددها المستخدم.

4. FrameLayout: يمكن استخدامه لعرض مشهد واحد على الشاشة ، حيث يعمل كعنصر نائب.

5. AbsoluteLayout: باستخدام هذا التخطيط ، يمكنك تحديد مكان تواجد العناصر بالضبط.

• Share
• Add

إقرأ المزيد

البرمجة بالأندرويد ستوديو | الدرس الأول: التعريف بملفات برنامج الأندرويد ستوديو

الدرس الأول: التعريف بملفات برنامج الأندرويد ستوديو

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

في البداية نفتح برنامج الأندرويد ستوديو وكما تطرقنا في موضوع سابق نفتح مشروع جديد من خلال اختيار start a new android studio project.

بعد ذلك نختار اسم للمشروع من خلال الحقل Application name وهو الاسم الذي يظهر عند تثبيت التطبيق على الهاتف وليكن مثلا

MyFirstProject. بعد الضغط على Next تظهر نافذة لاختيار اصدار الأندرويد المستهدف ويفضل أن يكون المستوى المختار هو 15 الذي يضم الإصدار 4.0.3: IceCreemSandwish لأن نسبة كبيرة من المستخدمين يستعملون هذا الإصدار فما فوق. بمعنى آخر فإن اختيار اصدار معين يعني أن التطبييق يعمل على هذا الإصدار وعلى الإصدارات التي تأتي بعده.

بعد الضغط على Next تظهر نافذة لاختيار نوع التطبيق المراد انشاءه وتتيح العديد من الخيارات ولكن نكتفي بالدخول إلى مشروع فارغ من خلال الضغط على Empty Activity.  ثم تأتي بعدها نافذة لإعداد اسماء موارد المشروع بما يتناسب مع المشروع نفسه ولكن حاليا نبقيها كما هي ثم نضغط على Finnish لنبدأ في إنشاء أول التطبيق.

بعد فتح المشروع يظهر لدينا ملفين أحدهما لكتابة الأكواد البرمجية بلغة الجافا يسمى

MainActivity.java والأخر لتصميم واجهة التطبيق بلغة xml ويسمى

Activity-main.xml.

ملفات المشروع:

1- Manifests: ملف مكتوب بلغة xml يحتوي على خصائص التطبيق مثل اسم التطبيق ورقم الإصدار والأيقونة التي تظهر عند تثبيت التطبيق بالإضافة إلى الأذونات permissions التي تسمح للتطبيق بالتعديل فل نظام الهاتف مثل تشغيل أو إطفاء wifi.

2-Java: الملف الذي يحتوي على الأوامر البرمجية للتطبيق وهو مكتوب بلغة الجافا.

3-Res: ملف الموارد ويحتوي بدوره على عدة ملفات مثل:

                            I.            Drawable: الملف الذي توضع فيه الصور والملفات الصوتية التي يحتاجها التطبيق.

                        II.            Layout: الملف الدي يحتوي على واجهات التطبيق المختلفة.

                   III.            Value: يحتوي على السلاسل النصية والألوان والاستايلات التي تظهر في التطبيق.

• Share
• Add

إقرأ المزيد

التعريف بواجهة برنامج الاندرويد ستوديو -الجزء الأول- | 3.1.3 android studio

برنامج Android Studio  عبارة عن بيئة لتطوير تطبيقات الاندرويد، يحتوي على واجهة تتضمن مجموعة كبيرة من الوظائف المساعدة والتي تضيف إلى جانب المعرفة بالبرمجة السهولة والمرونة في برمجة التطبيقات وتفير الظروف الملائمة لذلك، ويحتوي أيضا على مجموعة من الاعدادات سواء الخاصة بالبرنامج نفسه أو بالتطبيقات المطورة، وفيما يلى شرح لأهم عناصر البرنامج:

1- انشاء مشروع جديد.

2- فتح مشروع تم انشاءه مسبقا.

6- استيراد امثلة عن مشاريع الاندرويد.

7- الاعدادات الخاصة بالبرنامج.

النافذة الرئيسية للبرنامج

1- شريط المهام: خاص بإعدادات البرنامج ومشروع الاندرويد.

2- شريط الأدوات: يتيح شريط الأدوات للمستخدم تنفيذ مجموعة واسعة من الإجراءات، بما في ذلك تشغيل تطبيقك وتشغيل أدوات Android. واعداد المحاكي للتطبيقات من خلال ايقونة AVD Manager، واعداد منصة Sdk وتحديثها.

3- نافذة المحرر: نافذة المحرر هي المكان الذي يتم فيه إنشاء وتعديل التعليمات البرمجية. اعتمادًا على نوع الملف الحالي، حيث بالإمكان تغيير المحرر عند عرض ملف تخطيط، يعرض المحرر محرر تنسيق التطبيقات.

4- إطار شريط الادوات: يتم تشغيل إطار شريط الادوات خارجيا حول نافذة بيئة التطوير المتكاملة ويحتوي على الأزرار التي تسمح لك بتوسيع أو طي إطارات الأدوات الفردية حسب احتياجات المبرمج.

5-حقل إطار شريط الادوات.

6- شريط الحالة: يعرض شريط الحالة حالة مشروعك وبيئة التطوير نفسها، وكذلك أي تحذيرات أو رسائل.

7-شريط التنقل: يساعد المستخدم في التنقل خلال مشروعك وفتح الملفات للتحرير. ويوفر رؤية أكثر إحكاما للهيكل المرئي في نافذة المشروع.

• Share
• Add

إقرأ المزيد