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

الصفحات

كيفية اضافة قائمة تظهر من الاسفل الى الاعلى - Bottom sheet داخل برنامج اندرويد ستوديو

شرح اضافة بوتوم شيت بالعربي داخل برنامج اندرويد ستوديو

 

شرح اضافة بوتوم شيت بالعربي داخل برنامج اندرويد ستوديو


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


ماهو برنامج اندرويد ستوديو وفيما يستخدم ؟


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


خطوات اضافة زر يخرج من الاسفل الى الاعلى على شكل قائمة


1- قم بالتوجة الى ملف ava او layout ومن ثم انقر كلك يمين - Right Click ومن ثم اختر new ومنها Fragment واختر Modle Bottom Sheet .



2- من هنا قم بتغيير الاسم ItemListDialogFragment اذا كنت تريد وبعدها وحدد ان الصفوف تكون عبارة عن list كما بالصورة وبعدها انقر على ok .



3- الان تم انشاء البوتوم شيت بسهوله سوف تجد بالاعلى كود لاستدعائه يمكنك اخذة الى MainActivity وبعدها تشغيله بها لكي يعمل البوتوم شيت هناك .



4- قم بوضع الكود في اي مكان تريدة وهنا وضعته داخل الزر فعندما ينقر على الزر يفتح له القائمة .



5- المخرجات النهائية للتصميم " Output "



شاهد ايضا :-

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