Axure

  

Axure界面介绍

 

一、页面链接

新建文件ctrl+N

页面窗口双击“首页”，编辑窗口锁定在“首页”，从部件窗口拖拉“矩形”到编辑窗口，在右边检查窗口》样式种设置 宽高、填充色等

从元件库种拖拉“三级标题”到编辑窗口，改内容为首页，复制5个首页并且将最后一个首页放好水平右边的位置，全选左右的首页，点击工具栏种的“分布》水平”，“对齐》顶部对齐”

 

修改【首页】字体为白色

从元件库种拖拉“图片”到编辑窗口，双击“图片元件库”，添加图片，首页完成

 

在首页 复制全部ctrl+A，ctrl+c 至 公司介绍 ctrl+V

 

修改字体颜色

添加页面链接，点击页面【首页】的“公司介绍”，会到【公司介绍】页面

页面【首页】，选中“公司介绍”》属性》鼠标单机时（双击）》打开链接》选择“”

 

一、动态面板

      

【广告】：拖拉元件库中的“动态面板”到“编辑区”

 

缩小至想要的宽高

双击“动态面板”弹出“动态面板管理”；“动态面板名称”改为‘广告’；添加sheet；为sheet状态重命名为‘选中’和‘未选中’；点击“编辑全部”如图二

  

编辑“选中”状态的样式，拖动元件库中的矩形框到编辑区，缩小矩形到宽高和动态面板相同

点击矩形，修改样式中的填充色，边框白底无下边框；矩形中添加文字并修改文字的颜色

     

编辑“未选中”状态的样式，拖动元件库中的矩形框到编辑区，缩小矩形到宽高和动态面板相同

点击矩形，修改样式中的填充色，边框白底无下边框；矩形中添加文字并修改文字的颜色

 

   

【论坛】：回到页面，ctrl+A全选，复制黏贴，再移动至水平位置 

双击复制的另一个面板【论坛】，修改面板的名字未“论坛”，移动状态“未选中”为上层，显示；双击编辑全部

分别修改两个状态下的标题

   

【新闻】：同理操作新闻面板

【内容】：回到页面；拖拉元件库中的动态面板至编辑区，处理宽高和底层相同

 

双击面板，为面板名称改名；添加面板状态为3个，同上面【广告】【论坛】【新闻】，编辑全部面板的内容

编辑内容【广告】：拖拉矩形至面板，修改填充色，添加边框，无上边框，除了边框其余根据需要添加

编辑内容【论坛】【新闻】：ctrl+A 全选，在其它两个页面黏贴并修改相应的文字内容

 

回到页面，单击控制面板“广告”，在属性中选择触发事件为“当鼠标单击时”；选择元件-设置面板状态，选择状态和内容

 

回到页面，单击控制面板“论坛”，在属性中选择触发事件为“当鼠标单击时”；选择元件-设置面板状态，选择状态和内容，此时要修改当前论坛为选中状态，内容也是论坛，【新闻】同理

 

一、动态面板-固定浏览器头部

全选中导航-右键“转换为动态面板”- 右键“固定到浏览器”

 

一、中继器

  

 

 

从元件库中拖拉“中继器”至编辑区，双击中继器来到中继器编辑区

    

在中继器页面中，从元件库托“图片”和两个“三级标题”，展示图片、名称和价格；注意：图片必须在中继器的上层，这里为了展示让它至于底层

 

 

回到页面，编辑中继器数据表

初始状态： 

 

 导入图片：  

 

 设置完毕：

最后一步：

可以设置水平排列或者垂直排列和背景色