项目中有个需求,是需要玩家滑动解锁,增加二次确认难度防止玩家误操作的一个功能,就如同iphone滑动解锁一样

我的做法 是直接采用Unity自带的Slider来实现,大概原理就是滑动handle到slider的maxvalue.然后做一些列操作


但是策划不想要这么生硬的拉扯,想做个松开按钮,如果滑动条值没有满自动缩回去的一个动画效果,和iphone一样
由于自带的slider 没有提供松开鼠标的一些事件用来监听,但是F12进入可以看到

既然有down 肯定有up,再f12父类

所以 自己扩展一个uislider组件,继承Slider

其中m_Value,看源码可知道 就是我们slider的value

扩展一个onvaluechangeend事件,去实现他即可

扩展下,策划虽然没有说给文字说什么动态效果,但是自己根据iphone的解锁,做了个类似呼吸灯的效果,原理也很简单,使用dotween ,对canvasgroup的扩展,动态改变alpha就行,或者改变文本颜色的透明通道也行


网友评论