CN112667121A - 一种实现3d模型和数据展示在移动终端的滑动交互方法 - Google Patents
一种实现3d模型和数据展示在移动终端的滑动交互方法 Download PDFInfo
- Publication number
- CN112667121A CN112667121A CN202110151978.8A CN202110151978A CN112667121A CN 112667121 A CN112667121 A CN 112667121A CN 202110151978 A CN202110151978 A CN 202110151978A CN 112667121 A CN112667121 A CN 112667121A
- Authority
- CN
- China
- Prior art keywords
- mobile terminal
- screen
- height
- value
- finger
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开一种实现3D模型和数据展示在移动终端的滑动交互方法，包括以下步骤：按照X1：X2的比例将移动终端的屏幕分割成上方板块A1、下方板块A2，且A1、A2分别用于显示3D模型界面、数据展示界面；用户在屏幕上滑动，移动终端实时检测滑动距离y的值，并根据y的值，计算A1的高度值H1、A2的高度值H2，并将A1、A2的高度调整为H1、H2；当用户的手指离开屏幕，检测手指最终在屏幕上的滑动距离ya的值，并判断ya的绝对值Ya与第一预设阈值的大小，根据判断结果做出相应调整。本发明可将A1、A2的高度调整至用户需要的高度，达到动画变化效果，操作过程简单快速，有效提高用户的体验感。
Description
技术领域
本发明涉及移动终端技术领域，尤其涉及一种实现3D模型和数据展示在移动终端的滑动交互方法。
背景技术
随着移动终端和3D技术的蓬勃发展以及智能手机的普及，用户对移动终端操作系统有着更高的用户体验追求，最直接的体现莫过于纷繁复杂的软件应用上，其中一点正包括应用的炫酷交互特效，一个好用、人性化、互动的软件更能引起用户使用的好奇心，提高用户的体验感。然而现有技术中，移动终端3D模型界面和数据展示界面一般只能进行上、下平滑，页面变化比较生硬，无法根据手指的滑动变化进行大小的改变，无动态效果，体验不流畅，降低用户的体验感，且操作过程繁冗复杂，不便于用户的操作。
因此，现有技术存在缺陷，需要改进。
发明内容
本发明的目的是克服现有技术的不足，提供一种实现3D模型和数据展示在移动终端的滑动交互方法，解决现有技术中，无法根据手指滑动变化，改变3D模型界面和数据展示界面的大小，无动态效果，且操作复杂，导致用户体验较差的问题。
本发明的技术方案如下：一种实现3D模型和数据展示在移动终端的滑动交互方法，包括以下步骤：
S1：按照X1：X2的比例将移动终端的屏幕分割成上方板块A1、下方板块A2；所述上方板块A1、下方板块A2分别用于显示3D模型界面、数据展示界面。
具体地，在本发明中3D模型界面显示3D人体模型的外形轮廓；数据展示界面用于显示3D模型界面中显示的3D人体模型所对应的各项参数，包括：身高、体重、胸围、腰围、臀围，以及根据各项参数所计算出的体态报告，体态报告主要对体型进行评分并说明各个部位存在的问题，例如肩型为轻微高低肩等。
S2：用户的手指在移动终端的屏幕上滑动，移动终端实时检测手指在屏幕上的滑动距离y的值，并根据所述滑动距离y的值，计算上方板块A1的高度值H1、下方板块A2的高度值H2，并将上方板块A1、下方板块A2的高度实时调整为H1、H2。
在步骤S2中用户的手指一直处于触碰屏幕的状态。用户的手指一直在屏幕上进行触碰操作，未离开屏幕。
所述H1=h*[ X1/（X1+X2）]+y；
所述H2= h*[X2/（X1+X2）]-y；
其中，所述h为移动终端屏幕高度；向上滑动时y的值为负数，向下滑动时y的值为正数，滑动距离y的绝对值记为Y。
在上方板块A1、下方板块A2的高度变化过程中，下方板块A2显示界面的区域内数据的显示位置根据下方板块A2的高度变化，即顶端的位置变化进行变化。
S3：当移动终端检测到用户的手指离开屏幕时，检测手指最终在屏幕上的滑动距离ya的值，并判断ya的绝对值Ya与第一预设阈值的大小；若Ya的值小于所述第一预设阈值，则将上方板块A1、下方板块A2的高度分别调整为移动终端屏幕高度的X1/（X1+X2）、移动终端屏幕高度的X2/（X1+X2）；若Ya的值大于或等于所述第一预设阈值，则将上方板块A1、下方板块A2的高度分别调整为移动终端屏幕高度的X2/（X1+X2）、移动终端屏幕高度的X1/（X1+X2）。
S4：经过步骤S3后，当上方板块A1的高度为移动终端屏幕高度的X2/（X1+X2），用户继续向上滑动屏幕时，下方板块A2转换为内部滚动模式，上方板块A1的高度保持不变。
S5：当下方板块A2进行内部滚动模式，并滚动至下方板块A2内部显示界面底部时，若用户继续向上滑动屏幕，则快速调整下方板块A2的高度，使得下方板块A2的高度与移动终端屏幕高度一致，同时上方板块A1自动隐藏。
在步骤S5中，上方板块A1自动隐藏时，3D模型界面会直接退出，并停止3D模型的渲染。
S6：经过步骤S5后，当下方板块A2处于下方板块A2内部显示界面的顶部时，移动终端检测到用户向下滑动屏幕时，上方板块A1自动显示出来，并将高度调整为移动终端屏幕高度的X2/（X1+X2），下方板块A2缩小，并将高度调整为移动终端屏幕高度的X1/（X1+X2）。
当上方板块A1重新载入屏幕并显示出来后，再次根据相应操作指令执行渲染操作。
根据实际操作的需求，将移动终端的屏幕按X1：X2的比例划分为两部分，分别用于显示3D模型界面、数据展示界面，划分完成后，移动终端实时检测用户是否用手指触碰屏幕，当检测到用户触碰屏幕时，通过检测用户滑动屏幕的高度变化，实时计算上方板块A1、下方板块A2需要调整的高度H1、H2，此过程中，上方板块A1、下方板块A2的高度变化基础高度分别为移动终端屏幕高度的X1/（X1+X2）、移动终端屏幕高度的X2/（X1+X2），在每一次滑动时，均有一个起点、一个终点，可定位起点和终点在移动终端屏幕所在平面中的坐标，计算出滑动距离y的值，通过H1、H2对应的计算公式计算出H1、H2的值，移动终端根据所计算出的H1、H2的值，实时调整上方板块A1、下方板块A2的高度，若用户不在进行滑动操作，则检测用户用手指进行最后一次滑动时的滑动距离，将该距离与第一预设阈值进行比较，根据比较结果，调整上方板块A1、下方板块A2的高度，当上方板块A1的高度为移动终端屏幕的X2/（X1+X2）时，若用户进一步向上滑动屏幕时，上方板块A1、下方板块A2的高度将不会发生变化，转换为在下方板块A2内部显示界面滚动模式，当滚动到下方板块A2的显示界面的底部时，而用户继续在屏幕上进行向上滑动，此时下方板块A2的显示界面已到达底部，无法进行内部滚动模式了，移动终端控制上方板块A1隐藏，下方板块A2进行全屏显示，即下方板块A2的高度变化为与显示终端的屏幕高度一致，而当处于下方板块A2内部显示界面的顶部时，若用户继续在屏幕上继续向下滑动，此时移动终端会控制上方板块A1自动显示出来，且高度为移动终端屏幕的X2/（X1+X2），下方板块A2的高度会自动缩小至X1/（X1+X2），从而完成上方板块A1、下方板块A2的高度变化；变化过程中，移动终端可实时检测用户手指在屏幕上的滑动变化、上方板块A1和下方板块A2内部显示界面的位置，根据滑动距离的变化及上方板块A1和下方板块A2内部显示界面的位置，实时调整上方板块A1和下方板块A2的高度，将其调整至用户需要的大小、高度，达到动画变化效果，操作过程简单快速，有效提高用户的体验感，达到实时改变D模型界面、数据展示界面高度的目的。
S7：经过步骤S6后，用户的手指再次在移动终端的屏幕上滑动，移动终端实时检测手指在屏幕上的滑动距离z的值，并根据所述滑动距离z的值，实时计算上方板块A1的高度值L1、下方板块A2的高度值L2，并将上方板块A1、下方板块A2的高度实时调整为L1、L2；在步骤S7中用户的手指一直处于触碰屏幕的状态。
所述L1= h*[X2/（X1+X2）]+z。
所述L2=h*[X1/（X1+X2）]-z。
其中，所述h为移动终端屏幕高度；向上滑动时z的值为负数，向下滑动时z的值为正数，滑动距离z的绝对值记为Z。
S8：当移动终端检测到用户的手指离开屏幕时，检测手指最终在屏幕上的滑动距离za；并判断za的绝对值Za与第二预设阈值的大小；并根据判断结果将上方板块A1的高度调整为移动终端屏幕高度的X1/（X1+X2）或X2/（X1+X2），将下方板块A1的高度调整为移动终端屏幕高度的X2/（X1+X2）或X1/（X1+X2）。
S80：当移动终端检测到用户的手指离开屏幕时，检测手指最终在屏幕上的滑动距离za；并判断za的绝对值Za与第二预设阈值的大小。
S81：若Za的值小于所述第二预设阈值，则将上方板块A1、下方板块A2的高度分别调整为移动终端屏幕高度的X2/（X1+X2）、移动终端屏幕高度的X1/（X1+X2）。
S82：若Za的值大于或等于所述第二预设阈值，则将上方板块A1、下方板块A2的高度分别调整为移动终端屏幕高度的X1/（X1+X2）、移动终端屏幕高度的X2/（X1+X2）。
在步骤S6之后，可进一步进行步骤S7~S8，由于进行步骤S6的变化后，上方板块A1、下方板块A2的高度分别为移动终端屏幕高度的X2/（X1+X2）、X1/（X1+X2），此时若用户再在移动终端的屏幕上进一步滑动，则上方板块A1、下方板块A2的基础高度已发生变化，分别由X1/（X1+X2）变化为X2/（X1+X2）、X2/（X1+X2）变化为X1/（X1+X2），再次调整高度时，需要计算L1、L2的值，并根据计算出的L1、L2的值调整上方板块A1、下方板块A2的高度；当上方板块A1、下方板块A2的高度分别为移动终端屏幕搞得的X1/（X1+X2）、移动终端屏幕搞得的X2/（X1+X2）时，用户在移动终端屏幕上进行连续滑动操作时，采用步骤S3中的计算方法实时调整上方板块A1、下方板块A2的高度；当上方板块A1、下方板块A2的高度分别为移动终端屏幕搞得的X2/（X1+X2）、移动终端屏幕搞得的X1/（X1+X2）时，用户在移动终端屏幕上进行连续滑动操作时，采用步骤S7中的计算方法实时调整上方板块A1、下方板块A2的高度。
进一步地，所述第一预设阈值与所述第二预设阈值相等，且均为移动终端屏幕高度的1/6。
进一步地，在步骤S4中，当下方板块A2转换为内部滚动模式时，超出下方板块A2显示界面的数据将被隐藏。
进一步地，在步骤S5中，上方板块A1隐藏后，移动终端的屏幕的顶部会出现一个高度为K的箭头图标。箭头图标的方向向下，表示下滑操作可将上方板块A1调出，优选地，箭头图标K的值为45px。
进一步地，在步骤S2~S8中，当上方板块A1、下方板块A2调整大小时，上方板块A1内的3D模型将根据上方板块A1的高度变化在原3D模型的基础上进行等比例缩放。上方板块A1的高度在进行变化时，其显示界面显示的3D模型均会随之发生变化，按照对应比例进行缩放，保证3D模型不会变形。
采用上述方案，本发明提供一种实现3D模型和数据展示在移动终端的滑动交互方法，移动终端可实时检测用户手指在屏幕上的滑动变化、上方板块A1和下方板块A2内部显示界面的位置，根据滑动距离的变化及上方板块A1和下方板块A2内部显示界面的位置，实时调整上方板块A1和下方板块A2的高度，将其调整至用户需要的大小、高度，达到动画变化效果，操作过程简单快速，有效提高用户的体验感，达到实时改变D模型界面、数据展示界面高度的目的。
附图说明
图1为本发明步骤S1状态下，移动终端的屏幕显示框图；
图2为本发明的步骤S1~S5流程框图；
图3为图1中步骤S1~S5之后的步骤S6~S8的流程框图；
图4为本发明步骤S80~S81的流程框图。
具体实施方式
以下结合附图和具体实施例，对本发明进行详细说明。
请参照图1-图4，本发明提供一种实现3D模型和数据展示在移动终端的滑动交互方法，包括以下步骤：
S1：按照2：1的比例将移动终端的屏幕分割成上方板块A1、下方板块A2；所述上方板块A1、下方板块A2分别用于显示3D模型界面、数据展示界面。
具体地，在本实施例中，所述移动终端为平板电脑。
S2：用户的手指在移动终端的屏幕上滑动，移动终端实时检测手指在屏幕上的滑动距离y的值，并根据所述滑动距离y的值，计算上方板块A1的高度值H1、下方板块A2的高度值H2，并将上方板块A1、下方板块A2的高度实时调整为H1、H2。
在步骤S2中用户的手指一直处于触碰屏幕的状态。用户的手指一直在屏幕上进行触碰操作，未离开屏幕。
所述H1=h*（2/3）+y；
所述H2=h/3-y；
其中，所述h为移动终端屏幕高度；向上滑动时y的值为负数，向下滑动时y的值为正数，滑动距离y的绝对值记为Y。
在上方板块A1、下方板块A2的高度变化过程中，下方板块A2显示界面的区域内数据的显示位置根据下方板块A2的高度变化，即顶端的位置变化进行变化。
S3：当移动终端检测到用户的手指离开屏幕时，检测手指最终在屏幕上的滑动距离ya的值，并判断ya的绝对值Ya与第一预设阈值的大小；若Ya的值小于所述第一预设阈值，则将上方板块A1、下方板块A2的高度分别调整为移动终端屏幕高度的2/3、移动终端屏幕高度的1/3；若Ya的值大于或等于所述第一预设阈值，则将上方板块A1、下方板块A2的高度分别调整为移动终端屏幕高度的1/3、移动终端屏幕高度的2/3。
具体地，在本实施例中，所述第一预设阈值为移动终端屏幕高度的1/6。
S4：经过步骤S3后，当上方板块A1的高度为移动终端屏幕高度的1/3，用户继续向上滑动屏幕时，下方板块A2转换为内部滚动模式，上方板块A1的高度保持不变。具体地，在本实施例中，当下方板块A2转换为内部滚动模式时，超出下方板块A2显示界面的数据将被隐藏。
S5：当下方板块A2进行内部滚动模式，并滚动至下方板块A2内部显示界面底部时，若用户继续向上滑动屏幕，则快速调整下方板块A2的高度，使得下方板块A2的高度与移动终端屏幕高度一致，同时上方板块A1自动隐藏。
在步骤S5中，上方板块A1自动隐藏时，3D模型界面会直接退出，并停止3D模型的渲染。上方板块A1隐藏后，移动终端的屏幕的顶部会出现一个高度为K的方向向下的箭头图标，优选地，箭头图标K的值为45px。
S6：经过步骤S5后，当下方板块A2处于下方板块A2内部显示界面的顶部时，移动终端检测到用户向下滑动屏幕时，上方板块A1自动显示出来，并将高度调整为移动终端屏幕高度的1/3，下方板块A2缩小，并将高度调整为移动终端屏幕高度的2/3。
当上方板块A1重新载入屏幕并显示出来后，再次根据相应操作指令执行渲染操作。
根据实际操作的需求，将移动终端的屏幕按2：1的比例划分为两部分，分别用于显示3D模型界面、数据展示界面，划分完成后，移动终端实时检测用户是否用手指触碰屏幕，当检测到用户触碰屏幕时，通过检测用户滑动屏幕的高度变化，实时计算上方板块A1、下方板块A2需要调整的高度H1、H2，此过程中，上方板块A1、下方板块A2的高度变化基础高度分别为移动终端屏幕高度的2/3、移动终端屏幕高度的1/3，在每一次滑动时，均有一个起点、一个终点，可定位起点和终点在移动终端屏幕所在平面中的坐标，计算出滑动距离y的值，通过H1、H2对应的计算公式计算出H1、H2的值，移动终端根据所计算出的H1、H2的值，实时调整上方板块A1、下方板块A2的高度，若用户不在进行滑动操作，则检测用户用手指进行最后一次滑动时的滑动距离，将该距离与第一预设阈值进行比较，根据比较结果，调整上方板块A1、下方板块A2的高度，当上方板块A1的高度为移动终端屏幕的1/3时，若用户进一步向上滑动屏幕时，上方板块A1、下方板块A2的高度将不会发生变化，转换为在下方板块A2内部显示界面滚动模式，当滚动到下方板块A2的显示界面的底部时，而用户继续在屏幕上进行向上滑动，此时下方板块A2的显示界面已到达底部，无法进行内部滚动模式了，移动终端控制上方板块A1隐藏，下方板块A2进行全屏显示，即下方板块A2的高度变化为与显示终端的屏幕高度一致，而当处于下方板块A2内部显示界面的顶部时，若用户继续在屏幕上继续向下滑动，此时移动终端会控制上方板块A1自动显示出来，且高度为移动终端屏幕的1/3，下方板块A2的高度会自动缩小至2/3，从而完成上方板块A1、下方板块A2的高度变化；变化过程中，移动终端可实时检测用户手指在屏幕上的滑动变化、上方板块A1和下方板块A2内部显示界面的位置，根据滑动距离的变化及上方板块A1和下方板块A2内部显示界面的位置，实时调整上方板块A1和下方板块A2的高度，将其调整至用户需要的大小、高度，达到动画变化效果，操作过程简单快速，有效提高用户的体验感，达到实时改变D模型界面、数据展示界面高度的目的。
S7：经过步骤S6后，用户的手指再次在移动终端的屏幕上滑动，移动终端实时检测手指在屏幕上的滑动距离z的值，并根据所述滑动距离z的值，实时计算上方板块A1的高度值L1、下方板块A2的高度值L2，并将上方板块A1、下方板块A2的高度实时调整为L1、L2；在步骤S7中用户的手指一直处于触碰屏幕的状态。
所述L1=h/3+z。
所述L2=h*2/3-z。
其中，所述h为移动终端屏幕高度；向上滑动时z的值为负数，向下滑动时z的值为正数，滑动距离z的绝对值记为Z。
S8：当移动终端检测到用户的手指离开屏幕时，检测手指最终在屏幕上的滑动距离za；并判断za的绝对值Za与第二预设阈值的大小；并根据判断结果将上方板块A1的高度调整为移动终端屏幕高度的2/3或1/3，将下方板块A1的高度调整为移动终端屏幕高度的1/3或2/3。
S80：当移动终端检测到用户的手指离开屏幕时，检测手指最终在屏幕上的滑动距离za；并判断za的绝对值Za与第二预设阈值的大小。
具体地，在本实施例中，所述第二预设阈值为移动终端屏幕高度的1/6。
S81：若Za的值小于所述第二预设阈值，则将上方板块A1、下方板块A2的高度分别调整为移动终端屏幕高度的1/3、移动终端屏幕高度的2/3。
S82：若Za的值大于或等于所述第二预设阈值，则将上方板块A1、下方板块A2的高度分别调整为移动终端屏幕高度的2/3、移动终端屏幕高度的1/3。
在步骤S6之后，可进一步进行步骤S7~S8，由于进行步骤S6的变化后，上方板块A1、下方板块A2的高度分别为移动终端屏幕高度的1/3、2/3，此时若用户再在移动终端的屏幕上进一步滑动，则上方板块A1、下方板块A2的基础高度已发生变化，分别由2/3变化为1/3、1/3变化为2/3，再次调整高度时，需要计算L1、L2的值，并根据计算出的L1、L2的值调整上方板块A1、下方板块A2的高度。
在步骤S2~S8中，当上方板块A1、下方板块A2调整大小时，上方板块A1内的3D模型将根据上方板块A1的高度变化在原3D模型的基础上进行等比例缩放。上方板块A1的高度在进行变化时，其显示界面显示的3D模型均会随之发生变化，按照对应比例进行缩放，保证3D模型不会变形。
综上所述，本发明提供一种实现3D模型和数据展示在移动终端的滑动交互方法，移动终端可实时检测用户手指在屏幕上的滑动变化、上方板块A1和下方板块A2内部显示界面的位置，根据滑动距离的变化及上方板块A1和下方板块A2内部显示界面的位置，实时调整上方板块A1和下方板块A2的高度，将其调整至用户需要的大小、高度，达到动画变化效果，操作过程简单快速，有效提高用户的体验感，达到实时改变D模型界面、数据展示界面高度的目的。
以上仅为本发明的较佳实施例而已，并不用于限制本发明，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。
Claims (7)
1.一种实现3D模型和数据展示在移动终端的滑动交互方法，其特征在于，包括以下步骤：
S1：按照X1：X2的比例将移动终端的屏幕分割成上方板块A1、下方板块A2；所述上方板块A1、下方板块A2分别用于显示3D模型界面、数据展示界面；
S2：用户的手指在移动终端的屏幕上滑动，移动终端实时检测手指在屏幕上的滑动距离y的值，并根据所述滑动距离y的值，计算上方板块A1的高度值H1、下方板块A2的高度值H2，并将上方板块A1、下方板块A2的高度实时调整为H1、H2；
在步骤S2中用户的手指一直处于触碰屏幕的状态；
所述H1=h*[ X1/（X1+X2）]+y；
所述H2=h*[X2/（X1+X2）]-y；
其中，所述h为移动终端屏幕高度；向上滑动时y的值为负数，向下滑动时y的值为正数，滑动距离y的绝对值记为Y；
S3：当移动终端检测到用户的手指离开屏幕时，检测手指最终在屏幕上的滑动距离ya的值，并判断ya的绝对值Ya与第一预设阈值的大小；若Ya的值小于所述第一预设阈值，则将上方板块A1、下方板块A2的高度分别调整为移动终端屏幕高度的X1/（X1+X2）、移动终端屏幕高度的X2/（X1+X2）；若Ya的值大于或等于所述第一预设阈值，则将上方板块A1、下方板块A2的高度分别调整为移动终端屏幕高度的X2/（X1+X2）、移动终端屏幕高度的X1/（X1+X2）；
S4：经过步骤S3后，当上方板块A1的高度为移动终端屏幕高度的X2/（X1+X2），用户继续向上滑动屏幕时，下方板块A2转换为内部滚动模式，上方板块A1的高度保持不变；
S5：当下方板块A2进行内部滚动模式，并滚动至下方板块A2内部显示界面底部时，若用户继续向上滑动屏幕，则快速调整下方板块A2的高度，使得下方板块A2的高度与移动终端屏幕高度一致，同时上方板块A1自动隐藏；
S6：经过步骤S5后，当下方板块A2处于下方板块A2内部显示界面的顶部时，移动终端检测到用户向下滑动屏幕时，上方板块A1自动显示出来，并将高度调整为移动终端屏幕高度的X2/（X1+X2），下方板块A2缩小，并将高度调整为移动终端屏幕高度的X1/（X1+X2）。
2.根据权利要求1所述的一种实现3D模型和数据展示在移动终端的滑动交互方法，其特征在于，还包括以下步骤：
S7：经过步骤S6后，用户的手指再次在移动终端的屏幕上滑动，移动终端实时检测手指在屏幕上的滑动距离z的值，并根据所述滑动距离z的值，实时计算上方板块A1的高度值L1、下方板块A2的高度值L2，并将上方板块A1、下方板块A2的高度实时调整为L1、L2；
在步骤S7中用户的手指一直处于触碰屏幕的状态；
所述L1= h*[X2/（X1+X2）]+z；
所述L2=h*[X1/（X1+X2）]-z；
其中，所述h为移动终端屏幕高度；向上滑动时z的值为负数，向下滑动时z的值为正数，滑动距离z的绝对值记为Z；
S8：当移动终端检测到用户的手指离开屏幕时，检测手指最终在屏幕上的滑动距离za；并判断za的绝对值Za与第二预设阈值的大小；并根据判断结果将上方板块A1的高度调整为移动终端屏幕高度的X1/（X1+X2）或X2/（X1+X2），将下方板块A1的高度调整为移动终端屏幕高度的X2/（X1+X2）或X1/（X1+X2）。
3.根据权利要求2所述的一种实现3D模型和数据展示在移动终端的滑动交互方法，其特征在于，所述步骤S8包括以下步骤：
S80：当移动终端检测到用户的手指离开屏幕时，检测手指最终在屏幕上的滑动距离za；并判断za的绝对值Za与第二预设阈值的大小；
S81：若Za的值小于所述第二预设阈值，则将上方板块A1、下方板块A2的高度分别调整为移动终端屏幕高度的X2/（X1+X2）、移动终端屏幕高度的X1/（X1+X2）；
S82：若Za的值大于或等于所述第二预设阈值，则将上方板块A1、下方板块A2的高度分别调整为移动终端屏幕高度的X1/（X1+X2）、移动终端屏幕高度的X2/（X1+X2）。
4.根据权利要求2所述的一种实现3D模型和数据展示在移动终端的滑动交互方法，其特征在于，所述第一预设阈值与所述第二预设阈值相等，且均为移动终端屏幕高度的1/6。
5.根据权利要求1所述的一种实现3D模型和数据展示在移动终端的滑动交互方法，其特征在于，在步骤S4中，当下方板块A2转换为内部滚动模式时，超出下方板块A2显示界面的数据将被隐藏。
6.根据权利要求1所述的一种实现3D模型和数据展示在移动终端的滑动交互方法，其特征在于，在步骤S5中，上方板块A1隐藏后，移动终端的屏幕的顶部会出现一个高度为K的箭头图标。
7.根据权利要求2所述的一种实现3D模型和数据展示在移动终端的滑动交互方法，其特征在于，在步骤S2~S8中，当上方板块A1、下方板块A2调整大小时，上方板块A1内的3D模型将根据上方板块A1的高度变化在原3D模型的基础上进行等比例缩放。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110151978.8A CN112667121B (zh) | 2021-02-04 | 2021-02-04 | 一种实现3d模型和数据展示在移动终端的滑动交互方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110151978.8A CN112667121B (zh) | 2021-02-04 | 2021-02-04 | 一种实现3d模型和数据展示在移动终端的滑动交互方法 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112667121A true CN112667121A (zh) | 2021-04-16 |
| CN112667121B CN112667121B (zh) | 2022-07-26 |
Family
ID=75399241
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110151978.8A Active CN112667121B (zh) | 2021-02-04 | 2021-02-04 | 一种实现3d模型和数据展示在移动终端的滑动交互方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112667121B (zh) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104252561A (zh) * | 2014-09-05 | 2014-12-31 | 北京尔宜居科技有限责任公司 | 一种在单一界面中同时展示同一装修场景的2d图像和3d图像的方法 |
| CN105094718A (zh) * | 2015-07-30 | 2015-11-25 | 广州海葳特电脑科技有限公司 | 一种基于移动终端进行3d模型调整的方法及移动终端 |
| CN109691074A (zh) * | 2016-09-23 | 2019-04-26 | 苹果公司 | 用于增强的用户交互的图像数据 |
| KR102198583B1 (ko) * | 2020-07-27 | 2021-01-05 | 주식회사 소풍앤컴퍼니 | Vr 쇼핑몰 운영관리 시스템 및 그 구동방법 |
-
2021
- 2021-02-04 CN CN202110151978.8A patent/CN112667121B/zh active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104252561A (zh) * | 2014-09-05 | 2014-12-31 | 北京尔宜居科技有限责任公司 | 一种在单一界面中同时展示同一装修场景的2d图像和3d图像的方法 |
| CN105094718A (zh) * | 2015-07-30 | 2015-11-25 | 广州海葳特电脑科技有限公司 | 一种基于移动终端进行3d模型调整的方法及移动终端 |
| CN109691074A (zh) * | 2016-09-23 | 2019-04-26 | 苹果公司 | 用于增强的用户交互的图像数据 |
| KR102198583B1 (ko) * | 2020-07-27 | 2021-01-05 | 주식회사 소풍앤컴퍼니 | Vr 쇼핑몰 운영관리 시스템 및 그 구동방법 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112667121B (zh) | 2022-07-26 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| EP3404520B1 (en) | Method of displaying information by using touch input in mobile terminal | |
| CN103019601B (zh) | 一种触控终端显示界面的操作控制方法及其触控终端 | |
| CN105824545B (zh) | 一种显示界面的显示调节方法及移动终端 | |
| CN106843739A (zh) | 一种移动终端的显示控制方法及移动终端 | |
| KR101794000B1 (ko) | 터치 스크린을 구비하는 기기에서 스크롤 장치 및 방법 | |
| US9035883B2 (en) | Systems and methods for modifying virtual keyboards on a user interface | |
| US11016644B2 (en) | Suspend button display method and terminal device | |
| JP5590342B2 (ja) | タッチパネルを利用した電子機器およびその設定値変更方法 | |
| CN104932809B (zh) | 用于控制显示面板的装置和方法 | |
| CN103488418B (zh) | 电子装置与多窗口触控指令的判断方法 | |
| US20180046366A1 (en) | Method for processing user interface of terminal, user interface, and terminal | |
| WO2020082275A1 (zh) | 终端设备的绘制内容处理方法、装置及终端设备 | |
| CN102819398A (zh) | 一种在触摸屏设备上滑动控制摄像机的方法 | |
| US11630571B2 (en) | Graphic display method and apparatus | |
| CN103389850A (zh) | 一种在浏览器上实现快捷操作的方法及装置 | |
| CN107066176A (zh) | 一种终端单手模式的控制方法及装置 | |
| US20180300011A1 (en) | Method for Controlling Display of Touchscreen, and Mobile Device | |
| CN106445357A (zh) | 一种滑动条控件控制方法和移动终端 | |
| CN104516649A (zh) | 基于体感技术的智能手机操作技术 | |
| CN108376030B (zh) | 一种电子设备的控制方法、装置和电子设备 | |
| CN105204754B (zh) | 触摸屏的单手操作方法及装置 | |
| CN112667121B (zh) | 一种实现3d模型和数据展示在移动终端的滑动交互方法 | |
| KR101503159B1 (ko) | 시선의 위치를 감지하여 터치스크린을 제어하는 방법 | |
| JP6096100B2 (ja) | 電子機器、制御方法、及び制御プログラム | |
| CN104375770B (zh) | 一种显示方法和电子设备 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| CB02 | Change of applicant information |
Address after: 518000 Room 201, building A, No. 1, Qian Wan Road, Qianhai Shenzhen Hong Kong cooperation zone, Shenzhen, Guangdong (Shenzhen Qianhai business secretary Co., Ltd.) Applicant after: Shenzhen xianku intelligent Co.,Ltd. Address before: 518000 Room 201, building A, No. 1, Qian Wan Road, Qianhai Shenzhen Hong Kong cooperation zone, Shenzhen, Guangdong (Shenzhen Qianhai business secretary Co., Ltd.) Applicant before: Shenzhen orange Intelligent Information Technology Co.,Ltd. |
|
| CB02 | Change of applicant information | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |