一种实现手指触摸区域羽化透明效果的方法.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN106557154A(43)申请公布日2017.04.05(21)申请号201510630355.3(22)申请日2015.09.29(71)申请人深圳市美贝壳科技有限公司地址518057广东省深圳市南山区科技园北区新西路7号兰光科技园A栋309(72)发明人缪运锦李志勇王会(51)Int.Cl.G06F3/01(2006.01)G06F3/0484(2013.01)权利要求书1页说明书3页附图2页(54)发明名称一种实现手指触摸区域羽化透明效果的方法(57)摘要本发明提供一种实现手指触摸区域羽化透明效果的方法，包括：在客户端建立并显示一个视图View，在视图显示区域设置分上下两层图层，下层图层显示视图中物体，上层是模糊的区域遮盖住下层图层；在手指触摸区域渲染触摸区域的颜色，使触摸区域透明设置在视图上层；设置触摸监听OnTouch事件，监听手指触摸的范围，获取手指先后触摸的坐标old_X,old_Y,new_X,new_Y，计算出手指触摸区域的宽高width，height,获得手指触摸区域的面积S；渲染S面积的颜色使其透明，显示视图下层；手指离开触摸区域后，重新初始化视图View。实施本发明的技术方案的有益效果是为了提高图片认知、学习的趣味性，照片分享的互动性，提高技术所指代的产品更好的用户体验度。CN106557154ACN106557154A权利要求书1/1页1.一种实现手指触摸区域羽化透明效果的方法，其特征在于，包括：S1，在客户端建立并显示一个视图View，在视图显示区域设置分上下两层图层，下层图层显示视图中物体，上层图层是模糊的区域遮盖住下层图层；S2、在手指触摸区域渲染触摸区域的颜色，使触摸区域透明设置在视图上层；S3、设置触摸监听OnTouch事件，监听手指触摸的范围，获取手指先后触摸的坐标old_X,old_Y,new_X,new_Y，计算出手指触摸区域的宽高width，height,获得手指触摸区域的面积S；S4、渲染S面积的颜色使其透明，显示视图下层图层；S5、手指离开触摸区域后，重新初始化视图View。2.根据权利要求1所述的方法，其特征在于，所述方法还包括羽化区域的缩放的方法，包括：S11、设置触摸监听OnTouch事件，监听两个手指触摸的先后顺序，获取手指触摸的坐标X1,Y1,X2,Y2；S12、根据手指触摸的坐标计算出手指间的距离d，然后计算出直径为d的圆的面积S1，渲染S1区域使其透明，显示视图的下层图层；S13、重新获取两手指的坐标X1,Y1,X2,Y2,计算出当前两手距离d及以d为直径的面积S2，计算出S2与S1的倍数，然后实时渲染该区域，使其透明化。2CN106557154A说明书1/3页一种实现手指触摸区域羽化透明效果的方法技术领域[0001]本发明属于移动终端中的应用技术领域，特别是一种实现手指触摸区域羽化透明效果的方法。背景技术[0002]随着电子技术的发展，电子产品更新速度越来越快，各种智能终端设备越来越多被用于人们的生活和工作中，这些终端可以用来作为娱乐的工具，也可以用于学习和认知等。[0003]特别是移动客户端，如手机、平板电脑的出现和发展，各式各样的应用层出不穷，特别是一些学习兼有娱乐功能的应用的出现，是为了取悦消费者以期待其购买产品，特别是多媒体教学以及家庭学习娱乐的需要，需要更多的这样应用出现，传统的图片认知仅仅是浏览和分享，认知、分享的娱乐性和互动性不足。发明内容[0004]为提高图片认知的娱乐和互动性，本发明提供一种指针或手指通过触摸屏幕，使触摸部分从局部到整体显示照片的方法，是通过以下技术方案来实现的：一种实现手指触摸区域羽化透明效果的方法，其特征在于，包括：S1，在客户端建立并显示一个视图View，在视图显示区域设置分上下两层图层，下层图层显示视图中物体，上层图层是模糊的区域遮盖住下层图层；；S2、在手指触摸区域渲染触摸区域的颜色，使触摸区域透明设置在视图上层图层；S3、设置触摸监听OnTouch事件，监听手指触摸的范围，获取手指先后触摸的坐标old_X,old_Y,new_X,new_Y，计算出手指触摸区域的宽高width，height,获得手指触摸区域的面积S；S4、渲染S面积的颜色使其透明，显示下层视图图层；S5、手指离开触摸区域后，重新初始化视图View。[0005]所述方法还包括羽化区域的缩放的方法，包括：S11、设置触摸监听OnTouch事件，监听两个手指触摸的先后顺序，获取手指触摸的坐标X1,Y1,X2,Y2；S12、根据手指触摸的坐标计算出手指间的距离d，然后计算出直径为d的圆的面积S1，渲染S1区域使其透明，显示视图的下层图层；S13、重新获取两手指的坐标X1,Y1,X2