12
2018
09

DEMO设计软件Axure RP初步使用


做软件设计工程师,自然少不了要设计DEMO,之前是单纯的开发根本没用到过,要想从头开始,包括做一些动态效果,真还要学习学习,不然都不知道怎么动手做。

我这里使用的英文版,如果用了中文汉化包的,可以翻译一下参考,功能都差不多的。

首先,大概介绍下软件界面功能区

1、先从控件组 Flow里面,拖一个Rectangle,大概确定下页面大小,再加一个小的,用来表示界面查询区。

如果大框在前面盖住了小框,则需要设置到底层:

效果:


2.在控件组Default->Common里面找到Label控件托到小框内,在Default->Forms里面找到 Text Field拖进去,就是文本框,按钮我们用Default->Forms里面的HTML Button。

然后,所有控件都可双击修改显示内容,这个很方便,完成后小框中内容效果:


3.从Default->Menus and Table中,拖Table一个,调整行、列和大小

4.设置列头填充色

5.列中拖入CheckBox,这样就完成了表格的设置

6.Default->Common里面找到Dynamic Panel控件托入,并调整大小,然后右键设置到底层。

在下图位置修改名称,勾选初始状态为hide。


7.双击动态面板,画页面内容,这个跟正常页面操作一样

8.添加主页面点击事件,点击后显示动态面板页面。

9.添加关闭事件,点击关闭后隐藏动态面板页面。

demo设计主要内容大概完成,,preview效果:

点击新增,显示新增界面(点击右上角关闭,隐藏新增界面):



附:
如果是一个页面,需要按不同情况显示不同内容(这个操作也比较常见,比如Tab页面设置),可在动态面板内页面上右键复制,然后在事件中选择显示动态页面不同状态,如下图:




这边是初步使用RP做最常用的设计,这些应该是够了,如果还需要用到其他的东西,那只能去找百度了。




版权声明:
作者:真爱无限 出处:http://www.pukuimin.top 本文为博主原创文章版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接.
« 上一篇下一篇 »

相关文章:

评论列表:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。