السابق

التالي

التمرين - مقدمة إلى الصيغ فِي تطبيقات اللوحة

مكتمل

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

في التمرين التالي، سنقوم بتعديل المعرض الخاص بنا بحيث يُظهر "Machine Price" قيمة العملة، وسنقوم بتعديل لون النص الخاص بحقل "Type" الخاص بنا ليظهر بلون ماكينة القهوة. ولأنه إذا لم تكن قد أكملت ذلك بعد، يرجى العودة إلى الوحدة الأخيرة لإكماله، حيث إن هذا التطبيق يعتمد على التطبيق الذي أنشأناه فِي الوحدة الأخيرة.

عندما يكون تطبيق "ماكينات القهوة من Contoso" مفتوحًا، تابع الخطوات التالية:

1. حدّد "Catalog Screen" من لوحة طريقة عرض الشجرة.

   ملاحظة

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

2. حدّد المعرض الخاص بك، ثم حدّد عنصر التحكم Subtitle1 وابحث عن الخاصية Text، التي تعرض ThisItem.'Machine Price'.

3. قم بتعيين خاصية Text من أجل إضافة رمز العملة للدولار الأمريكي:

   Text(Value(ThisItem.'Machine Price'), "$ ##.00")

   تذكر ترتيب العمليات الحسابية عند استخدام الصيغة، أي شيء داخل الأقواس يحدث أولاً. تأخذ صيغتنا قيمة 'Machine Price'، نظرًا لأن جدول البيانات الخاص بنا قد تم إدخاله كنص، فإننا نعلن أن هذا رقم رقمي عن طريق تغليفه فِي الدالة Value(). ثم نقوم بتنسيق النتيجة كنص بإضافة علامة الدولار مع الرقم ثم قيم السنتات، حتى لو كانت القيمة بالسنت صفر.

   ملاحظة

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

   ومع ذلك، إذا كانت هذه المعادلة ذاتها فِي اللغة والمنطقة حيث يتم استخدام الفاصلة للفاصل العشري، مثل فرنسا أو إسبانيا، فيجب أن تكون: Text(Value(ThisItem.'Machine Price'); "$ ##,00")

   يكون مُشغل تحديد الخاصية "." (النقطة) فِي ThisItem.Price دائماً نفس الشيء، بغض النظر عن الفاصل العشري؛ لكن لاحظ أن الفاصل العشري وفاصل عملية التسلسل تغير إلى فاصلة وفاصلة منقوطة على التوالي. داخليًا، لا تتغير الصيغة، كل ما يتغير هو كيفية عرضها وتحريرها بواسطة المؤلف.

4. الآن دعونا نغير خاصية Color الخاصة بتسمية Body1 الخاص بنا فِي معرضنا. حدّد عنصر التحكم Body1 وابحث عن خاصية Text التي تعرض ThisItem.Type.

5. ابحث عن خاصية Color لـ Body1. لاحظ كيف تقرأ الصيغة "أسود". حدّد داخل حقل إدخال الصيغة وسترى أنه يعرض "Color.Black". وكذلك، لاحظ أنه أسفل حقل إدخال الصيغة مباشرة، يعرض Power Apps صيغة تظهر كـ Color.Black = ومربعاً يتم ملؤه باللون الأسود. وكذلك، تعلن أن نوع البيانات هو Color.

   ‏‫ملاحظة

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

6. لنقم بتغيير الخاصية Color الخاصة بتسمية Body1 إلى Color.Purple. ربما لاحظت أنه بمجرد كتابة كلمة "Color"، بدأت Power Apps تلقائيًا فِي اقتراح القيم المحتملة لبقية هذا الحقل أسفل شريط الصيغة. في بناء الجملة هذا، ستتعرف Power Apps على جميع ألوان HTML المتاحة.

7. الآن، ألقِ نظرة سريعة إلى يمين المعرض على عنصر تحكم النموذج الخاص بك (دون تحديده) ولاحظ أن لدينا حقلاً بعنوان "Primary Color". تتم كتابة بياناتنا حتى نتمكن من استخدام قيمة هذا الحقل فِي صيغتنا. في حقل الخاصية Color الخاص بالتسمية Body1، قم بتغيير الإدخال إلى الصيغة التالية:

   ColorValue(ThisItem. 'Primary Color')

   هل رأيت أن لون النص الموجود فِي تسمية Body1 يتطابق الآن مع Primary Color لآلة القهوة؟ Power Apps يمكن استخدام صيغة ColorValue لتغيير اسم النص للون إلى قيمة لون. يمكنك أن ترى أسفل شريط الصيغة الذي يعرض Power Apps نوع البيانات كـ Color، ويغير اللون لجميع عناصر المعرض بناءً على اللون الأساسي للجهاز.

   

8. بعد ذلك، سنضيف بعض العناوين إلى الشاشات الجديدة التي أنشأناها. للقيام بذلك، سنقوم بنسخ بعض عناصر التحكم من شاشة الكتالوج لدينا ولصقها على الشاشات الجديدة. اضغط مع الاستمرار على مفتاح Shift، وحدّد عنصري التحكم Rectangle1 وLabel1 من أعلى "Catalog Screen" (يمكنك أيضًا تحديدهما من طريقة العرض الشجرة). انقر بزر الماوس الأيمن وحدّد "نسخ" أو استخدم مفاتيح Ctrl + C لنسخ عناصر التحكم إلى حافظة جهازك.

   تلميح

   هناك بعض الوظائف الرائعة عند "النقر بزر الماوس الأيمن" على عنصر تحكم أو عناصر تحكم متعددة محددة. ستظهر هذه الميزات على شاشتك بجوار عنصر التحكم (عناصر التحكم) المحدد. لا يمكنك القص والنسخ فحسب، بل يمكنك أيضًا تجميع التعليقات أو إعادة ترتيبها أو محاذاتها أو إضافتها (للمستخدمين الآخرين). اعتماداً على نوع عنصر التحكم، سترى ميزات مثل Font وSize وColor وFill.

   

9. الآن، حدّد "Home Screen" وألصِق عنصري التحكم هناك. قم بتغيير موضعهما بحيث يتم توسيطهما فِي الجزء العلوي من الشاشة.

10. بعد ذلك، حدّد "Admin Screen" وكرر عملية اللصق. قم أيضًا بتغيير موضع عناصر التحكم مرة أخرى.

11. بعد ذلك، سنقوم بتغيير الاسم ليعكس أسماء الشاشة باستخدام الخاصية Text لعناصر التحكم فِي التسمية التي قمنا بإدراجها. حدّد عنصر التحكم فِي التسمية فِي عنوان "Admin Screen" الخاص بك. تذكر أن كل ما يحتاجه التحكم فِي التسمية هو النص. أدخل ما يلي فِي الخاصية Text الخاصة بعنصر التحكم فِي تسمية العنوان:

    ‘Admin Screen’.Name

    تلميح

    ربما لاحظت أنه عند بدء كتابة 'Admin Screen'، قامت Power Apps بعرض بعض المعلومات المحتملة من 'Admin Screen' والتي يمكنك استخدامها كنص فِي هذه التسمية. تعتبر التصنيفات عنصر تحكم بالغ الأهمية يجب إضافته إلى تطبيقك عند تطويره لأنها يمكنها عرض معلومات قد لا تراها بطريقة أخرى. يمكنك إضافتها/إزالتها من تطبيقك كما هو مطلوب.

    

12. لقد استخدمنا ببساطة الخاصية Name من 'Admin Screen' لدينا. عن طريق إدخال ما يلي فِي صيغة Text، لنفعل الشيء نفسه الآن مع Home screen:

    ‘Home Screen’.Name

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

متابعة