القائمة الرئيسية

الصفحات

شرح كيفية استخدام constraintlayout داخل برنامج اندرويد ستوديو Android studio

 

شرح استخدام constraintlayout داخل برنامج اندرويد ستوديو Android studio

شرح استخدام constraint layout داخل برنامج اندرويد ستوديو Android studio


بسم الله الرحمن الرحيم السلام عليكم ورحمه الله وبركاته في مقالة اليوم سوف نتعرف على خاصية جديدة من خصائص التصميم في برنامج الاندرويد ستوديو وخاصه xml وهي constraintlayout في الدروس السابقه تعرفنا على RelativeLayout وايضا  LinearLayout في هذه المقال سوف نتعرف على اكثر طريقه استخداما وهي constraint layout ويمكنك من هذه الطريقه تصميم الشكل الذي ترغب به من خلال الماوس او الاكواد وهذه الطريقه سهله جدا و تستخدم بكثرة , وفي هذه المقالة سيتم شرح كل شيئ لكم بالتفصيل كل شيء حول التصميم عن طريق هذه الخاصية سواء عن طريق الماوس او الاكواد لكي تصبح متمكن من تصميم الشكل الذي ترغب به بكافة الطرق داخل برنامج اندرويد ستوديو .


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


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


شرح constraintlayout داخل الاندرويد ستديو


1- الكونسترينت لاي اوت نوع من انواع ترتيب العناصر في المشروع وهي بسيطة ويمكنك استخدامها للترتيب عن طريق التصميم وكل شيئ سوف نتعرف علية , كل ما عليك هو التأكد من استخدامك لها وسوف نقومك بعمل نصين بسيطين لو تلاحظ ان النصين موجودين ولكنهم فوق بعضهم البعض ويوجد خطأ والسبب ان constraintlayout يجب عليك ان تربط النقاط " الاتجاهات " بالمواقع المناسبه كما بالصورة تجد ان هناك 4 دوائر بيضاء وهذا يعني ان هذا غير مربوط ويجب عليك ان تربط على الاقل نقطة واحده لكي تحل المشكلة .



2- اذا كنت تريد ان تربط النقطة من فوق تكتب toptotop واذا كنت ربطها اسفل شيئ معين Top_toBottom واذا من اليسار لليمين Right_toLef واذا العكس Left_toRight واذا كنت تريد جعلها في المنتصف Bottom_toBottom



3- الان نريد ان نجعل النص الاول والثاني في المنتصف والمسافه تكون متساويه بينهم سوف نجعل Bottom_toBottom للاثنين parent .


الاكواد المهمة في constraintlayout


app:layout_constraintLeft_toRightOf="parent"
app:layout_constraintRight_toLeftOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintTop_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="parent"



4- اذا كنت تريد جعل زرين بجانب بعضهم على سبيل المثال يمكنك عمل الزرين وجعلهم اسفل id الخاص بالنص وبعدها يمكنك ان تجعل نهاية الزر الاول بداية الثاني و بداية الاول تكون من الاساس و نهاية الثاني من الاساس ولا تنسى ان تجعل العرض 0 لكي ياخذ المساحة المطلوبة كما بالصورة .



5- الان تعالو نقوم نتعرف على اخر شيئ وهو ابسط شيئ في الموضوع كلمه وهو تحويل عملك كامل الى design ومنه اسحب ما تريد من القائمة الموجوده في رقم 2 وقم بوضعها في تمصميك رقم 3 ويمكنك التعديل على كل شيئ من خلال لوحة التحكم التي على اليسار رقم 4 مثل id والحجم الذي تريدة " يمكنك تعديل الحجم من خلال الماوس في لوحة رقم 3 " وكل شيئ تقريبا يمكنك عمله من هنا .



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


شاهد ايضا :-

هل اعجبك الموضوع :