Power BI 按钮：自定义动画

Power BI的按钮可以设定动作，比如返回上一步，跳转书签，跳转网页链接等等。上一节讲述了如何自定义按钮图案（Power BI 按钮：自定义图标），本节讲解如何自定义按钮动画。

按钮的动画分为两种，一种是随着鼠标指令变化而展示的动画，比如鼠标滑过，鼠标按下；另一种是无论鼠标状态如何，都在进行的动画。

1. 鼠标指令动画

Power BI内置的功能可以实现许多鼠标动作动画，比如可以针对鼠标默认、悬停、按下等分别设置不同的效果。

下图展示了鼠标悬停时的放大缩小以及颜色变化功能：

在按钮样式选项卡下，图标默认时线条颜色选择黑色，悬停时选择橘色，就会发生上图的颜色变化，图标大小也同样处理。

不同的鼠标动作不仅仅可以为当前图标设置动画，也可以切换图标。下图右侧悬停时使用了不同的图案。左侧使用了相同的图案，但是头部位置发生了变化，产生了鼠标悬停惊醒了美梦中人的效果。

这种效果可以在PPT自己画，或者在网上找两个相似图案：

悬停时设置图标为起床，默认时设置为睡觉。

除了切换图标，还可以动静结合，下图默认是Power BI图标，鼠标指向时显示的是飘动的Power BI文字，实现方式是鼠标默认值图标放静态图片，悬停图标为空白，填充选项卡下放一个GIF图片。这样悬停时图标被隐藏，下方的GIF被显示。

2. 一直动画

第二种效果是无论鼠标状态如何，动画一直在进行，这里有两个方案。第一种是GIF放入按钮的填充模块，图标选项卡关闭：

效果如下图：

关于GIF，采总这篇文章有更详细的介绍：Power BI报告中的动画效果，利用这三种方式轻松实现

第二种方式是SVG图片动画，SVG和GIF一样放入按钮的填充模块。SVG的图标可以自己定制，也可以在前文介绍的资源下载。

下载的资源可能本身无动画效果，可以用记事本打开SVG，加入动画代码，如下图为文字增加了横向偏移和颜色变化两种动画：

效果如下：

完。