كيفية عمل قائمة جانبية في تطبيقات الموبايل مع وضع صور ونصوص وزر Flyout with image and buttons Xamarin forms

سابقا منذ فترة كان اسم الاداة في زامرن فورم هي Master details in xamarin form

الان مايكروسوفت قامت بتغيير اسم الاداة الي FlyOut xamarin forms

وظيفتها كما بالصورة هي قائمة جانبية تضغط عليها تذهب الي صفحات التطبيق الخاص بك

 

كيف يتم  ذلك

 

1-افتح الفيجوال ستوديو 

2- اضغط علي مشروعك كليك يمين ثم اختار عنصر جديد New item

3-اختار من الاختيارات fluout

واتركها بنفس الاسم الذي ظهر واضغط اوكي

الان لديك عدة صفحات بنفس الاسم

FlyoutPage1 وهي صفحة البداية 

FlyoutPage1Detail وهي صفحة التفاصيل التي يظهر فيها الصفحة التي ستضغط عليها وهنا اكتب مثلا مرحبا بكم في التطبيق 

وممكن تضع صورة معبرة 

FlyoutPage1Flyout وهي الصفحة التي بها القائمة المنسدلة التي ستظهر في تطبيقك 

اضغط كليك يمين ثم اظهر الكود View code

لتدخل علي الكود الداخلي للصفحة قم بتغيير الاسماء الافتراضية الي الاتي

 

 new FlyoutPage1FlyoutMenuItem { Id = 0, Title = "main",TargetType=typeof(MainPage) },
 new FlyoutPage1FlyoutMenuItem { Id = 1, Title = "login",TargetType=typeof(loginAdmin) },

الان اخر خطوة اذهب الي صفحة بداية التطبيق والتي تسمي app.xml

ثم اجعل صفحة البداية هي اسم الصفحة 

 MainPage = new FlyoutPage1();

 

الان شغل مشروعك وسيعمل معك

وهذا فيديو يوضح بالتفصيل كيفية ذلك