美文网首页
Axure(实例操作之二)

Axure(实例操作之二)

作者: 有缘人ILH | 来源:发表于2016-07-02 16:52 被阅读118次

    天猫轮播图

    主要是对 动态面板 及 热区 的使用练习

    动态面板:就像是一个图像的容器(类似于相册),在这里面可以进行翻页,跳转等操作

    热区:是一个不可见的(透明的)层,这个层允许你放在任何区域上并添加交互。

    功能简析:轮播图有六张图片构成,点击左(右)按钮可以让图片实现轮播效果,移入小圆区域也可以实现对应的的图片跳转

    操作步骤:1、拖入一个动态面板,调整坐标及宽高(根据图片大小来定)

     2、双击动态面板,可对动态面板进行命名及添加图层操作 

    3、拖图片到动态面板的各个图层中,并调整位置及进行命名

    4、动态面板页面,设置左右按钮(用矩形操作),默认设置隐藏状态

    5、选中动态面板及左右按钮,单击右键-->转换为动态面板

    6、在设置的大面板下添加两个事件,鼠标移入时,显示左右按钮,鼠标移出时,隐藏左右按钮

    7、给左右按钮添加单击事件   

    8、给轮播图添加 热区 ,并设置其大小,位置

    9、给热区添加鼠标移入事件(注意每个热区对应的图片,操作与7相同)

    10、预览,完成操作。

    在左右按钮,及热区可以添加提示元件,显示第几页

    同理上一篇的qq登陆提示,也可以这样操作

    (以上内容是个人接触Axure RP第二天的学习总结,错误漏洞肯定是有的,以后慢慢修改)

    相关文章

      网友评论

          本文标题:Axure(实例操作之二)

          本文链接:https://www.haomeiwen.com/subject/rynfjttx.html