الأربعاء، 25 أكتوبر 2017

إحترف Android Studio من الصفر و حتى الإحتراف الجزء الخامس

من طرف Adnan Al dien  |  نشر في :  7:30 م

إحترف Android Studio من الصفر و حتى الإحتراف
الجزء الخامس : إدراج العناصر


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


نفتح الاندرويد ستوديو لبدء العمل
إحترف Android Studio من الصفر و حتى الإحتراف  الجزء الخامس
واجهة البرنامج بعد ان قام تلقائياً بفتح المشروع الخاص بنا الان امامنا خياران للبدء فى عمل التطبيقات إما العمل من داخل خيار Design او العمل من خيار Text يُفضل العمل بشكل اوسع و إحترافية اكثر للتفاصيل من خلال وضع Text
إحترف Android Studio من الصفر و حتى الإحتراف  الجزء الخامس
الان نرى هذه الواجهة سنحللها قليلاً هذه تسمى Activity_Home.xml وهى واجهة التطبيق او المشروع الرئيسية بلغة xml وهى المسئولة عن القوائم و الازرار او ما تسمى بالـ Views مثلما سبق و شرحنا الان سنقوم بوضع الـ Views التى يمكن وضعها داخل المشروع
إحترف Android Studio من الصفر و حتى الإحتراف  الجزء الخامس
الان قد عرفنا ما يمكن إضافته الى المشروع من عناصر
دعونا نقوم بإضافة اكثر من عنصر او اكثر من view و تجربة المشروع
إحترف Android Studio من الصفر و حتى الإحتراف  الجزء الخامس
الان قمت بوضع صورة فى الاعلى و قمت بإختيار مكانها بمجرد عمل سحب و افلات للعنصر داخل المشروع , و اسفلة قمت بإدراج زر و اسفلة يوجد النص القديم و اسفل النص يوجد عنصر يسمى ToggleButton و هو زر ثنائى بمعنى نعم \ لا , او بمعنى اَخر ايقاف \ تشغيل و اسفلة يوجد عنصر اَخر و ايضاً من فصيلة الازرار يسمى RadioButton ومثل ما موضح امامك هو للإختيار اذ يكفى فقط النقر عليه ليتم تفعيله
الان نوضح التفاصيل من خلال عرض خيار Text
إحترف Android Studio من الصفر و حتى الإحتراف  الجزء الخامس
و الان مرحلة شرح تلك الاكواد بصورة تفصيلية اكثر

................................................................................................................................................................

<TextView
       android:layout_width="wrap_content"                               خاصية العرض للنص المكتوب
       android:layout_height="wrap_content"                               خاصية الطول للنص المكتوب          
       android:text="Hello World!"                                                النص الذى سيظهر للمستخدم
       app:layout_constraintBottom_toBottomOf="parent"                        محاذاة العنصر من الاسفل
       app:layout_constraintLeft_toLeftOf="parent"                        محاذاة العنصر من اليسار
       app:layout_constraintRight_toRightOf="parent"                        محاذاة العنصر من اليمين
       app:layout_constraintTop_toTopOf="parent" />                        محاذاة العنصر من الاسفل

   <Button
       android:id="@+id/button"                   الرمز التعريفى للعنصر وهو رمز مميز لكل عنصر يتيح لك إجراء امر معين من اكواد الجافا للرمز المُحدد
       android:layout_width="wrap_content"                               خاصية العرض للزر
       android:layout_height="wrap_content"                               خاصية الطول للزر
       android:text="Button"                              النص الذى سيظهر على الزر
       tools:layout_editor_absoluteX="147dp"                             ابعاد الزر فى الواجهة و هنا سيبعد 147 نقطة عن اليسار
       tools:layout_editor_absoluteY="175dp" />                        ابعاد الزر من جهة الطول و هنا سيبعد عن الاعلى بمقدار 175 نقطة

   <ToggleButton
       android:id="@+id/toggleButton"      الرمز التعريفى للعنصر وهو رمز مميز لكل عنصر يتيح لك إجراء امر معين من اكواد الجافا للرمز المُحدد
       android:layout_width="wrap_content"                               خاصية العرض للزر
       android:layout_height="wrap_content"                               خاصية الطول للزر
       android:text="ToggleButton"                               النص الذى سيظهر
       tools:layout_editor_absoluteX="147dp"                             ابعاد الزر فى الواجهة و هنا سيبعد 147 نقطة عن اليسار و ستجد البعد متماثل تماماً مع الزر السابق نظراً لتعامدمهما
       tools:layout_editor_absoluteY="290dp" />                                  ابعاد الزر فى الواجهة و هنا سيبعد 290 نقطة عن الاعلى

   <RadioButton
       android:id="@+id/radioButton"                                     نفس الخصائص الموجودة بالأعلى
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="RadioButton"
       tools:layout_editor_absoluteX="137dp"
       tools:layout_editor_absoluteY="380dp" />

   <ImageView
       android:id="@+id/imageView"                                       نفس الخصائص الموجودة بالأعلى                
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       app:srcCompat="@mipmap/ic_launcher"        هنا مسار الصور التى ستظهر فى الواجهة و ستحددها حين تقوم بإدراج عنصر ImagView
       tools:layout_editor_absoluteX="175dp"
       tools:layout_editor_absoluteY="90dp" />


..........................................................................................................................................................................


الان نستطيع إدراج ما يحلو لنا و التحكم ايضاً بكل الخصائص لكل عنصر مُدرج


عدنان شاب سوري مختص بكل مايتعلق بالاندرويد من تطبيقات


سيتم مشاركة اكواد سورس مهمة لكل مطوري تطبيقات الريسكين ..

0 التعليقات:

اشتراك
الحصول على كل المشاركات لدينا مباشرة في صندوق البريد الإلكتروني

المشاركات الشائعة

RSS

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

تدعمه Blogger.
back to top