إدخال البيانات وعرضها باستخدام عناصر تحكم النص

مكتمل

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

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

لقطة شاشة لقائمة عناصر التحكم بالنص.

  • التسمية - تقوم التسمية بإظهار البيانات التي تقوم بتعيينها كسلسلة نصية لقيمة حرفية، والتي تظهر تماماً بالطريقة التي تقوم بكتابتها بها، أو كصيغة يتم تقييمها لسلسلة نصية. تظهر التسميات غالبًا خارج أي عنصر تحكم آخر (مثل شعار يُحدّد شاشة)، كتسمية تُحدّد عنصر تحكم آخر (مثل تصنيف أو عنصر تحكم فِي الصوت)، أو فِي معرض لإظهار نوع مُعين من المعلومات حول عنصر .

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

  • نص HTML - لا يعرض عنصر تحكم نص HTML نصًا عاديًا وأرقامًا فحسب، بل يقوم أيضًا بتحويل علامات HTML، مثل المسافات غير الفاصلة.

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

  • إدخال القلم - عنصر تحكم يُمكن للمُستخدم من خلاله رسم مناطق من صورة، ومسحها، وإبرازها. يُمكن للمُستخدم استخدام عنصر التحكم هذا مثل سبورة بيضاء، ورسم المُخططات وكتابة الكلمات التي يُمكن تحويلها إلى نص مكتوب.

فيما يلي نظرة عن كثب على عنصر تحكم التسمية وبعض الأمثلة حتى تتمكن من الحصول على فكرة أفضل عن كيفية عملها.

أولاً، قم بإضافة عنصر تحكم تسمية لإظهار النص.

  1. في Power Apps Studio، أضف عنصر تحكم التسمية.

  2. قم بتعيين خاصية Text للتسمية إلى "Hello, world" (بما فِي ذلك علامات الاقتباس المزدوجة).

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

  1. قم بإضافة زر وضبط خاصية OnSelect الخاصة به إلى هذه المعادلة:

    ClearCollect(CityPopulations, {City:"London", Country:"United Kingdom", Population:8615000}, {City:"Berlin", Country:"Germany", Population:3562000}, {City:"Madrid", Country:"Spain", Population:3165000}, {City:"Rome", Country:"Italy", Population:2874000}, {City:"Paris", Country:"France", Population:2273000}, {City:"Hamburg", Country:"Germany", Population:1760000}, {City:"Barcelona", Country:"Spain", Population:1602000}, {City:"Munich", Country:"Germany", Population:1494000}, {City:"Milan", Country:"Italy", Population:1344000})
    
  2. اضغط مع الاستمرار على مفتاح Alt، وحدّد عنصر التحكم الزر. (سوف يؤدي هذا إلى إنشاء مجموعتك وتخزين جميع المعلومات.)

  3. أضف معرض عمودي فارغ، وقم بتعيينه الخاصيته Items إلى CityPopulations.

  4. مع تحديد المعرض، فِي الجزء الأيمن، قم بتغيير التخطيط من "فارغ" إلى العنوان وشريط الترجمة والمحتوى.

  5. حدّد التسمية العلوية أو الأولى، ففي خاصية Text تظهر القيمة الافتراضية على سبيل المثال ThisItem.City، ويمكنك تغيير هذه القيمة إلى شيء آخر إذا كنت تريد ذلك. لمزيد من المعلومات حول عامل تشغيل ThisItem، راجع عوامل التشغيل والمعرفات فِي Power Apps.

  6. حدّد التسمية الوسطى أو الثانية، والتي تظهر بالشكل ThisItem.Country.

  7. حدّد التسمية الأخيرة أو الثالثة، وغيّر الخاصية النص إلى ThisItem.Population.

لقطة شاشة من عناصر قائمة صورة المعرض لخاصية النص.

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