面板状态切换与移动

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u012259618/article/details/82353916

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

逻辑图如下:

元件准备:

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

矩形DescriptionLabel:描述照片的文字

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

       state1   图片GreyCover

       state2   图片RedCover

照片Image

交互事件:

如果想每天学一点新的知识,敬请关注微信公众号

微信扫一扫
关注该公众号

猜你喜欢

转载自blog.csdn.net/u012259618/article/details/82353916