ไอคอนแบบกำหนดเองของ LuckyTemplates | เทคนิคการแสดงภาพ PBI

สำหรับบทช่วยสอนของวันนี้ ฉันจะพูดถึงหนึ่งในเทคนิคที่ฉันชื่นชอบเกี่ยวกับไอคอนแบบกำหนดเองของ LuckyTemplates ซึ่งใช้ไอคอนแบบกำหนดเองในลักษณะไดนามิกในการแสดงผลด้วยภาพ LuckyTemplates บทช่วยสอนนี้ได้รับแรงบันดาลใจจากรายการในฟอรัม LuckyTemplates ซึ่งหนึ่งในสมาชิกของเราประสบปัญหาในการเพิ่มไอคอนที่กำหนดเองลงในภาพการ์ดของเขา ฉันจะแสดงวิธีที่คุณสามารถแก้ไขปัญหานี้ได้อย่างมีประสิทธิภาพ คุณสามารถดูวิดีโอทั้งหมดของบทช่วยสอนนี้ได้ที่ด้านล่างของบล็อกนี้

นี่คือผลลัพธ์ที่สมาชิกต้องการ ซึ่งเป็นภาพการ์ดอย่างง่ายพร้อมข้อความ – ลูกศรขึ้นหากค่าการวัดเป็นบวก และลูกศรลงสีแดงหากค่าเป็นลบ หากเราคลิกที่นี่เพื่อไปยังส่วนต่างๆ ของสัญลักษณ์ คุณจะเห็นว่าเครื่องหมายจะเปลี่ยนเป็นลูกศรขึ้นสีเขียวแบบไดนามิกเมื่อเป็นค่าบวก และจากนั้นจะเปลี่ยนเป็นลูกศรลงสีแดงเมื่อเป็นค่าลบ

สารบัญ

• ไอคอนแบบกำหนดเองของ LuckyTemplates แบบไดนามิกในรายงานของคุณ
• บทสรุป

ไอคอนแบบกำหนดเองของ LuckyTemplates แบบไดนามิกในรายงานของคุณ

วิธีหนึ่งในการรวมสิ่งนี้ คือการใช้การแปลง Base64 Base64 รับไฟล์ไบนารีและแปลงเป็นข้อความ ASCII ไม่มีวิธีโดยตรงในการรวมไฟล์ภาพไบนารีลงในรายงาน LuckyTemplates ดังนั้นคุณต้องผ่านการเข้ารหัสนี้ผ่าน Base64 เพื่อที่จะทำเช่นนั้น

ฉันจะแสดงโครงสร้างทั่วไปที่ฉันใช้สำหรับสิ่งนี้ ซึ่งเป็นเพียงโครงสร้าง ในกรณีนี้ ตัววัดที่เรากำลังดูคือค่าเฉลี่ยของ LNReturn (บันทึกผลตอบแทนปกติ) ถ้าน้อยกว่าศูนย์ จะได้ค่าหนึ่ง ถ้ามีค่ามากกว่าศูนย์ จะได้ค่าที่แตกต่างกัน และเพื่อความง่าย ฉันได้บอกว่าถ้าไม่ใช่ทั้งสองอย่าง (เช่นในกรณีนี้) ถ้ามันเท่ากับศูนย์ มันจะเว้นว่างไว้

และโอกาสที่ค่าเฉลี่ยนี้เป็นศูนย์นั้นน้อยมาก แต่คุณสามารถใส่ค่าที่สามที่นี่ ซึ่งอาจจะเป็นลูกศรแนวนอนที่ไม่แสดงการเปลี่ยนแปลง หรือคุณสามารถใช้ค่าว่างก็ได้ ฉันเพิ่งทำสิ่งนี้เพื่อทำให้การวัดง่ายขึ้นเพื่อจุดประสงค์ในการอธิบาย

ตอนนี้ มาดูไอคอนแบบกำหนดเองกันก่อน ไอคอนแบบกำหนดเองที่ฉันใช้นั้นมาจากไซต์ที่เรียกว่าFlaticon ฉันไม่มีส่วนเกี่ยวข้องกับ Flaticon ฉันเพิ่งคิดว่ามันเป็นเว็บไซต์ที่ดีจริงๆ ช่วยให้คุณจัดระเบียบไอคอนได้อย่างสวยงาม ช่วยให้คุณสามารถแก้ไขได้เช่นกัน ฉันใช้สิ่งเหล่านี้มากในรายงาน LuckyTemplates ของฉัน

สิ่งที่ฉันทำคือพบไอคอนที่นี่ซึ่งฉันคิดว่าน่าจะทำงานได้ดีกับความต้องการของสมาชิก จากนั้นฉันเพิ่งผ่านโปรแกรมแก้ไข Flaticon และสร้างเวอร์ชันสีเขียวสำหรับเวอร์ชันบนและเวอร์ชันสีแดงสำหรับเวอร์ชันล่าง

จากนั้นฉันดาวน์โหลดลูกศรสีแดงและสีเขียวเวอร์ชันที่เล็กกว่า ซึ่งเป็น 32px เนื่องจาก 512px กำลังสร้างเวอร์ชัน Base64 ที่ใหญ่มาก

ต่อไปเราต้องการแปลงเป็น Base64 มีตัวแปลง Base 64 ทั้งหมด แต่ตัวที่ฉันชอบคือBase64 image.deนี้ มีอินเทอร์เฟซแบบลากและวางที่ดีและมีความสามารถในการปรับแต่งภาพ และหากคุณเปิดใช้งานสิ่งนี้ มันจะลดขนาดไฟล์ผลลัพธ์ของคุณโดยไม่ส่งผลกระทบต่อรูปลักษณ์ของภาพ หากเรากำลังทำงานกับภาพที่ซับซ้อนมากขึ้น การเพิ่มประสิทธิภาพนั้นจะช่วยลดขนาดได้จริงๆ

จากนั้นเราสามารถลากและวางไฟล์ที่นี่ ซึ่งอย่างที่คุณเห็น แปลงค่อนข้างเร็ว

จากนั้นเราก็คัดลอกรูปภาพสำหรับแต่ละภาพแล้ววางลงในหน่วยวัดภายในเครื่องหมายคำพูด และคุณจะเห็นได้ว่าแม้ไอคอนขนาดเล็ก 32 พิกเซลจะเป็นข้อความที่ค่อนข้างหนัก

ต่อไป มาสร้างหน่วยวัดใหม่ที่เราสามารถคัดลอกหน่วยวัดนั้นได้ ผมจะเรียกหน่วยวัดนี้ว่าIcon2 Base64 หลังจากนั้น เราต้องเปลี่ยน Data Category เป็นImage URL ตอนนี้ เราอยู่ในสภาพที่ดีในการสร้างภาพที่เราต้องการ

วิชวลของการ์ดจะไม่จัดการรูปภาพโดยไม่ใช้วิชวลแบบกำหนดเองสำหรับการอ่านรูปภาพเหล่านั้น แต่ตารางจะจัดการกับรูปภาพได้ค่อนข้างดี ดังนั้น ก่อนอื่นเราจะสร้างภาพตาราง และเราสามารถจัดรูปแบบภาพตารางนั้นให้ดูเหมือนภาพการ์ดได้

เราใช้ไอคอนของเราสองไฟล์ Base64 จากนั้นมาตรวัดค่าเฉลี่ยของ LNR ต่อไป เราสามารถจัดรูปแบบเหล่านี้ตามนั้นโดยใช้บานหน้าต่างรูปแบบใหม่

และนั่นคือวิธีที่คุณทำกับ Base64 ความเป็นไปได้อื่นๆ คือการใช้รูปภาพบนเว็บ เหตุผลที่คุณอาจต้องการทำเช่นนี้คือ หากคุณกำลังใช้ภาพที่ซับซ้อนมากขึ้น มีบางสิ่งที่คุณสามารถทำได้ในแง่ของการแยกรูปภาพออกเป็นชิ้นๆ แล้วทำให้คล้ายกับใน DAX แต่วิธีที่ง่ายกว่าคือทำผ่านรูปภาพบนเว็บ

เมื่อคุณดาวน์โหลดไฟล์ (ลูกศรขึ้นสีเขียวและลูกศรลงสีแดง) คุณสามารถไปที่ไซต์โฮสต์รูปภาพได้ อันที่ฉันใช้เรียกว่าIMGBB อีกครั้ง ฉันไม่มีส่วนเกี่ยวข้องกับไซต์นี้ เป็นเพียงหนึ่งเดียวที่ฉันชอบซึ่งใช้ได้ดีสำหรับฉัน

คุณเพียงแค่อัปโหลดรูปภาพของคุณไปที่ไซต์นี้ ไปที่โค้ดสำหรับฝัง และตรวจสอบให้แน่ใจว่าคุณกำลังดูลิงก์โดยตรง

จากนั้นคุณสามารถคัดลอกสิ่งเหล่านั้นได้ จากนั้น ใช้โครงสร้างพื้นฐานเดียวกันกับที่เราทำใน คำสั่ง SWITCH TRUEคุณสามารถวางสิ่งเหล่านั้นลงในโครงสร้างพื้นฐานนั้นได้ และนั่นควรให้สิ่งที่เราต้องการจากมุมมองของภาพ

วิธีเพิ่มไอคอน LuckyTemplates แบบกำหนดเองลงในรายงานของคุณ
การพัฒนารายงาน LuckyTemplates: การสร้างธีม โลโก้บริษัท ไอคอน และพื้นหลัง
วิชวลแบบกำหนดเองที่ดีที่สุดที่คุณไม่เคยได้ยิน

บทสรุป

นั่นคือเทคนิคที่ฉันอยากจะแสดงให้คุณเห็นในวันนี้ คุณสามารถใช้เพื่อสร้างไอคอนแบบกำหนดเองของ LuckyTemplates แบบไดนามิกได้หลายวิธี ตารางจัดการกับสิ่งนี้ได้ดี คุณสามารถทำได้ผ่านเมทริกซ์เช่นกัน จากนั้นมีเครื่องมือภาพแบบกำหนดเองที่จะดูสิ่งเหล่านี้แยกจากกันภายในเฟรม

เทคนิคนี้มีความยืดหยุ่นสูง และฉันหวังว่าคุณจะพบว่ามีประโยชน์ คุณสามารถดูวิดีโอสอนแบบเต็มด้านล่างสำหรับรายละเอียดเพิ่มเติม

ไชโย!