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的步骤

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

你可能感兴趣的:(Axure交互超级知识点)