首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >Power BI 按钮导航添加鼠标动画

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

作者头像
wujunmin
发布2023-11-20 14:20:14
发布2023-11-20 14:20:14
7710
举报
文章被收录于专栏:wujunminwujunmin

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

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

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

如何实现呢?

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

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

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

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

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

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

http://iconpark.oceanengine.com/official

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

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

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2023-11-19,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 wujunmin 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档