AXURE里怎样实现让一个文字点击后切换成另一个文字

AXURE里怎样实现让一个文字点击后切换成另一个文字,第1张

1
托一个动态面板到界面,双击动态面板,状态1命名为“通过”,状态2命名为“不通过”。
2
打开状态1,拖一个按钮组建到状态1中(虚线框内),然后该按钮命名为“通过”。
3
复制状态1中的通过按钮,然后打开状态2界面,ctrl+v粘贴复制的通过按钮,修改名称为“不通过”。
(使用复制可以使位置一样,切换时不会偏移)
4
打开状态1界面,在“通过”按钮上编辑脚本。当点击时(onmouseclink),切换动态面板状态到状态2。
5
打开状态2界面,在“不通过”按钮上编辑脚本。当点击时,切换动态面板状到状态1。
6
这种效果叫做“开关效果”,做原型经常用到的。

在元件库中设置好即可随意切换。
具体步骤:热区的使用经常会搭配一些比较小的文字或者等区域,只要是在热区中,随便点击哪一个地方都是属于这个区域,创建一个热区在02的选区中,创建好后,点击这个热区部分,然后右侧的地方选择鼠标点击状态,然后就会进入到鼠标点击属性中,设置打开链接属性,因为热区是在02的选项中设置的,所以链接到02的页面中,如图所示,然后确定建立,这样添加的热区,会在右上角显示一个1的标识,标识已经对他创建了热区属性,当在发布中预览效果的时候,就可以看到热区的效果了,点击刚才设置的位置,就会跳转到对应的页面中。

首先拖一个动态面板,然后添加多个状态,在每个状态下设置你的banner页面,然后编辑“动态面板状态改变时” 选择杂项的等待,设置两个间隔时间。
然后设置面板状态,选择该动态面板,选择状态下一步或者状态(下一步可以循环显示所有的状态),然后可以设置变换时候的动态效果,哈哈 简单的广告banner就ok了!

你问的是axure三个页面怎么相互切换成类似新闻app的界面吗?
1,建立三个页面,分为1/2/3区域。
2,第二个页面和第三个页面基本类似,最下方是三个页面的切换动态选项。
3,找到元件库中的热区选项,选择创建到右侧选项栏处。
4,将热区覆盖到底部栏中的1的位置,然后打开右侧的鼠标点击属性。
5,选择其中的打开链接设置,然后右侧链接对象为第一个页面,然后确定,这样就对第一个选项块设置为打开1页面的命令。
6,同理,对第二个和第三个选项进行同样的处理,第二个选项打开第二个页面,第三个选项打开第三个页面。
7,对每个模块都设置好后,会在原来的基础上会出现一个小标注,表示已经添加了效果。这样设置后,可以在预览区看效果。

假设您已经安装好了Axure,这里使用的版本是Axure pro7,Axure版本之间的变化还是很大的。
打开Axure,主面板是这个样子的,跟其他软件没有什么区别,分为菜单栏,工具栏,还有一个项目栏,属性栏等。
首先从空间栏中拖入一个动态面板,如果这个时候按F5预览是看不到什么的,因为就还没有添加状态,所以第一步就是加状态,为了简单起见,这里只加三个状态说明一下。
命名什么的就不详细说明了,加好之后就是这个样子的。
为了控制状态之间的切换,这里加了三个按钮形状控件,并按着所控制的状态命名。
点击任一个按钮形状空间,可以在右边属性栏看到交互的事件。这里简单使用常用的“点击”时间。
三个都按着这个步骤添加,只是不同的是每个按钮所对应的状态。
最后预览时,点击相应按钮控件就可以切换到相应的状态。

1
托一个动态面板到界面,双击动态面板,状态1命名为“通过”,状态2命名为“不通过”。
2
打开状态1,拖一个按钮组建到状态1中(虚线框内),然后该按钮命名为“通过”。
3
复制状态1中的通过按钮,然后打开状态2界面,ctrl+v粘贴复制的通过按钮,修改名称为“不通过”。
(使用复制可以使位置一样,切换时不会偏移)
4
打开状态1界面,在“通过”按钮上编辑脚本。当点击时(onmouseclink),切换动态面板状态到状态2。
5
打开状态2界面,在“不通过”按钮上编辑脚本。当点击时,切换动态面板状到状态1。
6
这种效果叫做“开关效果”,做原型经常用到的。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13358074.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-21
下一篇 2023-07-21

发表评论

登录后才能评论

评论列表(0条)

保存