您现在的位置是:首页 > 设计知识设计知识

axure 按钮切换效果,用axure做苹果手机音量调节滑动条

网一2022-11-23 10:35:51设计知识12人已围观

简介axure按钮切换效果,用axure做苹果手机音量调节滑动条Python在网上看视频的时候经常有一个音量调节按钮。如何用Axure快速制作音量调节按钮?这里有一些简单的步骤可以帮助你轻松解决这个问题。想了解更多关于“AxureRP”的知识?点击此处免费试用AxureRP课程。工具/软件硬件型号:肖鑫Pro14版本

axure 按钮切换效果,用axure做苹果手机音量调节滑动条

Python在网上看视频的时候经常有一个音量调节按钮。如何用Axure快速制作音量调节按钮?这里有一些简单的步骤可以帮助你轻松解决这个问题。

想了解更多关于“Axure RP”的知识?点击此处免费试用Axure RP课程。

工具/软件

硬件型号:肖鑫Pro14

版本:Windows10

所需软件:Axure RP

方法/步骤

第1步

打开软件,创建一个新文件,并将其拖动到名为[button]的[动态面板]中。

第2步

将[按钮]的状态1和状态2分别命名为[未选中]和[选中]。分别在未选中和选中状态下保存和连接喇叭图标。

第3步

创建滑动条背景:将其拖动到[动态面板]中,命名为[滑动条背景]。

第4步

双击进入【滑块背景】状态1,创建圆角矩形。

第5步

回到[index]页面,拖动到[dynamic panel]中,命名为[slider],进入[slider]状态1,创建圆形滑块。

第6步

返回到[索引]页面并调整每个组件的位置。

第7步

设置[Hot Zone]开关,如下图所示,用于触发关闭音量调节。

第8步

选择一个热点,设置事件-复制事件,并将其粘贴到其他热点中。

第9步

按如下方式设置[按钮]的点击事件:

:从010到1010,与李玟连接的[滑块]滑动如下。页面加载时隐藏[滑块]和[滑块背景]。

第10步

好了,这个小滑分享给你的“Axure是如何实现音量调节按键的?”就是这样。如果正好对你有用,记得喜欢!这个网站将继续分享更多实用的内容,以及相关的学习课程。有需要的朋友可以赶紧支持自学!

Tags:

很赞哦! ()

随机图文

留言与评论(共有 条评论)
   
验证码:

本栏推荐