控件和母版—Axure教程之三

本教程是AXURE官方教程的中译版,更多内容请参阅axure.com

新建一个文件

pic1

1.添加圆角矩形并设置悬停样式

(一)从部件区域拖拽一个圆角矩形到页面编辑区

(二)在圆角矩形上右键>>编辑内容>>编辑悬停样式

(三)在设置悬停样式对话框中勾选粗体、设置填充颜色为灰色(如图)

axure复制圆角矩形

2.复制并分布对齐圆角矩形控件

(一)复制控件:按住CTRL键并拖拽创建的圆角矩形,重复3次使圆角矩形变成4个

(二)按住左键拖拽选中4个控件

(三)选中所有控件后点击工具栏中的中部对齐和水平分布(如图),让控件对齐并平均分布

(四)在每个圆角矩形中输入名称,注意和左侧站点地图中的名称相对应

pic2

3.将控件组合转换为母版

(一)按住左键拖拽选中4个控件

(二)右键>>转换>>转换为母版

(三)将新母版命名为导航条(NavigationHeader)

(四)点击“继续”

pic3

pic4

4.将母版转换为背景母版

(一)双击导航条(NavigationHeader)在页面编辑区打开母版编辑页

(二)选中全部控件

(三)在工具栏的X、Y坐标中分别输入25

(四)在母版区域的导航条(NavigationHeader)上右键>>类型>>转为背景母版pic5

5.将母版应用到每一页

(一)打开主页:在站点地图上双击主页打开它

(二)在页面编辑区中选中导航条(NavigationHeader),右键>>母版>>转为背景母版

(三)在站点地图中双击打开页面1

(四)拖拽母版区域中的母版到页面1中

(五)在页面2、3中重复步骤四,将母版应用到每一页

pic6

6.在母版中为控件添加链接

(一)打开母版编辑视图,选中主页控件

(二)点击右侧交互区域的快速链接

(三)在链接属性对话框中选择主页

(四)点击确定

(五)重复步骤1-4,为页面1-3控件添加链接

1
Tags: ,
本站文章如未注明(转载分享)则均为JumpIdea原创、编译  转载请注明出处

1条评论

发表评论