نماذج منبثقة لتطبيقات Power Apps لتجربة مستخدم تفاعلية

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

تعد النوافذ المنبثقة لـ Form Power Apps أدوات قوية للغاية بالنسبة لك لتوفير تجربة مخصصة للمستخدمين والسماح لهم بالتحقق من صحة شيء ما هم على وشك القيام به في قاعدة بيانات أساسية.

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

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

جدول المحتويات

• كيفية إنشاء نموذج Power Apps Pop Up
• خاتمة

كيفية إنشاء نموذج Power Apps Pop Up

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

يمكننا الاطلاع على مزيد من المعلومات حول تقرير المصروفات هذا ، مثل الوصف والمبلغ والفئة والحالة وما إلى ذلك.

بالإضافة إلى ذلك ، يمكنني النقر فوق تحرير ، وفي الجزء السفلي ، يوجد رمز سلة المهملات يمكّنني من حذف هذا السجل أيضًا.

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

أول شيء سأفعله هو إضافة مستطيل يغطي الشاشة بأكملها. ستبدو الشاشة باهتة بعض الشيء فقط لتعكس مظهر الشاشة فوق بعضها البعض.

لذا ، سأنتقل إلى إدراج ، ثم سأنتقل إلى الأيقونات ، وسأنتقل إلى أسفل إلى المستطيل. سأتأكد من أن المستطيل يغطي الشاشة بأكملها.

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

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

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

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

سنضيف بعد ذلك زرين. سيكون أحد الأزرار في الأساس حذفًا والآخر سيكون مجرد "رجوع" . سنقوم بتعديل اللون والحجم أيضًا.

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

هذا أحد الأشياء الرائعة في Power Apps. يسمح لنا بتجميع العناصر معًا. مع ذلك ، أنشأت مجموعة تسمى Group1 .

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

على سبيل المثال ، نريد التحكم في رؤية كل هذه الخصائص وجعلها "خاطئة" في الوقت الحالي ، ستختفي.

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

والآن ، سننشئ متغيرًا جديدًا يتحكم في وقت ظهور النموذج بالفعل. دعنا نسمي هذا المتغير دالة المجموعة. لنقم بتسمية المتغير الخاص بنا ، ConfirmPopUp ، وسنقوم بتعيين ذلك على "صحيح".

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

الشيء التالي الذي سنفعله هو النقر فوق "رجوع" ، وسيكون لدينا إجراء مرتبط بالنقر فوق ذلك. عندما يختار شخص ما ذلك ، نريد أن تكون رؤية المجموعة 1 خاطئة.

بعد ذلك ، نحتاج إلى تغيير إجراء OnSelect لزر Delete لتنفيذ الوظائف التي حفظناها في المفكرة.

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

تطبيقات Microsoft Power: تجميع العناصر معًا
بيئات تطبيقات الطاقة: إعداد عناصر التطبيق بشكل صحيح
تطبيقات الطاقة: البدء باستخدام هذه الأداة الثورية

خاتمة

أحد أسباب استخدام النوافذ المنبثقة في Power Apps هو إنشاء تجربة مخصصة للمستخدمين. آخر هو إنشاء نوع من التحقق من الصحة للمستخدمين أيضًا لأنه مفيد للمستخدمين.

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

اسمحوا لي أن أعرف إذا كان لديك أي أسئلة وترك التعليقات في قسم التعليقات أدناه.

أتمنى لك كل خير!

هنري