Axure中导航和滚动图片实例

来源:互联网 发布:数控铣床编程简单图案 编辑:程序博客网 时间:2024/06/06 09:03

整合实例

#

1.导航条的点击效果

  1. 在Axure中新建空白文件(快捷键 ctrl + n)
  2. 矩形拉出导航条的长宽,填充好颜色。
  3. 标签写出导航条上的导航项.
  4. 设置鼠标悬停时,改变颜色.
    点击每个项目所在的标签 ,在属性中选择鼠标悬停时,设置字体颜色,并为每个项目取一个形状的名字(部件交互和注释中)

    用同样的方法设置项目的选中颜色。

  5. 在部件交互和注释中对每个项目设置鼠标点击时

    最后在浏览器中预览效果,(在做每个步骤的时候要随时浏览效果对照修改)

2.图片滚动播放

  1. 在Axure中新建空白文件(快捷键 ctrl + n)
  2. 用动态面板在版面上拉一块滚动图片放的位置
  3. 选中动态面板区域双击添加图层并且命名记得給整个动态面板命名
    这里写图片描述
    4.对每个图层编辑添加image
    这里写图片描述
    5.在页面交互中设置 ——页面载入时进行编辑 设置参数如图
    这里写图片描述
    设置完毕结合预览查看修改。
0 0
原创粉丝点击