前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Power BI 按钮导航添加鼠标动画

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

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

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

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

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

如何实现呢?

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

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

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

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

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

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

http://iconpark.oceanengine.com/official

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

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

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

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

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

本文参与?腾讯云自媒体分享计划? ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
腾讯云 BI
腾讯云 BI(Business Intelligence,BI)提供从数据源接入、数据建模到数据可视化分析全流程的BI能力,帮助经营者快速获取决策数据依据。系统采用敏捷自助式设计,使用者仅需通过简单拖拽即可完成原本复杂的报表开发过程,并支持报表的分享、推送等企业协作场景。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
http://www.vxiaotou.com