Axure交互超级知识点

1、我要实现的效果是:点击签到btn,签到字体变为:已签到,透明度降低,然后弹出toast后消失的效果。

分析一下:这包含几个事件,然后依次将每个事件添加对应的动作就能完成交互效果

事件1:点击btn(签到)文字内容变化

事件2:点击btn(签到)文字透明度变化

事件3:弹出toast

事件4:toast消失


步骤:

1、首先,在页面中加入textbox(文本框),双击输入文字 签到,设置文本框的名称问txt_qd

2、把做好的弹窗图片放入页面,设置图片名称 img_toast,设置为隐藏

3、点击签到btn做链接事件(俗称为case),把所有的事件都在一个case里面展示(如上图),上面的是全部事件的预览。

   知识点讲解:

   Show/Hide 显示和隐藏; 

   Set Text :设置文字的内容(里面的变量rich text 富文本内容);

   Set  Opacity :设置透明度

   当然还有其他的 Rotate:旋转 、Set Size:设置大小


3.1首先文字由签到变为 已签到: 操作为 下拉选中rich text ,点击Edit text 编辑内容,输入已签到


3.2设置文字透明度变化,很简单

3.3设置出现toast 也就是隐藏的toast图片显示,怎样出现怎样消失,Animate:动画效果 flip up 向上划入 后面是时间1000ms


3.4toast消失,原理操作同上

3.5设置下面的文字效果内容变化,操作同3.1的步骤

大功告成,交互效果就做好了~~~~

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容