Axure RP Pro是画原型的工具,以着WinForm的方式搭建页面,可以生成HTML,而且支持事件相应。
1. Wireframe
线框,我们打开一个RP,创建一个Page后,其实就是创建了一个WireFrame,他是一个容器,里面可以承载各种控件。
2. Grid
网格,网格其实定义的是控件拖拽过程中所能移动的最小单元大小。设置:wireframe-> Grid…
3. Dynamic Panel Manager
动态面板管理,View菜单下即可见。
4. Location and Size
用于设定widgets的位置和大小(一种比手工拖拽更精细的操作方式)。
5. Button Shape
一个非常灵活的Button控件,初始拖拽一个shape后,可以指定悬停的时候(右键->Edit Button Shape->Edit RollOverStyle),鼠标按下的时候的样式等。
6. 通过工具栏的位置(对齐)工具调整widget位置
倒数第二个是“Distribute Horizontally”,这个位置工具是根据水平线上面的左右两边控件的距离作为总长度来计算期间所有控件的水平间距。
7. Master
Master是一个MasterPage以及UserControl的作用,可以将一组控件进行重用,包括你可以指定Master所在页面的位置,还可以定义他们的动作(行为),比如跳转链接。这里我做的Demo是四个按钮,作为页头的跳转链接,定位到各个指定页面。
a. Master的类型:默认master分派给了页面后,他的类型就是“Place in background”,这种行为类似于ASP.NET中的Master Page,所定义的控件位置都是不可变的,不可拖拽的,另外一种类型就是userControl的类型,在分配了页面中,右键Master控件->Master->Remove from background,即实现了Master空间组可以被拖拽到其他位置,如果想要在恢复到Master Page类型,右键Master控件->Master->Place in background。
b. 指定位置:选中了四个按钮,然后在Selected Widgets中设置left和top属性,实现定位。首先注意需要在View菜单中打开Location and Size面板,其次是注意要设置的是Selected Widgets,而不是“Each Selected Widget”,最后,为了防止控件被意外拖到,可以将选中控件Group并且锁住。选中->右键->Grouping/Locing->…
c. 分配页面
创建了Master之后就是分配到指定的页面中去显示。在Master面板中右键指定的Master->Add to Pages…
8. 绑定事件