Axure(实例操作之二)

天猫轮播图

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

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

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

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

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

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

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

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

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

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

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

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

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

10、预览,完成操作。

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,650评论 25 709
  • 内容抽屉菜单ListViewWebViewSwitchButton按钮点赞按钮进度条TabLayout图标下拉刷新...
    皇小弟阅读 46,960评论 22 665
  • Android UI相关开源项目库汇总OpenDigg 抽屉菜单MaterialDrawer ★7337 - 安卓...
    黄海佳阅读 8,780评论 3 77
  • 饭前酒一杯,饭后茶一盏。乐得自悠然,快乐又似仙。莫道世苍桑,莫言它山美。风光在心里,秀丽在远方。
    甘朝武阅读 343评论 0 0
  • 下了十来天的雨,终于肯歇停了。期盼已久的太阳,昨天下午摇摇晃晃地从云层里头走了出来。看到他时,他的精神状态不是那么...
    刘炳清阅读 262评论 0 3