Axure RP 入门

Axure RP Pro是画原型的工具,以着WinForm的方式搭建页面,可以生成HTML,而且支持事件相应。

1. Wireframe
线框,我们打开一个RP,创建一个Page后,其实就是创建了一个WireFrame,他是一个容器,里面可以承载各种控件。

2. Grid
网格,网格其实定义的是控件拖拽过程中所能移动的最小单元大小。设置:wireframe-> Grid…

3. Dynamic Panel Manager
动态面板管理,View菜单下即可见。

 

4. Location and Size
用于设定widgets的位置和大小(一种比手工拖拽更精细的操作方式)。
image

5. Button Shape
image
一个非常灵活的Button控件,初始拖拽一个shape后,可以指定悬停的时候(右键->Edit Button Shape->Edit RollOverStyle),鼠标按下的时候的样式等。

6. 通过工具栏的位置(对齐)工具调整widget位置
image
倒数第二个是“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->…image

c. 分配页面
创建了Master之后就是分配到指定的页面中去显示。在Master面板中右键指定的Master->Add to Pages…

imageimage

8. 绑定事件

image

比如拖拽一个Button Shape控件,Button中定义了事件OnClick,(所有的)事件中有RP预先定义的一下动作(Action),动作是指定对某个控件/变量的特定操作,比如隐藏(显示)控件,禁用(可用)控件,赋值控件等等,选择一个或多个动作和OnClick绑定,选择的动作,下一个就是绑定动作对象,就此完成了一个事件相应的动作绑定。

image

posted on 2013-04-20 12:22  下士闻道  阅读(832)  评论(0编辑  收藏  举报

导航