5.14 إدارة أيقونات التطبيقات

5.14 إدارة أيقونات التطبيقات #

قم بإضافة وتحديث الأيقونة (أو الرمز) icon الذي يتم عرضه كرمز مفضل، وأيقونة PWA، وأيقونة Apple touch، وأيقونة App Builder في تطبيقات Oracle APEX.

5.14.1 حول أيقونات التطبيق #

تعرف على كيفية إدارة أيقونات التطبيقات في تطبيق APEX الخاص بك. عندما تقوم بإضافة أيقونة إلى تطبيق، يتم نشرها إلى الأماكن التالية في تطبيقك:

• أيقونة المفضلة (أيقونة علامة تبويب المتصفح)
• أيقونة تطبيق الويب التقدمي
• أيقونة Apple touch (عند إضافة تطبيق PWA إلى iOS)
• أيقونة منشئ التطبيق (التي تظهر على الصفحة الرئيسية للتطبيق)
• صفحة تسجيل الدخول
• منطقة فتات الخبز breadcrumb في الصفحة الرئيسية

يتم تخزين أيقونات التطبيقات في المكونات المشتركة Shared Components وملفات التطبيقات الثابتة Static Application Files بخمسة أحجام:

• 32×32 – أيقونة مربعة صغيرة
• 144×144 – أيقونة صغيرة مستديرة
• 192×192 – أيقونة مربعة صغيرة
• 256×256 – أيقونة كبيرة مستديرة
• 512×512 – أيقونة مربعة كبيرة

عند تعديل أيقونة فردية individual icon، تصبح ملكيتها لك. تأكد من تحميل أيقونة بالحجم المناسب (أي 32×32، أو 144×144، أو 192×192، أو 256×256، أو 512×512).

نصيحة: تُستخدم الأيقونتان الدائريتان (١٤٤×١٤٤ و٢٥٦×٢٥٦) في أماكن مثل قاعدة macOS، حيث تُشجّع إرشادات التصميم على استخدام الأيقونات الدائرية. المواصفات الدقيقة للأيقونات الدائرية هي أن يكون هناك ١٠٪ حشو على كل جانب و٢٠٪ نصف قطر للإطار.

يمكنك تحرير أيقونات التطبيق أو تحميلها بالطرق التالية:

• عند إنشاء تطبيق جديد When Creating a New App – انقر على “تعيين الرمز” Set Icon في صفحة “إنشاء تطبيق” ضمن معالج إنشاء التطبيق. راجع موضوع تشغيل معالج إنشاء التطبيق بالكامل.
• عن طريق تعديل سمات واجهة المستخدم By Editing User Interface Attributes – عن طريق تعديل السمات ضمن “الأيقونة” Icon في صفحة واجهة المستخدم. راجع موضوع “إدارة الأيقونات” في سمات واجهة المستخدم.
• بتعديل الأيقونة في وقت التشغيل By Editing the Icon in Runtime – في وقت التشغيل، انقر على “تخصيص” Customize، ثم “تعديل أيقونة التطبيق” Edit App Icon في شريط أدوات المطور وقت التشغيل. راجع موضوع استخدام “تعديل أيقونة التطبيق” في شريط أدوات المطور وقت التشغيل.
• عن طريق تحميل الرموز إلى ملفات التطبيق الثابتة By Uploading Icons to Static Application Files – يتم تخزين رموز التطبيق في المكونات المشتركة وملفات التطبيق الثابتة بخمسة أحجام: 32 × 32، أو 144 × 144، أو 192 × 192، أو 256 × 256، أو 512 × 512.

للتحكم في التحميل لجميع أحجام الأيقونات، قم بتحميل الأيقونات إلى المكونات المشتركة وملفات التطبيق الثابتة واستخدم مسارات الملفات التالية:

• #APP_FILES#icons/app-icon-32.png
• #APP_FILES#icons/app-icon-144-rounded.png
• #APP_FILES#icons/app-icon-192.png
• #APP_FILES#icons/app-icon-256-rounded.png
• #APP_FILES#icons/app-icon-512.png

5.14.2 إدارة الرموز في سمات واجهة المستخدم #

قم بتحرير أو تحميل أيقونات التطبيق من منطقة الأيقونات في صفحة واجهة المستخدم User Interface page.

نصيحة: إذا كان التطبيق يستخدم أيقونات قديمة، فسيتم عرض ملاحظة أعلى منطقة الأيقونات. توصي Oracle باستبدال الأيقونات القديمة بالنقر على زر “تغيير الأيقونات” Change Icon.

لإدارة أيقونات التطبيق عن طريق تحرير سمات واجهة المستخدم:

1. في الصفحة الرئيسية لمساحة العمل، انقر فوق أيقونة “منشئ التطبيقات” App Builder.
2. حدد التطبيق. تظهر الصفحة الرئيسية للتطبيق.
3. من الصفحة الرئيسية للتطبيق، يمكنك الوصول إلى صفحة واجهة المستخدم بطريقتين:
   • زر تحرير تعريف التطبيق Edit Application Definition button:
     • انقر فوق تحرير تعريف التطبيق Edit Application Definition على يمين اسم التطبيق.
     • انقر فوق علامة التبويب واجهة المستخدم User Interface.
   • من المكونات المشتركة Shared Components:
     • انقر فوق المكونات المشتركة Shared Components.
   • تحت واجهة المستخدم، انقر فوق سمات واجهة المستخدم User Interface Attributes.
4. تظهر صفحة واجهات المستخدم.
5. البحث عن الأيقونة Icon. يتم عرض الأيقونات الموجودة في جدول.
6. لتحرير أو تحديث أيقونة، انقر فوق تحرير Edit.
   • في مربع الحوار تحرير أيقونة التطبيق، يمكنك إما:
     • انقر فوق “اختيار ملف” Choose File للانتقال إلى الرمز الجديد.
     • اسحب وأفلِت Drag and drop ملفًا جديدًا إلى المنطقة المحددة.
7. انقر فوق إغلاق Close.
8. لاختيار أيقونة جديدة من المكتبة، انقر فوق تغيير الأيقونة Change Icon.
   • في مربع الحوار تحرير أيقونة التطبيق Edit Application Icon، يمكنك القيام بأحد الأمرين:
     • تحميل أيقونة Upload an icon. انقر على علامة الجمع (+) وانتقل إلى الأيقونة، أو اسحب الأيقونة وأفلِتها في منطقة “حمّل أيقونتك الخاصة” Upload your own icon. إذا قمت بتحميل أيقونة مخصصة، فسيتم تغيير حجمها إلى عدد من الأحجام وسيتم نشرها إلى الأماكن المناسبة أثناء وقت التشغيل.
     • اختيار أيقونة من المكتبة Select an icon from the library. اختر لون الأيقونة، ثم الأيقونة.
9. انقر فوق إغلاق Close.

انقر فوق تطبيق التغييرات لحفظ التغييرات.

5.14.3 استخدام تحرير أيقونة التطبيق على شريط أدوات المطور وقت التشغيل #

قم بتحرير الأيقونة في وقت التشغيل باستخدام خيار “استخدام تحرير أيقونة التطبيق” في قائمة التخصيص على شريط أدوات المطور وقت التشغيل Runtime Developer.

لاستخدام أيقونة تحرير التطبيق Edit App Icon:

• معاينة الصفحة عن طريق تشغيلها. يظهر شريط أدوات المطور وقت التشغيل Runtime Developer في أسفل أي صفحة تشغيل قابلة للتحرير.
• في شريط أدوات المطور وقت التشغيل Runtime Developer، انقر فوق تخصيص Customize، ثم حدد تحرير أيقونة التطبيق Edit App Icon. يظهر مربع حوار تحرير أيقونة التطبيق.
• في مربع الحوار تحرير أيقونة التطبيق، يمكنك القيام بأحد الأمرين:
  • اسحب الملف وأفلِته إلى منطقة تحميل أيقونة جديدة Upload a new icon.
  • انقر فوق منطقة تحميل أيقونة جديدة Upload a new icon وانتقل إلى الملف.
• عندما تظهر الأيقونة الجديدة، استخدم شريط التمرير “التكبير” لإعادة وضعها داخل الإطار. عند التركيز على أداة قص الأيقونات، تتوفر أيضًا اختصارات لوحة المفاتيح التالية:
• السهم الأيسر – تحريك الصورة إلى اليسار
• السهم لأعلى – تحريك الصورة لأعلى
• السهم الأيمن – تحريك الصورة إلى اليمين
• السهم لأسفل – تحريك الصورة لأسفل
• حرف I اختصار Zoom in – تكبير
• حرف O اختصار Zoom out – تصغير
• حرف L اختصار Rotate left – تدوير إلى اليسار
• حرف R اختصار Rotate right – تدوير إلى اليمين

اضغط على Shift للتحرك بشكل أسرع.

• لحفظ التغييرات، انقر فوق حفظ Save.
• للخروج من مربع الحوار دون حفظ، انقر فوق إلغاء Cancel.