A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

初始状态如上,一张照片,上面有一层遮罩。当鼠标移入照片某一个区域的时候,黑色的透明遮罩就消失,红色半遮罩上滑,同时文字向下滑动到红色半遮罩上。

逻辑图如下:

元件准备:

矩形TouchArea:用来鼠标移入时的触发

矩形DescriptionLabel:描述照片的文字

动态面板CoverPanel:切换红色和灰色的遮罩

       state1   图片GreyCover

       state2   图片RedCover

照片Image

交互事件:


1 个回复

倒序浏览
奈斯
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马