الرئيسيةأندرويددروس و تعليمات
إحترف Android Studio من الصفر و حتى الإحتراف الجزء الخامس
إحترف Android Studio من الصفر و حتى الإحتراف
الجزء الخامس : إدراج العناصر
بعد ان قمنا بعمل تعريفات عديدة للبرنامج سنبدأ من هذا الجزء الخامس العمل التطبيقى لبناء التطبيقات و كيف يتم بناءها
نفتح الاندرويد ستوديو لبدء العمل
واجهة البرنامج بعد ان قام تلقائياً بفتح المشروع الخاص بنا الان امامنا خياران للبدء فى عمل التطبيقات إما العمل من داخل خيار Design او العمل من خيار Text يُفضل العمل بشكل اوسع و إحترافية اكثر للتفاصيل من خلال وضع Text
الان نرى هذه الواجهة سنحللها قليلاً هذه تسمى Activity_Home.xml وهى واجهة التطبيق او المشروع الرئيسية بلغة xml وهى المسئولة عن القوائم و الازرار او ما تسمى بالـ Views مثلما سبق و شرحنا الان سنقوم بوضع الـ Views التى يمكن وضعها داخل المشروع
الان قد عرفنا ما يمكن إضافته الى المشروع من عناصر
دعونا نقوم بإضافة اكثر من عنصر او اكثر من view و تجربة المشروع
الان قمت بوضع صورة فى الاعلى و قمت بإختيار مكانها بمجرد عمل سحب و افلات للعنصر داخل المشروع , و اسفلة قمت بإدراج زر و اسفلة يوجد النص القديم و اسفل النص يوجد عنصر يسمى ToggleButton و هو زر ثنائى بمعنى نعم \ لا , او بمعنى اَخر ايقاف \ تشغيل و اسفلة يوجد عنصر اَخر و ايضاً من فصيلة الازرار يسمى RadioButton ومثل ما موضح امامك هو للإختيار اذ يكفى فقط النقر عليه ليتم تفعيله
الان نوضح التفاصيل من خلال عرض خيار Text
و الان مرحلة شرح تلك الاكواد بصورة تفصيلية اكثر
دعونا نقوم بإضافة اكثر من عنصر او اكثر من view و تجربة المشروع
الان قمت بوضع صورة فى الاعلى و قمت بإختيار مكانها بمجرد عمل سحب و افلات للعنصر داخل المشروع , و اسفلة قمت بإدراج زر و اسفلة يوجد النص القديم و اسفل النص يوجد عنصر يسمى ToggleButton و هو زر ثنائى بمعنى نعم \ لا , او بمعنى اَخر ايقاف \ تشغيل و اسفلة يوجد عنصر اَخر و ايضاً من فصيلة الازرار يسمى RadioButton ومثل ما موضح امامك هو للإختيار اذ يكفى فقط النقر عليه ليتم تفعيله
الان نوضح التفاصيل من خلال عرض خيار Text
و الان مرحلة شرح تلك الاكواد بصورة تفصيلية اكثر
................................................................................................................................................................
<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" />
..........................................................................................................................................................................
الان نستطيع إدراج ما يحلو لنا و التحكم ايضاً بكل الخصائص لكل عنصر مُدرج
لماذا لاتظهر لدي نلفذة الخصائص
ردحذف