最近公司的新项目部分面板需要用ReactNative,其中一个是空调面板，需要通过手势拖动一个环形的Slider来调节温度，好不容易实现了功能，又由于这个面板的背景是一个ScrollView,理所当然的又发生了手势冲突的问题。
先看效果图：
由于背景是一个ScrollView,所以点击也可以拖动
首先，这个环形的Slider是通过SVG来实现的，这里不多说，有需要源码的可以在文章结尾的邮箱给我发邮件。这里主要说一下怎么处理这个手势冲突，大体思路是通过手势来判断目前点击的位置是否属于圆形Slider的区域，如果点击到了圆形Slider,则临时关闭掉SrollView的滑动，判断手指离开后(代表操作圆形Slider结束)，开放SrollView的滑动，点击非圆形Slider区域，则不影响。
不废话，贴代码：
通过给圆形Slider设置两个方法来控制来动态设置scrollow的scrollEnabled属性。
个人邮箱：373490025@qq.com
ps:本人是新入坑的菜鸟一枚，欢迎各路大神交流指教。
最近公司的新项目部分面板需要用ReactNative,其中一个是空调面板，需要通过手势拖动一个环形的Slid...
新增： 解决 1.解决其他的对viewController中手势通过实现手势代理方法处理，造成手势方法不识别，而出...
手势冲突 tableviewcell可以触发点击，同时tableview的父视图有点击识别，这样点击的时候就会产生...
#pragma mark tapGestureRecgnizerdelegate 解决手势冲突 - (BOOL)g...
本文将分享： 怎么解决全局侧滑手势和UIScrollerView水平侧滑手势的冲突 解决方法：子类化UIScrol...
当触发一个手势动作时会连带着触发多个动作 去手势开始 手势终止取消等那么添加一个手势方法 需要考虑周全 都一并实现...
iOS手势冲突（JXCategoryView滚动手势与侧滑、UITableView又划删除） 解决后的效果图 （...
一、事件冲突问题解决步骤（手势冲突为例）: 1. 定位问题: 手势冲突 2.基本知识：掌握事件的传递机制 3. ...
本文转自:这里 前言： 相对于原生的触摸事件处理机制，RN也有一套自己的处理机制，大体上和原生差不多，但是基于RN...
自定义UITableView 为UITableView添加拖拽手势，实现左右滑动改变列表内容。但是遇到手势冲突问题...
本文标题：ReactNative实现一个环形手势控制面板并解决手势冲突
本文链接：https://www.haomeiwen.com/subject/nroygftx.html
网友评论