真爱无限的知识驿站

学习积累技术经验,提升自身能力

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页面设置),可在动态面板内页面上右键复制,然后在事件中选择显示动态页面不同状态,如下图:

发表评论:

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

Powered By Z-BlogPHP 1.7.3

Copyright 2024-2027 pukuimin Rights Reserved.
粤ICP备17100155号