首先我们来看一下简陋效果(是真的非常简陋):
请手动无视最后一次,gif上传后出现的未知问题
接下来我们聊一下如何实现这个效果,首先我们需要一个动态面板:
动态面板状态里面我们需要它们:
然后我们把它们摆成这个样子(简易例子,就用方框替代,圆就随便放就好了):
圆的大小我设成了50*50(可以按喜好更改),此处以遮罩举例,所以我设了黑色以及不透明度50(也可以改啦),然后我们隐藏掉这个小圈圈。
接下来就是用例了~要对动态面板设置(*^▽^*)。
(1)鼠标按键按下时
把小圈圈移到鼠标位置,显示小圈圈,然后改变它的大小:
移动:使中心在鼠标位置
显示:就是让它出来啦
改变大小:是效果的重点啦,要以中心为固定点~
这里我们用了一个函数,设置按照下图哦:
(2)鼠标按键释放时
隐藏掉小圈圈,然后再把它变回之前的大小
这个小圈圈以哪里作为中心点都可以的,变回原来大小是为了保证每次出现都在鼠标位置,因为之前出现位置是鼠标位置减掉25呀~
哒哒,大功告成,可以预览了,就是开头的效果啦。如果大家有更好的解决方案欢迎来教我呀~
接下来是它↓
这是一个简陋到不能再简陋的例子,是可以扩展的!
如果想改变底纹颜色,可以把小圈圈(当然也可以椭圆)的位置变成文字和原底纹之间
如果动态面板不在(0,0)需要在改变小圈圈位置的时候再减去动态面板的坐标噢(!重点)
源文件:https://pan.baidu.com/s/1tnJpXdCf_qDpqxyr3hM9rw 提取码:eq89
对付企业的 IT 人员来说,最疾苦的工作莫过于面临业务的各类百般的需求,IT 人员要在忙碌的开拓任务中抽时间来做数据阐明,而业务和率领则需要等好久才气拿到数据。反复的事情太多,一旦数据、需求都上涨,...
编辑导读:直播带货将视频与电商两大平台团结起来,用户流量泛起出几许倍的增加。抖音作为短视频规模的巨头,近期公布直播间不再答允第三方来历商品链接接入。这次与淘宝的“分离”大战引起遍及接头,本文作者对此提...
编辑导语:如今这个大数据时代,我们常常会听到“用户画像”“标签体系”这样的词,用户画像更多是对一小我私家物的刻画,而标签体系则是偏打点和分别;本文作者分享了关于标签体系的建树,我们一起来看一下。 我...
编辑导读:如何用Axure实现账号暗码登录高保真原型?本文作者从自身事情需求出发,团结实际操纵,对用Axure9实现账号暗码登录的高保真结果举办了梳理阐明,与各人分享。 最近在写账号暗码登录的高保真...
人作为社会性群居动物,在网上也会情不自禁地寻找和本身沟通的人,由此构成互联网社区。那么,如何做一个有魂灵的社区产物呢?本文从四个部门阐明如何做一个有魂灵的社区产物,推荐给对社区产物感乐趣的童鞋阅读。...
编辑导语:21世纪以来,全球科技创新进入麋集活泼期,自动化加快走向数字化、网络化、智能化。将来,数字技能与经济社会各规模全面深度融合,将进一步敦促实现财富数字化、网络化、智能化厘革成长。在数字经济之下...