Power BI 按钮导航添加鼠标动画

2023-11-20 14:20:14 浏览数 (3)

Power BI 可以插入页面导航器,类似目录,以便跳转到不同页面。

导航器可以针对不同的鼠标动作设置样式,以产生动画交互效果:

但是,导航器不支持添加图标按钮支持。以下GIF动画实现了按钮导航,左侧鼠标悬停时,出现勾选图标,右侧悬停时空心方块添加了勾选:

如何实现呢?

首先,插入一个空白的按钮:

按钮的文本打开,输入要跳转的页面文字:

按钮的操作选择页导航,指定跳转页面,此处为”同期柱形气泡”页。

接着,对鼠标悬停动作添加图标,如需产生默认无图标,悬停出现图标,则选择将设置应用于悬停时:

图标进行自定义,然后选择本地的图标文件:

图标文件推荐SVG类型,体积小,放大无损。可以在字节跳动的图标库下载:

http://iconpark.oceanengine.com/official

至于下图这种图标添加勾选,是一种障眼法。其实是默认状态添加方框图标,悬停状态添加方框 对勾图标,两个图标的方框大小正好相同,从而产生了错觉。

这个方案的不便之处在于,需要对所有页面挨个添加按钮,并相同设置。期待未来导航器直接有添加图标功能。

0 人点赞