العلامة التجارية لعنصر التحكم
إذا لم يتطابق المظهر الجاهز منن Power Apps مع التصميم والمظهر المرغوبين لتطبيقك، فيمكنك تخصيص العديد من خصائص التحكم. من خلال ضبط بعض الخصائص مثل Fill وHoverColor وBorderColor، يمكنك تغيير مظهر عنصر التحكم بالكامل. بالإضافة إلى ذلك، يمكنك Power Apps من تخصيص الخطوط.
يسمح لك Power Apps بإدخال اللون بعدة طرق، لذلك إذا كانت لديك قيمة RGBA، أو قيمة لون سداسية عشرية، أو كان لونك يتطابق مع أحد ألوان HTML القياسية المتوفرة مع Color.[your selected color]، فيمكنك تحديد هذا اللون. يمكنك بعد ذلك استخدام هذا اللون فِي أي مكان فِي تطبيقك كلون مخصص. فيما يلي خصائص الألوان الشائعة لمعظم عناصر التحكم.
الخصائص النموذجية
تكون هذه الخصائص سارية المفعول عندما لا يتفاعل المستخدم مع عنصر التحكم.
Fill - لون الخلفية
Color - لون النص
BorderColor - لون حدود عنصر التحكم
BorderStyle - نمط حدود عنصر التحكم، إما متصل أو متقطع أو منقط أو لا شيء
خصائص التحويم
يرى المستخدمون خصائص التمرير عند المرور فوق عنصر التحكم باستخدام الماوس. تنطبق كل هذه الأمور عندما يكون الماوس فوق عنصر التحكم.
HoverFill - لون خلفية عنصر التحكم
HoverColor - لون الخط
خصائص معطَّل
تسري هذه الخصائص عند تعطيل عنصر التحكم. افتراضيًا، ولإعلام المستخدم بوجود عنصر تحكم ولكن لا يمكن الوصول إليه، ستلاحظ وجود نظام ألوان رمادي فاتح. يظهر نظام الألوان هذا فقط عند تعيين الخاصية DisplayMode لعنصر التحكم إلى معطل.
DisabledFill - لون الخلفية
DisabledColor - لون النص
يتم التحكم فِي إعدادات الألوان من خلال السمة فقط
هناك بعض إعدادات الألوان التي لا يمكن تغييرها وهي خاصة بالموضوع الذي تحدده. على سبيل المثال، هناك عنصر التحكم منتقي التاريخ.
إذا قمت بإضافة عنصر تحكم منتقي التاريخ إلى تطبيقك، فستلاحظ أن لديك خيار تغيير الخاصية Color للخط، وBorder (اللون، ولكن أيضًا النمط والسمك) ولون الخلفية. كل هذه الخيارات متاحة فِي واجهة شريط الأوامر.
علاوة على ذلك، يمكنك ضبط هذه الخصائص وغيرها عبر حقل إدخال الصيغة (fx). هناك زوجان ستجدهما فِي الخصائص القابلة للتغيير، وهما IconBackground وIconFill (لون أيقونة التقويم). ومع ذلك، إذا قمت بوضع التطبيق فِي وضع المعاينة، فلن تتمكن من تغيير الألوان فِي التقويم بعيدًا عن لون السمة المحدد.
في صورة عنصر تحكم منتقي التاريخ الموضح أدناه، قمنا بتعيين Color لعرض النص الأحمر، وقمنا بتعيين لون الحدود إلى اللون الأخضر (حتى جعلنا نمط الحدود متقطعًا)، وقمنا بتغيير IconBackground إلى اللون الأخضر. عندما نضع التطبيق فِي وضع الإصدار الأولي، يُظهر لون التقويم السمة الزرقاء المطبقة حاليًا على تطبيقنا.
الخاصية Font
تتوفر الخاصية Font على أي عنصر تحكم يعرض النص. ورغم أنه من الممكن عرض العديد من أنواع الخطوط الأخرى المتوفرة فِي Microsoft الأخرى منتجات وعندما تقوم بإدراج/تحديد عنصر تحكم باستخدام الخاصية Font، سيعرض خيار شريط الأوامر الخاص بك قائمة منسدلة تعرض 14 خطًا شائعًا تمت برمجتها بالفعل فِي Power Apps. على سبيل المثال، إذا كنت تريد عرض الخط: Algerian، يمكنك كتابة "Algerian" فِي الخاصية Font لعنصر التحكم هذا.
كيفية تطبيق العلامة التجارية المخصصة عبر تطبيقك
تذكر أن Power Apps تتعرف على اللون كنوع بيانات. إذا قمنا بتعريف متغير type: Color، فيمكننا استخدام هذا المتغير فِي أي مكان فِي تطبيقنا حيث نريد تمثيل هذا اللون. وبالمثل بالنسبة للخطوط، يمكننا تحديد نوع الخط الذي يمكن فهمه Power Apps كمتغير.
يمكننا إدراج تلك القيم فِي خصائص التحكم الخاصة بنا والتي تتعلق بالألوان وذلك إذا قمنا بتعريف قيم اللون/الخط المطلوبة كمتغيرات. هناك طريقة رائعة للقيام بذلك وهي استخدام الصيغ المسماة. الصيغ هي إحدى خصائص التطبيق، ويمكن الوصول إليها عند تحديد التطبيق من لوحة طريقة العرض الشجرة. في المثال التالي، سنتعرف على كيفية تحديد بعض ألوان العلامة التجارية أثناء استخدام تطبيق ماكينات القهوة من Contoso.
من Home Screen، حدّد التطبيق من لوحة طريقة عرض الشجرة. لاحظ أن الخاصية StartScreen تظهر فِي القائمة المنسدلة للصيغة.
حدّد القائمة المنسدلة للخصائص، ثم ابحث عن/حدّد الصيغ.
تحتوي شركة Contoso Electronics على ثلاثة ألوان أساسية، بما فِي ذلك اللون الأزرق المخضر الداكن واللون الأزرق المخضر الفاتح إلى جانب اللون الأبيض. نحتاج فقط إلى تحديد اللونين الآخرين، وذلك بما أن Power Apps قد قام بالفعل بتعريف اللون الأبيض. يمكن تعريف هذه الألوان لـ Power Apps على النحو التالي:
nfBrandingLight = RGBA(3, 131, 135, 1);nfBrandingDark = ColorValue("#334A5F");استخدمنا البادئة "nf" للصيغة المسماة، ثم استخدمنا رمز يساوي (=) ثم أضفنا قيمة لون Power Apps مفهومة، ثم وضعنا أخيرًا فاصلة منقوطة فِي النهاية. إذا قمت بإدخال التعليمات البرمجية الخاصة بك فِي App>الصيغ تمامًا مثل هذا، فيمكنك بعد ذلك استخدام قيمة الصيغة هذه فِي أي مكان فِي تطبيقك حيث تحتاج إلى هذا اللون.
في تطبيقنا، انتقل إلى الخاصية Fill لمستطيلات رأسك وأدخل "nfBrandingDark".
انتقل إلى عناصر التحكم فِي الأزرار وقم بتحديث الخاصية Fill باسم "nfBrandingLight".
فكرة أخيرة حول العلامة التجارية، بمجرد أن يكون لديك عنصر تحكم يبدو تمامًا كما تريده، انسخ عنصر التحكم هذا وضعه على شاشة مخفية كقالب. وبعد ذلك، يمكنك نسخ عنصر التحكم واستخدامه فِي مكان آخر فِي تطبيقك.