التمرين - إنشاء التنقل الأساسي على الشاشة لتطبيق اللوحة
في هذه الوحدة، سنواصل العمل على تطبيق ماكينات القهوة من Contoso، لذا يرجى التأكد من أنك قمت بفتح التطبيق الذي واصلنا إنشاءه فِي وحدة التعلم هذه.
حتى يتمكن المستخدم من الانتقال إلى الشاشات المختلفة للتطبيق، سنقوم بإضافة بعض التنقل على شاشة التطبيق. عند إنشاء تطبيق، فإن الشاشة الموجودة أعلى طريقة العرض الشجرة لديك هي الشاشة التي سيصل إليها التطبيق، إلا إذا قمت بتحديد شاشة مختلفة عن عمد فِي صيغة StartScreen الخاصة بتطبيقك. في حالتنا، فإن الشاشة الأولى التي سيراها شخص ما عندما نشارك تطبيقًا معه هي 'Home Screen'.
اتبع الخطوات أدناه لإضافة بعض التنقل إلى تطبيقنا:
انتقل إلى 'Home Screen' لتطبيقك وأدخل زرين لعناصر التحكم.
ضعهما على الشاشة المركزية، أحدهما فوق الآخر مع وجود بعض المسافة بينهما حتى لا يتمكن مستخدمنا من النقر عن طريق الخطأ فوق أحدهما أثناء محاولته النقر فوق الآخر.
اضغط مع الاستمرار على مفتاح Shift، وحدّد كلا عنصري التحكم. تحتوي بعض عناصر التحكم على خصائص متطابقة يسهل مواءمتها مع كلٍ من العناصر المحددة. أبقِ كلا عنصري التحكم محددين للخطوتين التاليتين.
حدّد عنصر تحكم القائمة المنسدلة محاذاة من شريط الأوامر وحدّد "محاذاة إلى اليسار". إذا كنت لا ترى عنصر تحكم القائمة المنسدلة محاذاة فِي شريط الأوامر، فيمكنك النقر بزر الماوس الأيمن (مع تحديد كلا عنصري التحكم) وسترى القائمة المنسدلة للخيار محاذاة فِي نافذة منبثقة.
ملاحظة
تعد ميزة المحاذاة طريقة فعالة لترتيب عناصر تحكم متعددة بسرعة فِي وقت واحد. ميزة أخرى قوية يجب تدوينها هي ميزة التراجع الموجودة أيضًا فِي شريط الأوامر على يمين الزر رجوع.
انظر الآن إلى لوحة الخصائص على اليمين وابحث عن خاصيتي Width وHeight. هذه هي حقول الإدخال الرقمية. أدخل 250 لـ Width و100 لـ Height.
قم بتغيير الخاصية Text للزر الموجود فِي الأعلى لقراءة "View Catalog" والخاصية Text للزر السفلي لقراءة "Admin Screen".
بعد ذلك، سنضيف وظائفنا الأولى التي ستمكن التنقل على الشاشة. تحتوي الدالة Navigate على معلمة واحدة مطلوبة، وهي الشاشة التي سينتقل إليها التطبيق. عند إضافة الدالة Navigate، فإنك تقوم بإدخال اسم الشاشة بين علامتي اقتباس مفردتين، وتذكر أن Power Apps سيطالبك أثناء كتابته فِي شريط الصيغة. حدّد الزر "View Catalog"، وأضف ما يلي إلى الخاصية OnSelect:
Navigate('Catalog Screen')وبالمثل، حدّد الزر الذي يحمل اسم "Admin Screen" وأدخل ما يلي فِي الخاصية OnSelect:
Navigate('Admin Screen')ما لم نوفر له طريقة للعودة إلى الشاشة الرئيسية، سيؤدي منح مستخدمنا القدرة على التنقل من الشاشة الرئيسية إلى وضعه على الشاشة الوجهة. لقد رأيت بالفعل الدالة Navigate، والتي يمكنك استخدامها لإعادة المستخدم إلى الشاشة الرئيسية، ولكن Power Apps لديها طريقة للعودة إلى الشاشة السابقة التي كان المستخدم يستخدمها من خلال الدالة Back. انتقل إلى Catalog Screen وأضف عنصر التحكم الزر.
اسحب الزر الجديد إلى الزاوية اليمنى السفلية من الشاشة وقم بتحديث الخاصية Text لتكون "الأسود".
الآن قم بتحديث الخاصية OnSelect الخاصة بالزر الجديد إلى ما يلي:
Back()ستعيد هذه الصيغة المستخدم إلى الشاشة السابقة.
انتقل إلى Admin Screen وكرر الخطوتين أعلاه.
والآن، ارجع إلى Home Screen وضع التطبيق فِي وضع الإصدار الأولي. حاول تحديد الزر "View Catalog" ثم استخدام الزر "Back" للعودة إلى الصفحة الرئيسية. جرب نفس الشيء مع أزرار Admin Screen.
تلميح
لن يفهم تطبيقك الرجوع إلا إذا انتقلت أولاً إلى تلك الشاشة من خلال التطبيق. لن يكون هناك سياق Power Apps للشاشة التي سيتم الانتقال إليها باستخدام الدالة Back، إذا بدأت فِي معاينة تطبيقك من Catalog Screen أو Admin Screen. لذا، عندما تقوم بمعاينة تطبيقك، تذكر أن يبدأ الإصدار الأولي من Home Screen.
تهانينا! لقد قمت الآن بإضافة التنقل الأساسي إلى تطبيقك. سنستكشف ذلك فِي وحدة التعلم التالية إذا كنت ترغب فِي معرفة المزيد حول التنقل فِي التطبيق. لذا، بعد فحص موجز لمعلوماتك، تابع معنا لتتعلم المزيد من الأشياء التي يمكنك القيام بها للارتقاء بتطبيقك إلى المستوى التالي!