Ikon Tersuai LuckyTemplates | Teknik Visualisasi PBI

Untuk tutorial hari ini, saya akan membincangkan salah satu teknik kegemaran saya di sekitar ikon tersuai LuckyTemplates, yang menggunakan ikon tersuai secara dinamik dalam visual LuckyTemplates. Tutorial ini diilhamkan oleh entri di forum LuckyTemplates, di mana salah seorang ahli kami menghadapi masalah menambah ikon tersuai pada visual kadnya. Saya akan menunjukkan bagaimana anda boleh menyelesaikan masalah ini dengan cekap. Anda boleh menonton video penuh tutorial ini di bahagian bawah blog ini.

Inilah hasil yang dikehendaki oleh ahli, iaitu visual kad ringkas dengan teks – anak panah ke atas jika nilai ukuran adalah positif dan anak panah merah ke bawah jika nilainya negatif. Jika kami mengklik di sini untuk bahagian lain pada penanda, anda akan melihat bahawa ia berubah secara dinamik kepada anak panah ke atas hijau apabila ia positif dan kemudian anak panah ke bawah merah apabila ia negatif.

Isi kandungan

• Ikon Tersuai BI Kuasa Dinamik Dalam Laporan Anda
• Kesimpulan

Ikon Tersuai BI Kuasa Dinamik Dalam Laporan Anda

Satu cara untuk menggabungkan ini adalah dengan menggunakan penukaran Base64 . Base64 mengambil fail binari dan menukarkannya kepada teks ASCII. Tiada cara langsung untuk memasukkan fail imej binari ke dalam laporan LuckyTemplates. Jadi, anda perlu melalui pengekodan ini melalui Base64 untuk melakukannya.

Saya akan menunjukkan kepada anda struktur umum yang saya gunakan untuk ini, yang merupakan binaan asas . Dalam kes ini, ukuran yang kita lihat ialah Purata LNReturn ini (log pulangan biasa). Jika kurang daripada sifar, ia mendapat nilai tertentu. Jika lebih besar daripada sifar, ia mendapat nilai yang berbeza. Dan kemudian, demi kesederhanaan, saya telah berkata jika ia bukan kedua-duanya, (seperti dalam kes ini) jika ia sama dengan sifar, ia hanya dibiarkan kosong.

Dan peluang untuk mencapai purata ini kepada sifar adalah sangat kecil. Tetapi, anda boleh meletakkan nilai ketiga di sini, yang mungkin hanya anak panah mendatar yang tidak menunjukkan perubahan, atau anda boleh menggunakan kosong. Saya baru sahaja melakukan ini untuk memudahkan ukuran untuk tujuan ilustrasi.

Sekarang, mari kita lihat dahulu pada ikon tersuai. Ikon tersuai yang saya gunakan adalah daripada tapak yang dipanggil Flaticon . Saya tidak mempunyai hubungan dengan Flaticon. Saya hanya fikir ia adalah tapak yang sangat bagus. Ia membolehkan anda menyusun ikon dengan cara yang sangat bagus. Ia membolehkan anda mengeditnya juga. Saya banyak menggunakan ini dalam laporan LuckyTemplates saya.

Apa yang saya lakukan hanya menemui ikon di sini yang saya fikir akan berfungsi dengan baik dengan keperluan ahli. Dan kemudian, saya hanya melalui editor Flaticon dan mencipta versi hijau untuk ke atas dan versi merah untuk ke bawah.

Dan kemudian, saya memuat turun versi lebih kecil anak panah merah dan hijau, iaitu 32px kerana 512px akan menghasilkan versi Base64 yang sangat besar.

Seterusnya, kami ingin menukarnya kepada Base64. Terdapat sejumlah besar penukar Base 64, tetapi satu yang saya sangat suka ialah image.de Base64 ini . Ia mempunyai antara muka seret dan lepas yang bagus, dan ia mempunyai keupayaan pengoptimuman imej. Dan jika anda mendayakan ini, ia akan mengurangkan saiz fail yang terhasil tanpa sebarang kesan ketara pada rupa visual. Jika kami bekerja dengan imej yang lebih kompleks, pengoptimuman itu benar-benar akan membantu mengurangkan saiz.

Kami kemudiannya boleh seret dan lepaskan fail di sini, yang seperti yang anda lihat boleh menukar dengan cepat.

Kemudian, kami hanya menyalin imej untuk setiap satu dan menampalnya ke dalam ukuran di dalam petikan. Dan anda boleh lihat, walaupun untuk ikon kecil 32-piksel itu, ini adalah jumlah teks yang cukup besar.

Seterusnya, mari kita buat ukuran baharu di mana kita boleh menyalinnya. Saya akan memanggil ukuran ini, Icon2 Base64 . Selepas itu, kita perlu menukar Kategori Data kepada URL Imej . Kini, kami berada dalam keadaan yang baik untuk mencipta visual yang kami inginkan

Visual kad tidak mengendalikan imej tanpa menggunakan visual tersuai untuk membaca imej tersebut, tetapi jadual mengendalikan imej dengan baik. Oleh itu, kami hanya akan membuat visual jadual dahulu, dan kami boleh memformatkan visual jadual itu supaya kelihatan seperti visual kad.

Kami mengambil ikon kami dua fail Base64, dan kemudian ukuran kami, Purata LNR. Seterusnya, kita boleh memformatkannya dengan sewajarnya menggunakan anak tetingkap format baharu.

Dan begitulah cara anda melakukannya dengan Base64. Kemungkinan lain ialah menggunakan imej berasaskan web . Sebab anda mungkin mahu melakukan ini adalah jika anda menggunakan imej yang lebih kompleks. Terdapat beberapa perkara yang boleh anda lakukan dari segi membelah imej menjadi kepingan dan kemudian menyerupainya dalam DAX. Tetapi cara yang lebih mudah untuk melakukannya adalah hanya melalui imej berasaskan web.

Sebaik sahaja anda memuat turun fail (anak panah hijau ke atas dan anak panah merah ke bawah), anda boleh pergi ke tapak pengehosan imej. Yang saya gunakan dipanggil IMGBB . Sekali lagi, saya tidak mempunyai hubungan dengan laman web ini; ia hanya satu yang saya suka yang sesuai untuk saya.

Anda hanya memuat naik imej anda ke tapak ini, pergi ke membenamkan kod dan pastikan anda melihat pautan langsung.

Anda kemudian boleh menyalinnya. Kemudian, menggunakan struktur asas yang sama yang kami lakukan dalam pernyataan SWITCH TRUE , anda boleh menampalnya ke dalam struktur asas tersebut. Dan itu sepatutnya memberi kita apa yang kita perlukan dari sudut imej.

Cara Menambah Ikon LuckyTemplates Tersuai ke dalam Laporan Anda
Pembangunan Laporan LuckyTemplates: Mencipta Tema, Logo Syarikat, Ikon dan Latar Belakang
Visual Tersuai Terbaik yang Anda Tidak Pernah Dengar.

Kesimpulan

Jadi itulah teknik yang saya ingin tunjukkan kepada anda hari ini. Anda boleh menggunakannya untuk mencipta ikon tersuai LuckyTemplates dinamik dalam pelbagai cara. Meja mengendalikan ini dengan baik. Anda boleh melakukan ini melalui matriks juga, dan kemudian terdapat beberapa alat visual tersuai yang akan melihatnya secara berasingan dalam bingkai.

Terdapat banyak fleksibiliti dalam teknik ini dan saya harap anda dapati ia membantu. Anda boleh menonton tutorial video penuh di bawah untuk maklumat lanjut.

Cheers!