技术编程|Axure入门案例系列——进阶轮播图( 二 )



技术编程|Axure入门案例系列——进阶轮播图
本文插图


技术编程|Axure入门案例系列——进阶轮播图
本文插图

4)配置鼠标移除轮播图暂停、鼠标移出轮播图继续鼠标移入 , 设置内容轮播图和小标轮播图状态为停止循环 。 鼠标移入 , 设置左右切换按钮为显示 。

技术编程|Axure入门案例系列——进阶轮播图
本文插图

鼠标移出 , 设置内容轮播图和小标轮播图状态为向后循环(配置通页面的轮播图动起来) 。

技术编程|Axure入门案例系列——进阶轮播图
本文插图

5)隐藏左右按钮
设置当动态面板变化时 , 隐藏左右按钮(添加触发条件 , 当指针未接触内容轮播图(简单理解为鼠标移出内容轮播图) 。

技术编程|Axure入门案例系列——进阶轮播图
本文插图


技术编程|Axure入门案例系列——进阶轮播图
本文插图

三、总结注意交互的先后顺序 , 尤其在鼠标移入移出内容轮播图时;遇到交互冲突 , 可以尝试添加触发条件进行避免冲突;注意细节 , 尤其是小标动态面板的交互;最后一点:老生常谈 , 注意命名(高保真想要做的好 , 命名不可少) 。
本文由 @Brose 原创发布于人人都是产品经理 , 未经许可 , 禁止转载
题图来自 Pexels , 基于 CC0 协议


推荐阅读