100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 使用Axure RP实现页面跳转 弹窗显示 单选按钮 下拉框以及图片插入

使用Axure RP实现页面跳转 弹窗显示 单选按钮 下拉框以及图片插入

时间:2022-12-23 12:51:16

相关推荐

使用Axure RP实现页面跳转 弹窗显示 单选按钮 下拉框以及图片插入

前言:Axure RP 能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发。

最近使用到Axure来做产品原型图,今天来总结一下Axure的几种常用的操作:

文章目录

一。页面跳转二。弹窗显示三。单选按钮四。下拉框五。图片插入

一。页面跳转

1.点击“+”新建一个页面:

2.选择你需要添加的控件,鼠标左键拖入到页面中:

3.选中该控件,找到Interactions属性,点击New Interactions:

4.选择click or tap(点击),之后再选择open link(打开链接),选择需要跳转到的页面即可:

5.跳转页面选择好之后,点击more options(更多选项),选择页面跳转的属性,是当前窗口打开还是新窗口打开等:

6.点击确认后,该控件会出现一个黄色闪电的图标,说明跳转设置成功,点击快捷键F5查看页面跳转效果:

二。弹窗显示

1.定义好弹窗内容:

2.一一选择该弹窗上的所有控件,右键选择set hidden属性,将弹窗所含所有控件设置为隐藏:(若控件已经设置为隐藏,右键选择set visible属性,则重新显示该控件。)

3.所有弹窗控件隐藏之后变成黄颜色透明框:

4.找到点击弹出弹框的控件,这里我定义的是点击发布弹出弹框,所以选中发布按钮,点击new interactions,选择click or tap(点击),之后再选择show/Hide(显示/隐藏),选择需要显示或者隐藏的控件,这里选择显示刚刚弹出框隐藏的所有控件:

5.页面点击发布,弹出弹出框效果:

三。单选按钮

1.添加单选按钮控件:

2.选中该单选按钮控件,右键点击assign radio group,给单选控件分配一个组,类似于html页面给单选按钮定义一个共同名name,让其实现单选功能:

3.创建一个组名称叫做permission,给四个单选按钮分别添加该群组,也是右键重复操作:

4.定义一个默认的选择项,选中你需要设置的默认选择项控件,右键点击selected即可:

5.页面效果如下所示:

四。下拉框

1.添加下拉框控件:

2.双击选中该下拉框控件,点击add添加相应的下拉框选项

3.选中该控件,勾选disabled可设置不可修改,相当于html页面控件中的readonly属性一样,只能读:(根据实际需要设计)

4.页面效果展示:

五。图片插入

1.添加图片控件:

2.双击该控件,找到相应的图片即可:

3.页面展示效果:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。