一种窗口交互方法及相关装置与流程

本技术涉及终端，尤其涉及一种窗口交互方法及相关装置。

背景技术：

1、在现代图形用户界面中，电子设备通常可以通过窗口的形式显示浏览器内容或应用内部元素，因此窗口的最小化和还原，属于用户交互过程中的超高频场景，是用户体验的重要组成部分。当前，窗口最小化或还原的动效通常通过窗口位移、缩放处理和透明度调整的组合技术实现的。

2、现有的位移、缩放、透明度组合虽然经典，但已在各类设备中广泛使用，缺少特殊亮眼点，难以给用户带来新鲜感。

3、因此，针对系统中窗口最小化和还原两个超高频场景，如何为其打造关键特征动效，增加可玩性和窗口交互性，提升产品竞争力，是值得考虑的问题。

技术实现思路

1、本技术提供一种窗口交互方法及相关装置，在该窗口交互方法中，电子设备可以显示一种全新的窗口最小化动效，在该最小化动效中，电子设备可以将窗口的最小化路径设置为曲线，在最小化过程中，还可以将窗口进行非线性形变，并在窗口上叠加有模糊效果，以体现窗口的运动感。而在窗口还原过程中，电子设备可以对该最小化动效进行倒放后重新显示窗口。基于该窗口交互方法，可以增加电子设备窗口的可玩性和交互性，提高用户的使用体验。

2、第一方面，本技术提供一种窗口交互方法，该方法应用于电子设备，该方法包括：在该电子设备屏幕的第一位置显示第一窗口；检测到最小化该第一窗口的操作；响应于最小化该第一窗口的操作，对该第一窗口执行最小化，并在执行该最小化的过程中播放第一动效；其中，该第一动效用于呈现该第一窗口从该第一位置逐渐移动至第二位置，并且该第一窗口逐渐缩小至消失的过程；该第一窗口移动的路径为第一曲线路径；该第一窗口上各个位置的移动速度的变化是非线性的，在该过程中，该第一窗口产生第一形变，该第一窗口的弯曲方向与该第一曲线的弯曲方向接近或相同；在该过程中，该第一窗口的部分或全部是模糊的。

3、这样，电子设备可以在窗口最小化时，以曲线路径移动窗口，并在移动过程中对窗口进行非线性形变，使窗口具备类似坠落的运动效果，同时，还对窗口叠加模糊效果，增强了窗口的运动特征，增加了窗口交互性和可玩性，体现了该电子设备独特的设计理念，提高用户的使用体验，从而提升该电子设备的竞争力。

4、结合第一方面，在该过程中，该第一窗口的移动速度先逐渐变快后逐渐变慢。

5、电子设备可以通过控制第一窗口的速度变化，使第一窗口的速度先加快后变慢，增强第一窗口的运动特征，提高了用户的观感。

6、结合第一方面，在该过程中，该第一窗口的部分或全部是模糊的，具体包括：该第一窗口中，距离该第二位置更远的区域，比距离该第二位置更近的区域的模糊程度更高。

7、电子设备对第一窗口叠加的模糊效果可以是渐变的，远离运动目标位置的部分的模糊程度可以小于靠近运动目标位置的部分，这可以在第一窗口移动过程中增加视觉真实性和运动感，提升了用户的交互体验。

8、结合第一方面，对该第一窗口执行最小化，并在执行该最小化的过程中播放第一动效之后，该方法还包括：还原该第一窗口，并在还原过程中倒放该第一动效。

9、窗口最小化之后，对于窗口的还原过程，电子设备可以倒放窗口最小化的过程，这样可以使得窗口还原过程也具备曲线路径和形变，也可以增加窗口交互过程的逻辑性，从而提高用户体验。

10、结合第一方面，该方法还包括：在该第二位置显示第一控件，该第一控件为该第一窗口的桌面图标；该第二位置位于该电子设备的屏幕边缘。

11、电子设备可以显示窗口对应的图标控件，而第二位置位于对应的图标控件附近，这可以使窗口在最小化过程中，整体动效是朝着图标控件移动的，使用户能够从视觉上感知到其最小化的窗口对应的是哪一个图标控件，以便于进行还原或后续操作，优化了用户的使用体验。

12、结合第一方面，该第一窗口包括如下形变点：该第一窗口的四个顶点，和该第一窗口各条边上的n等分点；该第一曲线路径包括各个形变点各自的曲线路径；该方法还包括：

13、对于第一时间，计算出该各个形变点在各自曲线路径上的进度，基于该进度，计算出该各形变点在各自曲线路径上的位置，基于该第一时间下该各形变点的位置，确定第一时间下该第一窗口的第一形变；

14、其中，该进度是第一位置点在第二贝塞尔曲线上的纵坐标，该第一位置点在该第二贝塞尔曲线上的横坐标为该第一时间；该第二贝塞尔曲线是以(0，0)为起点、(1，1)为终点，以(x，1)，(x，0)为控制点绘制的；该x大于0，小于1；该第二贝塞尔曲线横坐标上的1用于表示该形变点的整个移动时间；该纵坐标上的1用于表示该形变点在各自曲线路径上的整个移动距离。

15、电子设备可以通过在窗口上设置形变点，基于贝塞尔曲线的方式计算形变点的移动路径和速度，实现窗口的移动和形变。这可以使电子设备能够对窗口进行曲线路径设置和非线性形变，使窗口最小化流程具备新的动效，从而提高用户的使用体验。

16、结合第一方面，该n等分点的曲线路径对应的贝塞尔曲线的控制点，是对该顶点的曲线路径对应的贝塞尔曲线的控制点进行插值得到的。

17、这样，电子设备可以通过窗口顶点的路径得到其余形变点的路径，使窗口整体的移动路径更加协调，保障用户的视觉体验。

18、结合第一方面，该顶点的曲线路径对应的贝塞尔曲线的控制点是根据该顶点在该屏幕中的位置和该第一窗口的大小确定的。

19、对于不同点的位置和不同的窗口大小，电子设备可以对窗口设置不同的移动路径，使窗口的最小化动效更加匹配窗口的大小和位置，令最小化动效在视觉上更合理，提高用户的使用体验。

20、结合第一方面，该第二位置位于该电子设备屏幕的第一半区，该第一曲线路径的凸起朝向该第一半区。

21、基于最小化动效终点位置的不同，电子设备可以设置朝向不同的窗口最小化路径。示例性地，若第二位置位于电子设备屏幕的左半区，则电子设备设置的窗口最小化曲线路径可以是朝左边弯曲的；若第二位置位于电子设备屏幕的右半区，则电子设备设置的窗口最小化曲线路径可以是朝右边弯曲的。这可以使窗口最小化动效具备对称效果，增强用户对最小化动效的感知，提高了用户的使用体验。

22、结合第一方面，该各个形变点的曲线路径的起点分别是该各个形变点的位置，该各个形变点的曲线路径的终点是该第二位置。

23、结合第一方面，该各个形变点的曲线路径的终点分布在该第二位置附近，该附近表示该各个形变点的曲线路径的终点中任一终点，与该第二位置的距离不超过第一距离。

24、电子设备进行窗口最小化时，窗口移动的终点可以是一个点，也可以是一个区域；示例性地，在第一窗口最小化过程的最后，该第一窗口可以在挤压为一个点之后消失，也可以在形变为一个更小的矩形之后消失。这样可以丰富电子设备窗口最小化动效的类型，丰富用户的使用体验。

25、第二方面，本技术提供一种电子设备，该电子设备包括：处理器和存储器，该存储器与该处理器耦合，该存储器用于存储计算机程序代码，该计算机程序代码包括计算机指令，当该处理器从该存储器中读取该计算机指令，使得该电子设备执行如第一方面所描述的方法。

26、第三方面，本技术提供一种芯片系统，该芯片系统应用于电子设备，该芯片系统包括一个或多个处理器，该处理器用于调用计算机指令以使得执行如第一方面所描述的方法。

27、第四方面，本技术提供一种计算机可读存储介质，该计算机可读存储介质包括计算机程序，当该计算机程序在电子设备上运行时，使得该电子设备执行如第一方面所描述的方法。

28、第五方面，本技术提供一种计算机程序产品，当该计算机程序产品在计算机上运行时，使得该电子设备执行如第一方面所描述的方法。