Power BI 制作技巧 — 按鈕動畫效果


這篇文章的靈感來自於WHO網站https://www.who.int/。我們可以發現主頁上的快速鏈接非常有趣。

 

 

 

 

因此,本文就介紹了如何在Power BI 中實現類似的效果。在Power BI中實現其實很簡單,但可能,並不是每個人都會使用Power BI 按鈕的額外功能。在這篇文章中,會通過使用按鈕的“按鈕文本,填充”屬性,來實現在WHO網站上看到的外觀。本次案例要實現的效果如下視頻所示:

 

https://mp.weixin.qq.com/s/6PfbxtbzZy_vmU1O3u31eg

 

讓我們看看如何在Power BI中創建它:

 

1. 創建一個空白按鈕    

 

 

 

 

2. 將文本添加到按鈕文本屬性中。該文章只選擇使用文本”按鈕 1”,”按鈕 2”等。

 

 

 

 

3. 添加一個線條形狀,並將該形狀的圖層,置於按鈕下面。

 

 

 

 

4. 默認鼠標懸浮的情況下,如下圖所示。

 

 

 

 

5. 選擇所有按鈕,將填充中”懸停時”狀態的透明度更改為100%。現在,您的按鈕將如下所示。

 

 

 

 

6. 最后,將按鈕文本中”懸停時”狀態的文本內容前綴添加空字符!

 

 

 

 

需要注意的是空字符並不能與空格打等號。使用空格是實現不了上面案例中的效果,如果你不知道如何去找空字符 可以從文章末尾復制一個空字符並將該文本粘貼你的按鈕文本中。在此示例中,都是在文字之前粘貼了空字符。在每個“按鈕文本”之前,都會輸入了三個空字符。就是這樣簡單,就可以在Power BI中獲得非常有趣的動畫效果。效果如下圖:

 

 

 

 

最后附上空字符供大家復制 “‏‏‎ ‎‏‏‎ ‎‏‏‎”

 

 

推薦閱讀

 

1. 2021年 Power BI 2月產品功能更新

2. 玩轉數據,智啟未來 | 深圳站 Power BI DIAD實戰

3. 微軟 PowerBI 被評為2021商業智能領導者 - 14 年的企業產品奮斗史解讀

 

技術交流

1.Power BI免費下載:http://www.yeacer.com/

    Microsoft Power BI Desktop中文最新版:下載地址

2.歡迎加入的Power BI技術群,目前正在學習階段,有興趣的朋友可以一起學習討論。 

   Power Data技術交流群:702966126 (驗證注明:博客園Power BI) 

   更多精彩內容請關注微信公眾號:悅策PowerBI          


如果您覺得閱讀本文對您有幫助,請點一下“推薦”按鈕,您的“推薦”將是我最大的寫作動力!歡迎各位轉載。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM