تصميم مخصص في LuckyTemplates

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

هذا الموضوع ليس مخصصًا لعملاء تقرير LuckyTemplates أو مطوري LuckyTemplates العاديين ، ولكنه مخصص للأشخاص المألوفين والمرتاحين لتحرير رموز JSON وإنشائها مباشرةً.

لتنفيذ السمات المخصصة ، يجب أن تكون مرتاحًا لبناء جملة وهيكل ملفات JSON وكذلك أدوات بيئة التطوير. سأستخدم كود Visual Studio لتطوير ملفات سمة JSON.

دعنا نلقي نظرة على التخصيصات المتاحة المضمنة بالفعل في تطبيق LuckyTemplates لسطح المكتب. أولاً ، نحتاج إلى لوحة لعرض عملنا. لقد استخدمت مجموعة بيانات ممارسة LuckyTemplates ، وهي مجموعة بيانات مبيعات بسيطة حيث يمكن إنشاء العناصر المرئية بسهولة. ملف PBIX التوضيحي عبارة عن صفحة تقرير واحدة وقد تم استخدام أبعاد مخصصة تبلغ 1600 × 900 لإعطاء مساحة أكبر قليلاً من التقرير القياسي 1280 × 720.

جدول المحتويات

• استخدام النسق الافتراضي
• مراجعة سريعة لأساسيات JSON للتصميم المخصص
• تغيير الخلفية للسمات المخصصة
• تغيير خلفية نص العنوان
• إضافة الظلال إلى المرئيات
• إضافة نص العنوان
• أشياء أخرى يجب تذكرها في السمات المخصصة
• خاتمة

استخدام النسق الافتراضي

دعونا نلقي نظرة على موضوعنا الافتراضي هنا. إذا تصفحنا بحثًا عن سمات وقمنا بتطبيق السمة الافتراضية ...

... يمكننا أن نرى أنه يستخدم فقط الألوان القياسية الأزرق والبرتقالي والأرجواني.

وإذا حددت موضوع نص أبيض على خلفية داكنة ...

... هذا هو الموضوع الذي سنراه.

مراجعة سريعة لأساسيات JSON للتصميم المخصص

هذه بالتأكيد ليست مراجعة شاملة حول كيفية تطوير ملف JSON لـ LuckyTemplates ، ولكن بالأحرى بعض التعليقات السريعة على ملفات JSON.

يرمز JSON إلى JavaScript Object Notation ؛ هذا تنسيق نصي واضح لملفات البيانات ، يتكون من كائنات متداخلة أو كتل تعليمات برمجية. كل منها له مجموعته الخاصة من أزواج الاسم والقيمة.

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

يتكون ملف LuckyTemplates JSON عادةً من ثلاثة أقسام رئيسية : الاسم والألوان والمرئيات . قسم الاسم هو في الواقع القسم الوحيد المطلوب ، وكما ترى ، هذا هو المكان الذي سنبدأ فيه تحقيقنا اليوم.

دعنا فقط نطبق ملف السمة هذا من خلال التصفح بحثًا عن السمات.

سنذهب للموضوع الافتراضي. سترى أن الألوان الافتراضية مستخدمة.

دعنا نذهب إلى قسم كتلة التعليمات البرمجية ونسخ مجموعة الألوان البديلة.

يمكننا لصق ذلك في ملف سمة JSON الخاص بنا عن طريق إضافة فاصلة بعد كتلة الاسم ثم لصق الكود.

سنحفظ ملف سمة JSON ، ونعود إلى LuckyTemplates ، ونطبق السمة المؤقتة.

الآن ، يمكننا أن نرى أن الألوان قد تغيرت.

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

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

ثم ننتقل إلى Visual Studio Code ، ونضيف عمودًا لفصل الرموز ، ثم نلصق الرمز.

مرة أخرى ، سنقوم بحفظ ملف السمة الخاص بنا. ثم سنعود إلى LuckyTemplates ونطبق ملفات السمات. يمكننا أن نرى أن جميع النصوص قد تحولت الآن إلى اللون الأزرق.

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

دعنا نحفظ ذلك مرة أخرى ، ونرجع إلى LuckyTemplates ، واستورد ملف سمة JSON مرة أخرى. الآن ، يمكننا أن نرى أن جميع النصوص قد تغيرت إلى اللون الأحمر.

تغيير الخلفية للسمات المخصصة

الآن دعونا نلقي نظرة على خلفية الصفحة ونضبطها على ثاني أحلك لون في لوح الألوان الخاص بنا. سننتقل إلى Notepad ++ ، ونحصل على كتلة رمز خلفية صفحتنا ، ونسخها.

ثم ننتقل إلى Visual Studio Code ونلصق الكود هناك.

ثم انتقل إلى LuckyTemplates ومرة ​​أخرى ، قم بتطبيق سمة التسويد لرؤية الخلفية الجديدة.

تغيير خلفية نص العنوان

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

دعنا نعود إلى Notepad ++ لنسخ كتلة كود JSON لخلفية العنوان الخاصة بنا.

ثم ننتقل إلى Visual Studio Code للصق الكود هناك.

مرة أخرى ، سنحفظ موضوعنا ، ونعود إلى LuckyTemplates ، ونطبق السمة مرة أخرى.

إضافة الظلال إلى المرئيات

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

إذا انتقلنا إلى LuckyTemplates وقمنا بتطبيق ملف السمة هذا ، فسترى أن جميع العناصر المرئية لدينا بها ظلال.

إضافة نص العنوان

إذا أردنا التأكد من أن جميع العناصر المرئية لدينا تحتوي على نص عنوان ، فيمكننا إضافة بعض نص عنوان العنصر النائب باستخدام الأنماط المرئية والعنوان والعرض وبناء الجملة في Visual Studio Code.

إذا انتقلنا إلى LuckyTemplates وقمنا بتطبيق ملف السمة هذا ، فسنلاحظ أن واحدة فقط من المرئيات الخاصة بنا قد تغيرت لأن جميع العناصر المتبقية تم تعديلها بالفعل باستخدام العناوين.

إذا أردنا الانتقال إلى صفحة جديدة ، وإنشاء جدول جديد ، وإحضار القنوات والإجراءات التي نريدها ، فلدينا نص العنوان الافتراضي.

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

إذا أردنا استخدام ملف سمة لتعيين قياس الصورة ، فيمكننا استخدام بناء جملة الأنماط المرئية والصورة وتحجيم الصورة وصورة تحجيم الصورة.

إذا انتقلنا إلى LuckyTemplates وأضفنا هذا المظهر ، فسنرى أنه يمكن الآن تغيير نسبة العرض إلى الارتفاع للعرض المرئي الحالي.

وإذا أضفنا صورًا جديدة ، يمكننا أن نرى مرة أخرى أن القياس قد تم ضبطه الآن ليلائم.

أشياء أخرى يجب تذكرها في السمات المخصصة

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

لا يبدو أن إعدادات نمط الجدول والمصفوفة تؤخذ في الاعتبار أيضًا. لذلك استخدمت الواجهة لضبط نمط الجدول والمصفوفة على لا شيء.

يبدو أن الترتيب مهم في ملفات سمة JSON ، لذا إذا وجدت أن إعدادًا معينًا لا يتم أخذه في الاعتبار ، فحاول إعادة ترتيب إعداد الاهتمام أعلى أو سابقًا في الكود.

قد لا تستجيب العناصر المرئية الموجودة بشكل كامل لملفات النسق ، خاصةً إذا كان لديها أي إعدادات تنسيق مطبقة بالفعل.

إنشاء سمات وشعارات الشركة وأيقونات وخلفيات
كيفية تحديد سمة LuckyTemplates Color لتقاريرك
كيفية إنشاء لوحة ألوان LuckyTemplates جذابة

خاتمة

إذا كنت مبتدئًا نسبيًا في ترميز JSON ، خاصة في LuckyTemplates ، فالرجاء أخذ جميع الأمثلة التي استخدمتها بحذر. أتوقع أن أولئك الأكثر خبرة ودراية في ترميز سمة JSON داخل LuckyTemplates سوف ينتجون كودًا أفضل بكثير وأكثر وضوحًا.

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

نقطة البداية الرائعة هي علامة تبويب الخصائص في منشئ السمات المتقدم لـ PowerBI.tips ، حيث يمكنك استخدام واجهة المستخدم الخاصة بهم لإنشاء ملفات سمات JSON لجميع الأنواع المرئية أو المحددة. نأمل أن تتمكن من إضافة ترميز سمة JSON مخصص إلى مربع أدوات LuckyTemplates الخاص بك ويمكن أن يساعد في توحيد تقاريرك وتوفير بعض الأعمال في المستقبل.

جريج