الدرس الثاني: [دورة تعليميه - الدرس 2] تعلم صنع تطبيقات الاندرويد بالتفصيل

stinger1 · 08-06-2011, 10:31 AM

السلام عليكم،

اهلا بكم في درسنا الثاني، في دوره تعلم برمجه تطبيقات الاندرويد.

سيكون هذا الدرس عباره عن شرح وتوضيح لبنيه البرنامج ومما يتكون وكيف يتم ربط اجزائه معا

** يمكن ان نقسم مكونات البرامج الهواتف الذكيه الى ثلاث اقسام:
1- الواجهات المرئيه وتسمى Graphical User Interface ويرمز لها GUI وهي الازرار ومربعات ادخال النص والقوائم المنسدله وما الي ذلك...

2- الكود البرمجي، وهي طريقه التحكم بهذه الواجهات والعناصر وتطبيق المنطق الذي نرغب به ليؤدي البرنامج غرضه، ممكن ان نقول ان الواجهات هي سياره وان الكود البرمجي هو الشخص الذي يقود السياره ويتحكم بها.

مثلا لو اردنا عمل برنامج يجمع رقمين:سيكون لدينا مربعين نص و زر، هذه هي الواجهه. ثم الكود البرمجي هو الذي سيقوم بالعمل ... يأخذ الرقم الاول ويجمعه للرقم الثاني ويظهر النتيجه للمستخدم. كل هذا يحدث عندما يضغط المستخدم الزر.

3- المصادر الخارجيه او ما يسمى resources وهي اي شيء خارجي تستعمله في برنامجك... مثل الصور، ملفات صوتيه، ملف خط مثلا او ملف مكتبه jar وهذه معروفه بالجافا وهي ما يقابل ملف dll ببرمجيات الويندوز مثلا ال VB فيمكن ان تستعمل ملف jar به وظيفه معينه بدون ان تضطر لاعاده العمل.

الان خطوات عمل البرنامج ليست اجباريه لكن برأيي الشخصي افضل شيء هو تصميم الواجهه GUI ثم كتابه الكود الخاص بها، فأنت لا تشتري اثاث لبيت غير مبني اصلا... فعند تصميم الشاشه تتضح لك اصوره وماذا ستكون الوظائف المطلوبه وتبدأ بالبرمجه.

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

من خلال بيئه العمل ايكليبس وبفضل ال ADT الذي تحدثت عنه، عمليه تصميم ال GUI سهله ان شاء الله، وكذلك كتابه الكود الخاص بها، كما قلت كل هذا يتم من خلال برنامج واحد الايكليبس.

نأتي للقسم الاول: GUI
الواجهات ببرامج الاندرويد يتم تصميمها بملف XML
ولمن لا يعرف الـ XML هو ليس لغه برمجه بل يسمى data structure اي بنيه بيانات وطريقه لتمثيل بيانات معينه بطريقه محكومه وهذا مثال بسيط عليه:

** مثلا نريد تمثيل قائمه من الاشخاص لكل واحد اسم، بريد الكتروني وعمر سيكون ملف ال XML كما يلي

كود PHP:

<?xml version="1.0" encoding="UTF-8"?> <myList>     <person>         <name>ahmad</name>         <email>ahmad@someemail.com</email>         <age>25</age>     </person> <person>         <name>khaled</name>         <email>khaled@someemail.com</email>         <age>18</age>     </person> </myList>

وتستمر القائمه ويستمر بناء الملف ويمكن اضافه اي قدر تريده من الاسماء شرط ان تلتزم بالبنيه
والفكره لل XML هي انه لا يوجد له قواعد او ما يعرف بلغات البرمجه بال syntax اي انه لا يجبرج على اختيار كلمه معينه لكن له قواعد تلتزم بها اثناء بناء الملف.

شرح بسيط:

كود PHP:

<?xml version="1.0" encoding="UTF-8"?>

هي الترويسه او header وهذه لكي تخبر اللغه او النظام الذي سيقوم بقراءه الملف عن معلومات مثل اي اصدار xml نستعمل وما هوالترميز encoding الذي نستعمله لانه قد يحوي كلمات عربيه او صينيه وهكذا

كل اشاره <> تسمى تاغ tag وتسمى باسم اول كلمه بها
مثلا تاغ العمر age tag <age>

<myList> هي العنصر الرئيسي بالملف root node
<person> هي ابن او child لـ mylist
<name> ، <email> ، <age> هي عناصر elements او ابناء لل person
الان لا يوجد قانون او قاعده تجبرني على انتقاء هذه الكلمات مثلا،
ممكن استعمل بدل من <myList> ان استعمل <myFriendsList>

نلاحظ وجود تاغ tag مشابه بالاسم ولكنه يحوي / هذا يسمى close tag او تاغ الاغلاق
وهذا من شروط ال xml يجب عليك ان تغلق كل التاغات التي تفتحها، وان تحافظ على ترتيب الفتح والاغلاق

مثلا

كود PHP:

<person>     <name>ahmad</name>     <email>ahmad@someemail.com</email>     <age>25</age> </person>

لاحظو معي ترتيب الفتح والاغلاق، فتح person وبداخله:
فتح name وقيمه له ثم اغلاق name
فتح email وقيمه له ثم اغلاق email
فتح age وقيمه له ثم اغلاق age
اغلاق person

لا يجوز مثلا عمل هذا

كود PHP:

<person>     <name>ahmad</person> </name>

ترتيب الفتح يجب ان يكون مطابق للاغلاق وهذا يسمى nest او nesting
يعني يجب ان يكون ال nesting صحيح.

الان يمكن ان تكون القيم بداخل ما يسمى attribute وليس داخل عناصر elements كما في المثال السابق
فتصبح مثلا:

كود PHP:

<myList> <person name="ahmad" age="18" email="ahmad@someemail.com"></person> <person name="khaled" age="22" email="khaled@someemail.com"></person> </myList>

هذه افضل من ناحيه الحجم وكميه الكتابه، اذا كنت تبني ملف ال xml الخاص بك لك الحريه بالانتقاء اما اذا كنت تبني ملف xml سيتم استعماله من قبل نظام اخر يجب ان تلتزم بقوانين هذا النظام.

شيء اخر ممكن ان يكون تاغ الاغلاق عباره عن / بنهايه التاغ الاول بدون اعاده كتابته، مثال:

كود PHP:

<person name="ahmad" age="18" email="ahmad@someemail.com"></person> يصبح <person name="ahmad" age="18" email="ahmad@someemail.com" />

لاحظو معي اضافه / فقط والاستغناء عن </person> كامله. هذا جائز ايضا.

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

ويأتي الجزء الثاني وهو البرمجه، ويكون بملف مختلف عن هذا الملف، ويكون بلغه ال Java لهذا نحتاج لربط العناصر الموجوده في ملف التصميم GUI مع الملف الذي يحوي الكود لكي تستطيع التحكم بهذه العناصر، والكتابه بها او اخذ قيمه منها او عرض صوره معينه عليها وهكذا...
هذا الربط يكون بنفس ملف البرمجه من خلال كود معين سنتطرق اليه في وقتها.

في الاندرويد كل شاشه بها عناصر مثل الزر والقوائم الخ، تسمى Activity او نشاط، لكن لا احبذ هذه الترجمه ممكن نستخدم كلمه فعاليه مثل التي بالمهرجانات مثلا، فالمهرجان به عده فعاليات او فقرات، وكذلك برنامج الاندرويد كل برنامج به عده شاشات او فعاليات نبني كل واحده منهم على حدى من ناحيه GUI وكذلك من ناحيه الكود الخاص بها ونربطهم معا حسب المنطق الذي نريده

كل فعاليه تحتاج ملف برمجه وملف GUI، ملف البرمجه يكون بلغه Java وملف ال GUI يكون مكتوب على شكل ملف XML الذي شرحناه الان.

فيما يلي ملف xml بسيط لشاشه (او فعاليه) او activity لبرنامج اندرويد بسيط:

كود PHP:

<?xml version="1.0" encoding="utf-8"?> <TableLayout android:id="@+id/TableLayout01" android:layout_width="fill_parent" android:layout_height="fill_parent" android:stretchColumns="1" xmlns:android="http://schemas.android.com/apk/res/android"> <TableRow>         <TextView             android:text="User Name"             android:padding="3dip" />            <EditText android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/txtLoginUsername"> </EditText> </TableRow> </TableLayout>

لا تخافو ... هذا كله يكون جاهز من الايكليبس، المهم نحاول نفهمه ونفرق بين التاغات الموجوده.

<?xml version="1.0" encoding="utf-8"?> هو الترويسه التي تكلمنا عنها
<TableLayout هو تاغ لشيء يسمى layout وهو معروف بالجافا حيث انه يحدد الطريقه التي سيتم عرض العناصر بها على الشاشه من ناحيه ترتيبها واحتلالها للمساحات... هنا نستعمل واحد نوعه table
وهذا تاغ البدايه له.

android:id="@+id/TableLayout01"
android:layout_width="fill_parent"
هذه عباره عن خصائص او attributes للتاغ السابق... لا تقلقو كلها تأتي جاهزه لن نكتب بها شيء ربما نغير كلمه او اثنتين لكن الملف الرئيسي يتم بنائه بشكل سهل جدا.

سوف اقوم بتجاهل بعض التاغات الان وسأشرحها بوقت لاحق ... لنأخذ هذا الان <TextView
هو تاغ يعني ان هناك شيء اسمه textView سيكون ظاهر على الشاشه وهو عباره عن مربع يمكن الكتابه به وقت البرمجه او من خلال الكود فقط ولا يمكن للمستخدم ان ينقر عليه ويكتب من لوحه المفاتيح، فهو يكون لوضع عنوان لشيء ما ... "مثلا اسم المستخدم" ويكون بجانبه عنصر اخر هو مربع نص لكي ينقره المستخدم ويكت به الاسم، اي انه شيء للتوضيح والدلاله.

التاغ <EditText هو مربع نص يمكن للمستخدم الكتابه بداخله من خلال لوحه المفاتيح، ويكون لاخذ مدخلات من المستخدم لكي نعالجها ببرنامجنا.

لاحظو معي كافه الاغلاقات للتاغات موجوده وبالترتيب واخر شيء اغلاق التاغ
الرئيسي وهو تاغ الـ </TableLayout>
*** هناك قاعده بسيطه لترتيب الفتح والاغلاق وهي: اول تاغ تفتحه هو اخر تاغ تغلقه وهكذا... لاحظو ان اول تاغ تم فتحه هو <TableLayout واخر تاغ تم اغلاقه هو </TableLayout> وبداخلهما كل التاغات الاخرى.

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

قد اكون تكلمت كثيرا عن ال XML هنا ولكنه شيء مهم برأيي لانك بالمستقبل ستبني واجهات قد تكون معقده قليلا فإذا لم تفهم بشكل جيد البنيه للملف وقواعد الكتابه به، لن تستطيع انجاز عملك بسهوله

والى درس قادم ان شاء الله،

اخوكم يزن - الاردن

فهرس الدوره
http://www.ce4arab.com/vb7/showthread.php?t=325071

hksalameh · 08-06-2011, 11:13 AM

بارك الله فيك على الشرح وننتظر الدروس بفارغ الصبر

stinger1 · 08-06-2011, 11:33 AM

حياك الله hksalameh واتمنى الفائده للجميع

ملاحظه: تم اعاده تنسيق الدرس باستعمال phpcode بدل من code العادي لانه افضل للعرض
من واجه صعوبه بالقراءه اول مره الان الوضع اصبح واضح

الغريب5 · 08-06-2011, 01:54 PM

بارك الله فيك ،، استمرررررر جاري قراءته بتمعن

NeRe 4 EvEr · 08-06-2011, 04:09 PM

الله يعــطيك العــافية

لي رجعــة بإذن الله بعد الإختبارات و التطبيق و التجربة على الترانسفورمر ^^

دمت في حفظ الله

تحياتي و إحترامي

.
..
...

sma666 · 08-06-2011, 04:42 PM

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

nasserr11 · 08-06-2011, 06:35 PM

الله يعطيك العافيه صراحتاً كنا منتظرين مثل هالدروس عسى الله يوفقك ويجعلها في موازين حسناتك

سواد النخيل · 08-06-2011, 07:54 PM

للامام

موفقين ...>>

قرقشني · 14-06-2011, 01:12 AM

جزاك الله خير

متابع ومتحمس

amer1398 · 14-06-2011, 02:47 AM

الله يجزاك خير متابعين لك

stinger1 · 14-06-2011, 08:47 AM

كل الشكر لكم اخوتي
وجزاكم كل الخير عن دعواتكم الطيبه

ولد طيب · 20-06-2011, 06:45 AM

اقتباس:

المشاركة الأصلية كتبت بواسطة stinger1

الان يمكن ان تكون القيم بداخل ما يسمى attribute وليس داخل عناصر elements كما في المثال السابق
فتصبح مثلا:

كود PHP:

<myList> <person name="ahmad" age="18" email="ahmad@someemail.com"></person> <person name="khaled" age="22" email="khaled@someemail.com"></person> </myList>

هذه افضل من ناحيه الحجم وكميه الكتابه، اذا كنت تبني ملف ال xml الخاص بك لك الحريه بالانتقاء اما اذا كنت تبني ملف xml سيتم استعماله من قبل نظام اخر يجب ان تلتزم بقوانين هذا النظام.

معليش يا استاد جاي متأخر بس أصبر عليا ..

عندى لحسه في اللي مكتوب بالاحمر .. يعني اذا اكتب xml خاصه بي هذي صحيحة لكن اذا بكتب لغه في نظام اخر لازم ارجع للطريقة الاولى في طريقة الفتح والاغلاق ..

طبعا انا وش وش ابغى ب xml خاص بي << يمكن متسرع في سؤال
اكيد راح استخدم xml خاص ببرنامج و راح استخدم طريقة الفتح والاغلاق العادية الغير مختصره ..

ادري ان سألي يمكن ماله داعي بس تذكر اني جديد جدا عاللغة والبرمجة

ملاحظه : في تشابه لو بسيط بين هذي اللغة ولغة ++c .. او انا غلطان لأني درسة لغة ++c مستوي واحد في الجامعة وتقريبا ع حسب ذاكرتي فيه تشابه في مسألة الاختصارات << لاتشغل نفسك في الاجابة عالملاحظة يمكن تكون فيه فرق واسع في اللغتين بس خويك جاهل واكتفي بإجابة بسيطه

وشكرا يا استاد ..

stinger1 · 20-06-2011, 08:45 AM

اقتباس:

المشاركة الأصلية كتبت بواسطة ولد طيب

معليش يا استاد جاي متأخر بس أصبر عليا ..

عندى لحسه في اللي مكتوب بالاحمر .. يعني اذا اكتب xml خاصه بي هذي صحيحة لكن اذا بكتب لغه في نظام اخر لازم ارجع للطريقة الاولى في طريقة الفتح والاغلاق ..

طبعا انا وش وش ابغى ب xml خاص بي << يمكن متسرع في سؤال
اكيد راح استخدم xml خاص ببرنامج و راح استخدم طريقة الفتح والاغلاق العادية الغير مختصره ..

ادري ان سألي يمكن ماله داعي بس تذكر اني جديد جدا عاللغة والبرمجة

ملاحظه : في تشابه لو بسيط بين هذي اللغة ولغة ++c .. او انا غلطان لأني درسة لغة ++c مستوي واحد في الجامعة وتقريبا ع حسب ذاكرتي فيه تشابه في مسألة الاختصارات << لاتشغل نفسك في الاجابة عالملاحظة يمكن تكون فيه فرق واسع في اللغتين بس خويك جاهل واكتفي بإجابة بسيطه

وشكرا يا استاد ..

اهلا بك اخي ... لست متأخر ابدا ان شاء الله

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

اما لماذا تحتاجه ... يمكن انت تصمم برنامج يحتاج بيانات معينه ولكي تخزنها بطريقه سهله للاسترجاع والتعديل يمكنك استعمال ال XML او قاعده بيانات Database لكن في بيئه مثل الهواتف النقاله دائما نسعى للاصغر والاسرع ... لهذا ال XML احيانا يؤدي الغرض وحيث ان له مكتبات وكلاسات تسهل قرائته من ناحيه كونه ملف نصي text في النهايه

مثلا قد تصمم برنامج تحويل للعمله ... وتريد ان تضع به قيم مبدأيه لقيم العملات يمكنك تصميم ملف XML يتم تحميله كل ما تم تشغيل البرنامج، مثلا:

كود PHP:

<?xml version="1.0" encoding="UTF-8"?> <currenceyList> <currencey name="USD" value="0.7"/> <currencey name="JOD" value="1"/> <currencey name="SAR" value="0.2"></currencey> </currenceyList>

لاحظ اخر اغلاق مختلف عن اول اثنين .. لكن هذا لن يعطي خطأ

اما من ناحيه التشابه ... نعم ال C++ تشبه الجافا الى حد ما . والجافا اسهل في التعامل احيانا ... حيث انها لا تحتاج pointers كما ال c++ لتعريف متغير نص مثلا ...

ربما اطلت الرد لكن اردت توضيح الصوره بشكل افضل

واهلا بك معنا

ولد طيب · 20-06-2011, 12:03 PM

شكرا على تجاوبك السريع جداا .. يا استادي

مسألة الاطالة : قصدي ما ابغى اتعبك معي في الرد وانا جاي متأخر

وشكرا عزيزي >> وانتظرني في الدرس الثالث معاي اسئله راح تجيبلك الشيب ^_^

راقي بكلمتي · 20-06-2011, 12:06 PM

يعطيك الف عآفيـه ..

بآستفيد فيه ..

تسلم ,,

stinger1 · 20-06-2011, 12:35 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة ولد طيب

شكرا على تجاوبك السريع جداا .. يا استادي

مسألة الاطالة : قصدي ما ابغى اتعبك معي في الرد وانا جاي متأخر

وشكرا عزيزي >> وانتظرني في الدرس الثالث معاي اسئله راح تجيبلك الشيب ^_^

العفو اخي ان شاء الله اقدر اساعد الجميع

لا يوجد شيء اسمه متأخر ومتقدم ... كونك بدأت ... فأنت معنا ...تسأل ما تريد واجاوبك ان شاء الله

stinger1 · 07-12-2011, 11:32 AM

السلام عليكم
شرح فيديو :[دورة تعليميه - شرح فيديو] تعلم صنع تطبيقات الاندرويد بالتفصيل - شرح هيكليه وبنيه تطبيق الاندرويد
شرح فيديو :[دورة تعليميه - شرح فيديو] تعلم صنع تطبيقات الاندرويد بالتفصيل - شرح هيكليه وبنيه تطبيق الاندرويد - الكمبيوتر الكفي

شرح فيديو :[دورة تعليميه - شرح فيديو] تعلم صنع تطبيقات الاندرويد بالتفصيل - شرح عمل برنامج بسيط وتشغيله على المحاكي
شرح فيديو :[دورة تعليميه - شرح فيديو] تعلم صنع تطبيقات الاندرويد بالتفصيل - شرح عمل برنامج بسيط وتشغيله على المحاكي - الكمبيوتر الكفي

HASSAN ATEEQ · 15-02-2014, 09:21 AM

شكرا من القلب لك أخي الكريم

وجاري القراءة ..

08-06-2011, 10:31 AM	#1
stinger1 عضو اساسي تاريخ التسجيل: 01-08-2010 الدولة: الاردن المشاركات: 1,037 مشاركات الشكر: 700 شكر 1,629 مرات في 403 مشاركات الاوسمة التي حصل عليها عدد الاوسمة: 1	الدرس الثاني: [دورة تعليميه - الدرس 2] تعلم صنع تطبيقات الاندرويد بالتفصيل - بنيه التطبيق ومكوناته السلام عليكم، اهلا بكم في درسنا الثاني، في دوره تعلم برمجه تطبيقات الاندرويد. سيكون هذا الدرس عباره عن شرح وتوضيح لبنيه البرنامج ومما يتكون وكيف يتم ربط اجزائه معا يمكن ان نقسم مكونات البرامج الهواتف الذكيه الى ثلاث اقسام: 1- الواجهات المرئيه وتسمى Graphical User Interface ويرمز لها GUI وهي الازرار ومربعات ادخال النص والقوائم المنسدله وما الي ذلك... 2- الكود البرمجي، وهي طريقه التحكم بهذه الواجهات والعناصر وتطبيق المنطق الذي نرغب به ليؤدي البرنامج غرضه، ممكن ان نقول ان الواجهات هي سياره وان الكود البرمجي هو الشخص الذي يقود السياره ويتحكم بها. مثلا لو اردنا عمل برنامج يجمع رقمين:سيكون لدينا مربعين نص و زر، هذه هي الواجهه. ثم الكود البرمجي هو الذي سيقوم بالعمل ... يأخذ الرقم الاول ويجمعه للرقم الثاني ويظهر النتيجه للمستخدم. كل هذا يحدث عندما يضغط المستخدم الزر. 3- المصادر الخارجيه او ما يسمى resources وهي اي شيء خارجي تستعمله في برنامجك... مثل الصور، ملفات صوتيه، ملف خط مثلا او ملف مكتبه jar وهذه معروفه بالجافا وهي ما يقابل ملف dll ببرمجيات الويندوز مثلا ال VB فيمكن ان تستعمل ملف jar به وظيفه معينه بدون ان تضطر لاعاده العمل. الان خطوات عمل البرنامج ليست اجباريه لكن برأيي الشخصي افضل شيء هو تصميم الواجهه GUI ثم كتابه الكود الخاص بها، فأنت لا تشتري اثاث لبيت غير مبني اصلا... فعند تصميم الشاشه تتضح لك اصوره وماذا ستكون الوظائف المطلوبه وتبدأ بالبرمجه. والمهم قبل تصميم الشاشه ان تعرف الوظائف المطلوبه من البرنامج وتحلل النظام برأسك او على ورق كما تحب وتحدد كل وظيفه او مجموعه وظائف قد تكون بشاشه واحده، وهكذا ... فالبرنامج المصمم بشكل سلس وواجهاته واضحه وغير مزدحمه يعتبر مفضلا لدى المستخدمين، فلا داعي لحشر كل الوظائف بشاشه واحده. من خلال بيئه العمل ايكليبس وبفضل ال ADT الذي تحدثت عنه، عمليه تصميم ال GUI سهله ان شاء الله، وكذلك كتابه الكود الخاص بها، كما قلت كل هذا يتم من خلال برنامج واحد الايكليبس. نأتي للقسم الاول: GUI الواجهات ببرامج الاندرويد يتم تصميمها بملف XML ولمن لا يعرف الـ XML هو ليس لغه برمجه بل يسمى data structure اي بنيه بيانات وطريقه لتمثيل بيانات معينه بطريقه محكومه وهذا مثال بسيط عليه: مثلا نريد تمثيل قائمه من الاشخاص لكل واحد اسم، بريد الكتروني وعمر سيكون ملف ال XML كما يلي كود PHP: `<?xml version="1.0" encoding="UTF-8"?> <myList> <person> <name>ahmad</name> <email>ahmad@someemail.com</email> <age>25</age> </person> <person> <name>khaled</name> <email>khaled@someemail.com</email> <age>18</age> </person> </myList>` وتستمر القائمه ويستمر بناء الملف ويمكن اضافه اي قدر تريده من الاسماء شرط ان تلتزم بالبنيه والفكره لل XML هي انه لا يوجد له قواعد او ما يعرف بلغات البرمجه بال syntax اي انه لا يجبرج على اختيار كلمه معينه لكن له قواعد تلتزم بها اثناء بناء الملف. شرح بسيط: كود PHP: `<?xml version="1.0" encoding="UTF-8"?>` هي الترويسه او header وهذه لكي تخبر اللغه او النظام الذي سيقوم بقراءه الملف عن معلومات مثل اي اصدار xml نستعمل وما هوالترميز encoding الذي نستعمله لانه قد يحوي كلمات عربيه او صينيه وهكذا كل اشاره <> تسمى تاغ tag وتسمى باسم اول كلمه بها مثلا تاغ العمر age tag <age> <myList> هي العنصر الرئيسي بالملف root node <person> هي ابن او child لـ mylist <name> ، <email> ، <age> هي عناصر elements او ابناء لل person الان لا يوجد قانون او قاعده تجبرني على انتقاء هذه الكلمات مثلا، ممكن استعمل بدل من <myList> ان استعمل <myFriendsList> نلاحظ وجود تاغ tag مشابه بالاسم ولكنه يحوي / هذا يسمى close tag او تاغ الاغلاق وهذا من شروط ال xml يجب عليك ان تغلق كل التاغات التي تفتحها، وان تحافظ على ترتيب الفتح والاغلاق مثلا كود PHP: `<person> <name>ahmad</name> <email>ahmad@someemail.com</email> <age>25</age> </person>` لاحظو معي ترتيب الفتح والاغلاق، فتح person وبداخله: فتح name وقيمه له ثم اغلاق name فتح email وقيمه له ثم اغلاق email فتح age وقيمه له ثم اغلاق age اغلاق person لا يجوز مثلا عمل هذا كود PHP: `<person> <name>ahmad</person> </name>` ترتيب الفتح يجب ان يكون مطابق للاغلاق وهذا يسمى nest او nesting يعني يجب ان يكون ال nesting صحيح. الان يمكن ان تكون القيم بداخل ما يسمى attribute وليس داخل عناصر elements كما في المثال السابق فتصبح مثلا: كود PHP: `<myList> <person name="ahmad" age="18" email="ahmad@someemail.com"></person> <person name="khaled" age="22" email="khaled@someemail.com"></person> </myList>` هذه افضل من ناحيه الحجم وكميه الكتابه، اذا كنت تبني ملف ال xml الخاص بك لك الحريه بالانتقاء اما اذا كنت تبني ملف xml سيتم استعماله من قبل نظام اخر يجب ان تلتزم بقوانين هذا النظام. شيء اخر ممكن ان يكون تاغ الاغلاق عباره عن / بنهايه التاغ الاول بدون اعاده كتابته، مثال: كود PHP: `<person name="ahmad" age="18" email="ahmad@someemail.com"></person> يصبح <person name="ahmad" age="18" email="ahmad@someemail.com" />` لاحظو معي اضافه / فقط والاستغناء عن </person> كامله. هذا جائز ايضا. الان نحن نصمم شاشاتنا للاندرويد بهذا الشكل كل زر او مربع نص او صوره او اي عنصر نريد استخدامه في برنامجنا سنكتب له تاغ بالملف ليتمكن النظام من بناء واجهتا... لا تقلقو لن نكتب الملف كامل فهناك اداه داخل بيئه العمل تسهل ذلك بشكل بسيط سنراها في المستقبل ان شاء الله. ويأتي الجزء الثاني وهو البرمجه، ويكون بملف مختلف عن هذا الملف، ويكون بلغه ال Java لهذا نحتاج لربط العناصر الموجوده في ملف التصميم GUI مع الملف الذي يحوي الكود لكي تستطيع التحكم بهذه العناصر، والكتابه بها او اخذ قيمه منها او عرض صوره معينه عليها وهكذا... هذا الربط يكون بنفس ملف البرمجه من خلال كود معين سنتطرق اليه في وقتها. في الاندرويد كل شاشه بها عناصر مثل الزر والقوائم الخ، تسمى Activity او نشاط، لكن لا احبذ هذه الترجمه ممكن نستخدم كلمه فعاليه مثل التي بالمهرجانات مثلا، فالمهرجان به عده فعاليات او فقرات، وكذلك برنامج الاندرويد كل برنامج به عده شاشات او فعاليات نبني كل واحده منهم على حدى من ناحيه GUI وكذلك من ناحيه الكود الخاص بها ونربطهم معا حسب المنطق الذي نريده كل فعاليه تحتاج ملف برمجه وملف GUI، ملف البرمجه يكون بلغه Java وملف ال GUI يكون مكتوب على شكل ملف XML الذي شرحناه الان. فيما يلي ملف xml بسيط لشاشه (او فعاليه) او activity لبرنامج اندرويد بسيط: كود PHP: <?xml version="1.0" encoding="utf-8"?> <TableLayout android:id="@+id/TableLayout01" android:layout_width="fill_parent" android:layout_height="fill_parent" android:stretchColumns="1" xmlns:android="http://schemas.android.com/apk/res/android"> <TableRow> <TextView android:text="User Name" android:padding="3dip" /> <EditText android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/txtLoginUsername"> </EditText> </TableRow> </TableLayout> لا تخافو ... هذا كله يكون جاهز من الايكليبس، المهم نحاول نفهمه ونفرق بين التاغات الموجوده. <?xml version="1.0" encoding="utf-8"?> هو الترويسه التي تكلمنا عنها <TableLayout هو تاغ لشيء يسمى layout وهو معروف بالجافا حيث انه يحدد الطريقه التي سيتم عرض العناصر بها على الشاشه من ناحيه ترتيبها واحتلالها للمساحات... هنا نستعمل واحد نوعه table وهذا تاغ البدايه له. android:id="@+id/TableLayout01" android:layout_width="fill_parent" هذه عباره عن خصائص او attributes للتاغ السابق... لا تقلقو كلها تأتي جاهزه لن نكتب بها شيء ربما نغير كلمه او اثنتين لكن الملف الرئيسي يتم بنائه بشكل سهل جدا. سوف اقوم بتجاهل بعض التاغات الان وسأشرحها بوقت لاحق ... لنأخذ هذا الان <TextView هو تاغ يعني ان هناك شيء اسمه textView سيكون ظاهر على الشاشه وهو عباره عن مربع يمكن الكتابه به وقت البرمجه او من خلال الكود فقط ولا يمكن للمستخدم ان ينقر عليه ويكتب من لوحه المفاتيح، فهو يكون لوضع عنوان لشيء ما ... "مثلا اسم المستخدم" ويكون بجانبه عنصر اخر هو مربع نص لكي ينقره المستخدم ويكت به الاسم، اي انه شيء للتوضيح والدلاله. التاغ <EditText هو مربع نص يمكن للمستخدم الكتابه بداخله من خلال لوحه المفاتيح، ويكون لاخذ مدخلات من المستخدم لكي نعالجها ببرنامجنا. لاحظو معي كافه الاغلاقات للتاغات موجوده وبالترتيب واخر شيء اغلاق التاغ الرئيسي وهو تاغ الـ </TableLayout> *** هناك قاعده بسيطه لترتيب الفتح والاغلاق وهي: اول تاغ تفتحه هو اخر تاغ تغلقه وهكذا... لاحظو ان اول تاغ تم فتحه هو <TableLayout واخر تاغ تم اغلاقه هو </TableLayout> وبداخلهما كل التاغات الاخرى. سأقف هنا في هذا الدرس، سيكون الدرس التالي نظره تفصيليه اكثر على ملف GUI ال XML حتى نفهم كل شيء يهمنا به وبعدها ننتقل الى ملف الكود الذي سيشغل البرنامج. قد اكون تكلمت كثيرا عن ال XML هنا ولكنه شيء مهم برأيي لانك بالمستقبل ستبني واجهات قد تكون معقده قليلا فإذا لم تفهم بشكل جيد البنيه للملف وقواعد الكتابه به، لن تستطيع انجاز عملك بسهوله والى درس قادم ان شاء الله، اخوكم يزن - الاردن فهرس الدوره http://www.ce4arab.com/vb7/showthread.php?t=325071

اخر 5 مواضيع للعضو stinger1
الموضوع	الاقسام	الرد الاخير للعضو	الردود	مشاهده	اخر مشاركة
هدنه بين العمالقه، مايكروسوفت وجووجل	منتدى الأخبار	stinger1	24	5464	25-04-2016 11:42 AM
تحكم بالهاتف الذكي من خلال موجات الراديو (اختراق)	منتدى الأخبار	the dreame	16	7131	20-10-2015 10:10 AM
رسالة نصيه بسيطة لاختراق اي هاتف اندرويد	منتدى الأخبار	alYahoo	26	30359	29-07-2015 10:24 AM
HTC ONE سلوك غريب للشحن والبطاريه	منتدى هواتف Google Android العام	محمد نو	13	17209	10-12-2013 04:52 PM
اختراق TrueCaller وسرقه الملاين من ارقام الهاتف!	منتدى الأخبار	amadio123	1	10013	17-07-2013 09:09 PM

08-06-2011, 11:13 AM	#2
hksalameh عضو مشارك تاريخ التسجيل: 13-03-2008 الدولة: jordan المشاركات: 143 مشاركات الشكر: 72 شكر 97 مرات في 41 مشاركات	بارك الله فيك على الشرح وننتظر الدروس بفارغ الصبر

08-06-2011, 11:33 AM	#3
stinger1 عضو اساسي تاريخ التسجيل: 01-08-2010 الدولة: الاردن المشاركات: 1,037 مشاركات الشكر: 700 شكر 1,629 مرات في 403 مشاركات الاوسمة التي حصل عليها عدد الاوسمة: 1	حياك الله hksalameh واتمنى الفائده للجميع ملاحظه: تم اعاده تنسيق الدرس باستعمال phpcode بدل من code العادي لانه افضل للعرض من واجه صعوبه بالقراءه اول مره الان الوضع اصبح واضح

08-06-2011, 01:54 PM	#4
الغريب5 عضو مشارك تاريخ التسجيل: 15-01-2010 الدولة: السعودية المشاركات: 114 مشاركات الشكر: 13 شكر 41 مرات في 19 مشاركات	بارك الله فيك ،، استمرررررر جاري قراءته بتمعن

08-06-2011, 04:09 PM	#5
NeRe 4 EvEr عضو اساسي تاريخ التسجيل: 11-10-2007 الدولة: Anywhere ~` المشاركات: 1,033 مشاركات الشكر: 2,849 شكر 1,221 مرات في 561 مشاركات	الله يعــطيك العــافية لي رجعــة بإذن الله بعد الإختبارات و التطبيق و التجربة على الترانسفورمر ^^ دمت في حفظ الله تحياتي و إحترامي . .. ...

08-06-2011, 04:42 PM	#6
sma666 عضو مشارك تاريخ التسجيل: 14-04-2011 الدولة: السعودية المشاركات: 106 مشاركات الشكر: 31 شكر 176 مرات في 38 مشاركات	الله يعطيك العافية استاذنا اسلوبك في الشرح خطيييير ومفهوم جدا ننتظر الدروس القادمه الله يقويك ويوفقك وينفع بعلمك كل المسلمين ....

08-06-2011, 06:35 PM	#7
nasserr11 عضو جديد تاريخ التسجيل: 06-04-2011 الدولة: المملكة العربية السعودية المشاركات: 66 مشاركات الشكر: 33 شكر 29 مرات في 18 مشاركات	الله يعطيك العافيه صراحتاً كنا منتظرين مثل هالدروس عسى الله يوفقك ويجعلها في موازين حسناتك

08-06-2011, 07:54 PM	#8
سواد النخيل عضو نشط تاريخ التسجيل: 18-12-2010 الدولة: السعودية المشاركات: 438 مشاركات الشكر: 175 شكر 388 مرات في 170 مشاركات	للامام موفقين ...>>

14-06-2011, 01:12 AM	#9
قرقشني عضو مشارك تاريخ التسجيل: 15-06-2010 الدولة: USA المشاركات: 145 مشاركات الشكر: 134 شكر 140 مرات في 51 مشاركات	جزاك الله خير متابع ومتحمس

14-06-2011, 02:47 AM	#10
amer1398 عضو نشط تاريخ التسجيل: 27-03-2007 الدولة: saudi المشاركات: 392 مشاركات الشكر: 22 شكر 246 مرات في 113 مشاركات	الله يجزاك خير متابعين لك

14-06-2011, 08:47 AM	#11
stinger1 عضو اساسي تاريخ التسجيل: 01-08-2010 الدولة: الاردن المشاركات: 1,037 مشاركات الشكر: 700 شكر 1,629 مرات في 403 مشاركات الاوسمة التي حصل عليها عدد الاوسمة: 1	كل الشكر لكم اخوتي وجزاكم كل الخير عن دعواتكم الطيبه

اعلان

20-06-2011, 12:03 PM	#14
ولد طيب عضو جديد تاريخ التسجيل: 13-04-2011 الدولة: السعودية المشاركات: 36 مشاركات الشكر: 3 شكر 22 مرات في 12 مشاركات	شكرا على تجاوبك السريع جداا .. يا استادي مسألة الاطالة : قصدي ما ابغى اتعبك معي في الرد وانا جاي متأخر وشكرا عزيزي >> وانتظرني في الدرس الثالث معاي اسئله راح تجيبلك الشيب ^_^

20-06-2011, 12:06 PM	#15
راقي بكلمتي عضو جديد تاريخ التسجيل: 11-04-2011 الدولة: الريآض .. ! المشاركات: 22 مشاركات الشكر: 2 شكر 65 مرات في 8 مشاركات	يعطيك الف عآفيـه .. بآستفيد فيه .. تسلم ,,

07-12-2011, 11:32 AM	#17
stinger1 عضو اساسي تاريخ التسجيل: 01-08-2010 الدولة: الاردن المشاركات: 1,037 مشاركات الشكر: 700 شكر 1,629 مرات في 403 مشاركات الاوسمة التي حصل عليها عدد الاوسمة: 1	السلام عليكم شرح فيديو :[دورة تعليميه - شرح فيديو] تعلم صنع تطبيقات الاندرويد بالتفصيل - شرح هيكليه وبنيه تطبيق الاندرويد شرح فيديو :[دورة تعليميه - شرح فيديو] تعلم صنع تطبيقات الاندرويد بالتفصيل - شرح هيكليه وبنيه تطبيق الاندرويد - الكمبيوتر الكفي شرح فيديو :[دورة تعليميه - شرح فيديو] تعلم صنع تطبيقات الاندرويد بالتفصيل - شرح عمل برنامج بسيط وتشغيله على المحاكي شرح فيديو :[دورة تعليميه - شرح فيديو] تعلم صنع تطبيقات الاندرويد بالتفصيل - شرح عمل برنامج بسيط وتشغيله على المحاكي - الكمبيوتر الكفي

15-02-2014, 09:21 AM	#18
HASSAN ATEEQ عضو جديد تاريخ التسجيل: 15-02-2014 الدولة: السعودية المشاركات: 3 مشاركات الشكر: 0 شكر 0 مرات في 0 مشاركات	شكرا من القلب لك أخي الكريم وجاري القراءة ..

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)