Skip To Content

استخدام الأيقونات المخصصة

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

يعرض المثال التالي محتوى SVG يُعرَض كسلاسل في عكس اتجاه عقارب الساعة لثلاثة أسهم. وهو ما يمكن استخدامه عملاً قيد التقدُّم.

أيقونة مخصصة

يمكنك تجربة هذه الوظيفة بنسخ كود SVG التالي ولصقه في المربع الفارغ أدنى مخصص في شاشة حدد أيقونة:

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" id="icons"> 
    <path d="M13.91 9a6.003 6.003 0 0 1-5.658 4.987l-.347-1.992c.032.001.063.005.095.005a3.996 3.996 0 0 0 3.858-3h-1.749l2.75-3.912L15.61 9zm-8.668 1.877l-.002.002a3.945 3.945 0 0 1-.688-4.884l-1.809-.848a5.923 5.923 0 0 0 1.08 7.148L2.59 13.529l4.71.822-.82-4.711zm1.425-6.576l-.011-.067a3.97 3.97 0 0 1 4.575 1.43l1.194-1.697a5.941 5.941 0 0 0-6.119-1.718L6.018.607 2.64 3.994l4.33 2.03z" />
</svg>

تعرض الصورة التالية شكل ظهور المؤشر بالأيقونة المخصصة:

أيقونة مخصصة بتعبئة

قد تكون النصائح التالية عملية عندما تنشئ أيقونتك:

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