Axure

  

Axure界面介绍

一、页面链接

新建文件ctrl+N

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

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

 

修改【首页】字体为白色

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

 

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

修改字体颜色

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

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

一、动态面板

      

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

 

缩小至想要的宽高

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

  

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

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

     

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

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

   

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

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

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

   

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

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

 

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

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

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

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

 

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

 

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

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

 

一、中继器

  

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

    

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

 

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

初始状态: 

 导入图片:  

 设置完毕:

最后一步:

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

原文地址:https://www.cnblogs.com/dudu123/p/10009166.html