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的步骤
大功告成,交互效果就做好了~~~~