إنشاء نموذج تنقل لتطبيق اللوحة الخاص بك

مكتمل

بالنسبة للمستخدم تقدم قائمة التنقل منظوراً شاملاً للخدمات التي يجب أن يقدمها التطبيق. وبالتالي، من الضروري أن تكون مثل هذه القائمة متوفرة من خلال التطبيق. من وجهة نظر الصانع، يجب أن تكون القائمة سهلة التنفيذ وسهلة التحديث.

نظرة عامة على قائمة التنقل

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

لقطة شاشة لتطبيق طلب الجهاز باستخدام زرين.

عندما تحتوي قائمة التنقل على خيارات متعددة، فإن استخدام مجموعة من مصادر البيانات (أو مصدر البيانات) ومعرض يعد خياراً أفضل. بهذه الطريقة، يتم تنسيق موقع س وص ويتم الاهتمام تلقائياً بالارتفاع والعرض.

لقطة شاشة لـ GalMenu مع معادلة العناصر التي تم تعيينها إلى ColScreenNav.

استخدم مصدر بيانات

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

لقطة شاشة لـ SharePoint تعرض قائمة عناصر Power Apps.

ثم يتم ربط هذه القائمة بـ Power Apps كاسم مصدر بيانات SharePoint. يمكنك بعد ذلك إدراج معرض فارغ في أي شاشة ترغب في وضع قائمتك فيها وتعيينها إلى "قائمة تطبيقات Power Apps" كمصدر للبيانات (خاصية Items للمعرض). يمكنك بعد ذلك إدراج زر في المعرض ليصبح الرابط القابل للنقر.

لقطة شاشة لصيغة Items التي تم تعيينها إلى قائمة تطبيق Power Apps.

أكمل القائمة عن طريق إعادة تسمية الخاصية Text الخاصة بالزر لجعلها ThisItem.Title.

لقطة شاشة للصيغة Text تم تعيينها إلى This Item dot Title.

وأخيراً، لكي يعمل التنقل، عدّل الخاصية OnSelect الخاصة بالزر عن طريق إضافة المنطق الشرطي حول ThisItem.Title للانتقال إلى الشاشة المختارة. يمكنك القيام بذلك باستخدام العبارة If أو Switch. تخدم أي عبارة من العبارتين الغرض نفسه. ومع ذلك، يجب عليك إدخال أسماء الشاشة الموجودة بالفعل في التطبيق وفي قائمتك حتى يعمل هذا.

لقطة شاشة للعبارة If للخاصية OnSelect.

لقطة شاشة للعبارة Switch للخاصية OnSelect.

استخدام مجموعة

لديك أيضاً المرونة لإنشاء مجموعة داخل تطبيق اللوحة باستخدام خاصية App OnStart. ثم يمكنك ملء تلك المجموعة في المعرض كقائمة مثل قائمة موجودة في قوائم Microsoft.

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

لقطة شاشة لصيغة OnStart التي تم تعيينها إلى ClearCollect(ColScreenNav) مع تعيين كل عنصر باستخدام المعرف واسم الشاشة.

بعد ذلك، يمكنك إضافة معرض عمودي فارغ.

لقطة شاشة لعلامة التبويب "إدراج" مع قائمة المعرض المنسدلة والتي تم تمييزها عمودياً.

مع تحديد المعرض، يمكنك اختيار مصدر بيانات لمعرض الصور الخاص بك.

لقطة شاشة لصيغة الأصناف التي تم تعيينها إلى CustomGallerySample.

ثم يمكنك إضافة زر داخل المعرض وتغيير خاصية Text الخاصة به إلى ThisItem.ScreenName.

لقطة شاشة لزر الصفحة الرئيسية مع تعيين صيغة النص إلى ThisItem.ScreenName.

يمكنك الآن تغيير حجم القالب وعرض الزر لترتيب الأمور.

لقطة شاشة لزر شاشة الصفحة الرئيسية المحدد وتعيين خاصية Template size إلى 80.

يمكن اتباع عملية مشابهة لإنشاء قائمه أفقية باستخدام المعرض الأفقي.

بطريقة مماثلة لأسلوب مصدر البيانات، يمكنك تعديل الخاصية OnSelect الخاصة بالزر للانتقال إلى الشاشة التي تختارها.