【技术实现步骤摘要】
本专利技术涉及界面开发设计，具体涉及基于移动端的滑动冲突和悬浮滑动定位的解决方法。
技术介绍
1、软件开发中有许多控件支持用户进行拖拽，滑动等操作，随着业务的展现的需求变化，ui越来越复杂，不可避免的就会出现嵌套的多个可滑动view的情况，还有一些开发者自行开发的，可接受滑动手势的控件与标准控件的嵌套。当viewtree中从根到某一叶子节点的路径上，存在多个可接受滑动手势的控件时，就有可能发生滑动冲突。
2、而滑动冲突就其本质来说，两个不同方向(或者是同方向)的view，其中有一个是占主导地位的，每次总是抢着去处理外界的滑动行为，这样就导致一种很别扭的用户体验，明明只是横向的滑动了一下，纵向的列表却在垂直方向发生了动作。就是说，这个占主导地位的view，每一次都身不由己的拦截了这个滑动的动作，因此，要解决滑动冲突，就是得明确告诉这个占主导地位的view。因此，本领域技术人员在此提出基于移动端的滑动冲突和悬浮滑动定位的解决方法。
技术实现思路
1、针对
技术介绍
当中所提出的缺陷和本专利技术所要解决的技术问题，在于提供基于移动端的滑动冲突和悬浮滑动定位的解决方法，其方案包括如下的操作流程：
2、s1：在用户对整体界面滑动时，读取模块和检测模块对用户的滑动操作进行实时监测，以手指触点为起点以释放点为终点计算滑动距离；
3、s2：根据滑动距离判断显示区域b是否到达锚点区域，若显示区域b未到达锚点区域，显示区域a仍处于锚点区域内且为悬浮状态；
4
5、s4：显示区域b到达锚点区域内，显示区域a脱离锚点区域控制并随着滑动操作的进行脱离整体界面，此时显示区域b受到锚点区域控制并变为悬浮状态，为显示区域c处于可滑动状态。
6、在上述的技术方案中，进一步的，所述步骤s1中，整体界面包括自上而下排布显示的显示区域a、显示区域b和显示区域c，固定在整体界面上方的悬浮锚点区域，且在未进行滑动操作的原始界面状态下，锚点区域与显示区域a重合，让显示区域a保持悬浮固定状态；且显示区域a、显示区域b和显示区域c的内容显示区块上层均具有概揽的标题。
7、在上述的技术方案中，进一步的，所述步骤s3中，显示区域与锚点接触的区域阈值设置为：设锚点区域的宽度为x，锚点区域的上方和下方区域，向上或向下各延伸1/3x的长度，锚点区域上下延伸的区域则为显示区域与锚点区域的预接触区域。
8、在上述的技术方案中，进一步的，所述显示区域a(b或c)是否进入锚点区域的预接触区域的计算中，有如下的计算公式：
9、借用faster r-cnn机制；
10、在设定锚点区域的预接触区域阈值、锚点区域阈值、显示区域a(或b、c)在整体界面上的坐标与锚点区域的预接触区域在整体界面上的坐标后；逐一计算每个显示区域与锚点区域的预接触区域之间的iou值，得到iou矩阵；并且对iou矩阵来说，需要得到显示区域的滑动距离值，即得到每个显示区域最大的iou值；逐一判断每个显示区域的最大iou数值，大于预接触区域阈值的标记成当前的序号、小于背景阈值的标记成-1，介于二者之间的舍弃，默认标记成-2；
11、
12、其中，下标a和下标t分别表示预接触区域和显示区域标签区域，即二者相交的面积除以相并的面积，当iou值(即相交的面积值)在预接触区域的阈值集合内，则代表当前显示区域进入预接触区域或脱离预接触区域；而且显示区域进入锚点区域的计算步骤相同。
13、在上述的技术方案中，进一步的，所述整体界面中包含有与显示区域a重合的锚点区域，且锚点区域与整体界面的最上方具有1/3锚点区域宽度的间隙；位于显示区域a下方的显示区域b，以及位于显示区域b下方的显示区域c；而且，整体界面中内置用于监测和读取各区域状态的检测模块和读取模块，以及支撑整体界面上各个区域滑动操作的滑动模块，且整体界面还设置有与检测模块和读取模块配合测算滑动加速度的加速度计算模块。
14、在上述的技术方案中，进一步的，所述检测模块和读取模块中包括如下的步骤：
15、以手指触点为起点释放点为终点，设定x坐标(触点)和y坐标(释放点)，并检测二者之间的滑动距离，以及滑动过程中所需的时间，加速度计算模块根据加速度公式计算在此滑动操作中的理论最终滑行长度；
16、若是该理论最终滑行长度促使显示区域b无法到达锚点区域或是锚点预接触区域，此时显示区域a仍处于锚点区域内；
17、若是显示区域b到达锚点区域内部，显示区域a脱离锚点区域，并让显示区域b悬浮固定处于不可滑动状态，而显示区域c处于可滑动状态；
18、若是显示区域b到达锚点预接触区域，显示区域a准备脱离锚点区域，显示区域c处于可滑动状态，在滑动操作的继续进行下，直到显示区域b进入锚点区域。
19、在上述的技术方案中，进一步的，所述滑动模块中包括有如下的定义：
20、手指接触摸屏幕；手指在屏幕上滑动；手指离开屏幕；非人为原因取消触摸事件(如系统触发，弹出其他界面，为开发者无法掌控事件)。
21、由上述技术方案可知，本专利技术提供基于移动端的滑动冲突和悬浮滑动定位的解决方法与现有技术相比，本专利技术具有以下有益效果：
22、本专利技术中通过在整体界面分割处理，通过设置悬浮锚点区域和基于锚点区域的预接触区域，通过计算显示区域是否进入预接触区域或悬浮锚点区域，来判断显示区域应该处于悬浮固定状态还是可滑动状态，从而在获得多区域内容对比阅读效果的基础上，解决界面在滑动操作过程中出现的滑动冲突和悬浮滑动定位问题。
本文档来自技高网...【技术保护点】
1.基于移动端的滑动冲突和悬浮滑动定位的解决方法，其包括如下的操作流程：
2.根据权利要求1所述的基于移动端的滑动冲突和悬浮滑动定位的解决方法，其特征在于，所述步骤S1中，整体界面包括自上而下排布显示的显示区域A、显示区域B和显示区域C，固定在整体界面上方的悬浮锚点区域，且在未进行滑动操作的原始界面状态下，锚点区域与显示区域A重合，让显示区域A保持悬浮固定状态；且显示区域A、显示区域B和显示区域C的内容显示区块上层均具有概览的标题。
3.根据权利要求1所述的基于移动端的滑动冲突和悬浮滑动定位的解决方法，其特征在于，所述步骤S3中，显示区域与锚点接触的区域阈值设置为：设锚点区域的宽度为X，锚点区域的上方和下方区域，向上或向下各延伸1/3X的长度，锚点区域上下延伸的区域则为显示区域与锚点区域的预接触区域。
4.根据权利要求3所述的基于移动端的滑动冲突和悬浮滑动定位的解决方法，其特征在于，所述显示区域A/B/C是否进入锚点区域的预接触区域的计算中，有如下的计算公式：
5.根据权利要求1所述的基于移动端的滑动冲突和悬浮滑动定位的解决方法，其
6.根据权利要求5所述的基于移动端的滑动冲突和悬浮滑动定位的解决方法，其特征在于，所述检测模块和读取模块中包括如下的步骤：
7.根据权利要求5所述的基于移动端的滑动冲突和悬浮滑动定位的解决方法，其特征在于，所述滑动模块中包括有如下的定义：
...【技术特征摘要】
1.基于移动端的滑动冲突和悬浮滑动定位的解决方法，其包括如下的操作流程：
2.根据权利要求1所述的基于移动端的滑动冲突和悬浮滑动定位的解决方法，其特征在于，所述步骤s1中，整体界面包括自上而下排布显示的显示区域a、显示区域b和显示区域c，固定在整体界面上方的悬浮锚点区域，且在未进行滑动操作的原始界面状态下，锚点区域与显示区域a重合，让显示区域a保持悬浮固定状态；且显示区域a、显示区域b和显示区域c的内容显示区块上层均具有概览的标题。
3.根据权利要求1所述的基于移动端的滑动冲突和悬浮滑动定位的解决方法，其特征在于，所述步骤s3中，显示区域与锚点接触的区域阈值设置为：设锚点区域的宽度为x，锚点区域的上方和下方区域，向上或向下各延伸1/3x的长度，锚点区域上下延伸的区域则为显示区域与锚点区域的预接触区域。
4.根据权利要求3所述的基于移动端的滑动冲突和悬浮滑动定位的解决方...
【专利技术属性】
技术研发人员：徐大创，张凯翔，吕盼盼，樊凯，高道斌，王雪剑，刘琪，何彬，赵状，丁齐为，赵年生，杨方刚，郑亚，
申请(专利权)人：中科美络科技股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。