تغيير حجم الشاشة والاتجاه لتطبيقات اللوحة

تخصيص تطبيق اللوحة عن طريق تغيير حجمه واتجاهه.

تغيير حجم الشاشة والاتجاه

  1. قم بتسجيل الدخول إلى Power Apps.

  2. فتح التطبيق إلى تحرير.

  3. حدد الإعدادات.

  4. حدد عرض.

  5. ضمن قائمة الاتجاه، حدد عمودي أو أفقي.

    اتجاه لتخطيط الهاتف.

  6. (تطبيقات الكمبيوتر اللوحي فقط) ضمن نسبة العرض إلى الارتفاع، قم بإجراء أي من الخطوات التالية:

    • حدد النسبة التي تطابق الجهاز المستهدف لهذا التطبيق.
    • حدد مخصص لتعيين الحجم الخاص بك، ثم حدد عرض بين 50 - 3840 وارتفاع بين 50 - 2160.

    تغيير نسبه العرض إلى الارتفاع لتطبيق الكمبيوتر اللوحي.

    ملاحظة

    لا يتوفرالحجم إلا للتطبيقات التي تحتوي علي تخطيط الكمبيوتر اللوحي فقط.

  7. ضمن تغيير الحجم للملاءمة‬، حدد إما تشغيل أو إيقاف التشغيل.

    تغيير الحجم للملاءمة.

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

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

    عندما يتم إيقاف تشغيل هذا الإعداد، يتم إيقاف تشغيل تأمين نسبة الارتفاع إلى العرض وتعطيله تلقائيًا. بالإضافة إلى ذلك، يتم تعيين خاصية العرض لجميع الشاشات إلى Max(App.Width, App.DesignWidth)، ويتم تعيين خاصية الارتفاع إلى Max(App.Height, App.DesignHeight) بحيث يتتبعون أبعاد النافذة التي يتم تشغيل التطبيق فيها. وبهذا التغيير، يمكنك إنشاء تطبيقات تستجيب لأبعاد أجهزة ونوافذ مختلفة. مزيد من المعلومات: إنشاء تخطيط تفاعلي

  8. ضمن تأمين نسبة الارتفاع إلى العرض، قم بتحديد تشغيل أو إيقاف تشغيل.

    تأمين نسبة الارتفاع إلى العرض.

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

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

    ملاحظة

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

  9. ضمن تأمين التوجيه، قم بتحديد إما تشغيل أو إيقاف تشغيل.

    تأمين التوجيه.

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

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

    تجربه التضمين.

  10. أغلق مربع حوار الإعدادات.

  11. احفظ التطبيق وانشره.

تم تعداد سلوك التطبيق للمقياس ليلائم إعدادات نسبة العرض إلى الارتفاع وقفلها

السيناريو تغيير الحجم للملاءمة تأمين نسبة الارتفاع إلى العرض سلوك تخطيط التطبيق في "تغيير حجم الشاشة" الملاحظات المُراد تضمينها في المستندات
1 مُمَكّن مُمَكّن يتم تعيين عرض الشاشة وارتفاعها من قِبل المنشئ. تتناسب الشاشة مع حجم النافذة المتاحة.
2 مُعطل مُمَكّن غير قابل للتطبيق. عند تعطيل المقياس الملائم، يتم أيضًا تعطيل نسبة القفل.
3 مُمَكّن مُعطل في Power Apps Studio، تتناسب الشاشة مع حجم النافذة المتاحة. في تجربة المستخدم النهائي، تتناسب Power Apps مع أصغر حافة (عرض أو ارتفاع)، ثم تملأ واجهة المستخدم للحافة الأكبر. بالنسبة للتطبيقات المصممة للأجهزة المحمولة، نوصي المنشئين باستخدام تأمين الاتجاه مع هذا الإعداد.
4 مُعطل مُعطل يمكن أن تكون تجارب التطبيقات سريعة الاستجابة. يمكن للمنشئين معالجة مواقع التحكم باستخدام Power Fx لتعيين قيم X وY بالإضافة إلى العرض والارتفاع. لمزيد من المعلومات، راجع وثائق التخطيط سريع الاستجابة وفكر في استخدام حاويات التخطيط التلقائي.

الخطوات التالية