关于Axure循环变色的一个demo

        今天在群里遇到一个朋友说他想做一个循环变色的功能,就是第一下选中之后就开始不停的变换颜色。当时脑海里浮现的第一个想法就是好简单,稍微做过一段时间的UE都会做这个,而且首选的方法就是使用动态面板添加两个不同的状态。然后用一个按钮设置选中该动态面板,采用next效果几百毫秒之后自动下一张,无限循环。当然了这也是制作轮播图的核心。

        但是那个朋友说这个方法不是他想要的。他想要的就是变颜色。创建动态面板他觉得有点麻烦。我就想了一会儿。最后终于想到了一个解决方法就是继续采用“选中”这个东西,首先设置选中交互样式为填充红色(举例而已,具体什么颜色自己设置),其次把矩形本身的颜色设置为绿色(自己随意设置),然后拖一个按钮,加一个单击事件就是设置矩形被选中。然后给矩形加两个事件,第一个:选中时——等待1000毫秒,设置矩形(也就是本元件)为取消选中。第二个事件:取消选中时——等待1000毫秒,设置矩形为选中。这就完成了。这样就让这两个状态,选中时的颜色和本身的颜色无限循环下去。直到你关闭页面。

        下边是我做的demo,大家如果感兴趣下载下来看一下就明白了。很简单的。

       如果有什么事情要交流的话可以加我企鹅号:1278922778

       下边是效果图


链接:http://pan.baidu.com/s/1hsofc6g 密码:66zp

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

推荐阅读更多精彩内容

  • 这里我就用一个主界面和多层的动态面板内嵌(只是钻研和加深交互练习,平常还是跳转链接更方便)。演示一下关于QQ界面的...
    夏天灬阅读 2,816评论 0 7
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,310评论 1 41
  • 效果分析 通过点击右上角的图标切换扫码、账号登录方式; 在扫码登录页面,鼠标移入、移出二维码时,二维码平行移动,并...
    第七周期阅读 14,290评论 0 11
  • 今天诗琪的语文拼音听写由于粗心又没有得满分,和语文老师聊天说哪里表现的都挺好的,就是一到下午上课就没精神打瞌睡,也...
    漂洋过海的鱼_9a7f阅读 218评论 0 2
  • 很少发长篇的东西,总是希望用最简短的语言表达自认为最完整的意思。但是今天,在与闺蜜畅聊几个小时仍觉时间不够时,惊觉...
    笑忘书__阅读 568评论 0 4