【技术实现步骤摘要】
本申请涉及终端，尤其涉及一种界面显示方法和装置。
技术介绍
1、随着互联网的普及和发展，为满足不同用户对于终端设备的使用需求，终端设备的桌面中可以显示的元素越来越多。通常情况下，用户可以通过触发该桌面中的任一元素，拖拽该元素或者将该元素移动到桌面中的其他位置。
2、然而，当用户误触到该界面中的任一元素时，终端设备可以响应于用户误触的操作对元素快速进行拖拽或者移动，使得用户可能无法及时察觉到误触时移动的元素。
技术实现思路
1、本申请实施例提供一种界面显示方法和装置，终端设备可以在检测到目标元素放置到目标位置时，在该目标元素的周围产生涟漪效果，使得用户可以及时察觉到可能移动的目标元素。
2、第一方面，本申请实施例提供一种界面显示方法，方法包括：终端设备显示第一界面；第一界面包括多个元素；终端设备接收针对多个元素中目标元素的第一操作；响应于第一操作，终端设备将目标元素从第一位置移动到第二位置；终端设备将多个元素中围绕第二位置的第一层元素执行缩小显示和/或放大显示。这样，终端设备可以在检测到目标元素放置到目标位置时，在该目标元素的周围产生涟漪效果，使得用户可以及时察觉到可能移动的目标元素。
3、其中，第一位置可以为目标元素的起始位置，第二位置可以为目标元素产生涟漪的位置，或可以理解为本申请实施例中描述的目标位置；第一位置与第二位置可以相同也可以不同。第一操作可以为本申请实施例中描述的目标操作。
4、在一种可能的实现方式中，方法还包括：终端设
5、其中，第一层元素可以为本申请实施例中描述的第一范围对应的元素，第二层元素可以为本申请实施例中描述的第二范围对应的元素。
6、在一种可能的实现方式中，终端设备将多个元素中围绕第二位置的第二层元素执行缩小显示和/或放大显示，包括：在终端设备将第一层元素执行缩小显示和/或放大显示的第一时间阈值后，终端设备将第二层元素执行缩小显示和/或放大显示。这样，终端设备可以在第一层元素波动的一段时间阈值后，执行第二层元素的波动，通过两层元素之间波动的时间差，形成类似水波纹的效果，使得涟漪效果更为生动。
7、其中，该第一时间阈值的取值可以为50ms或其他数值。
8、在一种可能的实现方式中，第二层元素缩小显示时缩小的比例大于第一层元素缩小显示时缩小的比例，第二层元素放大显示时放大的比例小于第一层元素放大显示时放大的比例。这样，使得终端设备可以通过对不同层元素的缩放比例的调节，呈现出波形依次衰减的动态效果，使得涟漪效果更为生动。
9、在一种可能的实现方式中，方法还包括：终端设备将多个元素中围绕第二位置的第n层元素执行缩小显示和/或放大显示；其中，第n层元素与第二层元素均为以第二位置为中心的元素，第n层元素为第二层元素外侧的元素，n大于2。这样，终端设备可以基于n层元素在目标元素周围形成带有n层波纹的涟漪效果，使得用户可以及时察觉到可能移动的目标元素。
10、在一种可能的实现方式中，方法还包括：在第m层元素中包括停靠栏中的元素时，终端设备将停靠栏中的元素执行缩小显示和/或放大显示；m小于或等于n。这样，在第m层元素中包括停靠栏中的元素时，终端设备也可以实现对于停靠栏中的元素的缩放显示，使得停靠栏中的元素也可以呈现出涟漪效果。
11、在一种可能的实现方式中，第n层元素缩小显示时缩小的比例大于第二层元素缩小显示时缩小的比例，第n层元素放大显示时放大的比例小于第二层元素放大显示时放大的比例。这样，使得终端设备可以通过对不同层元素的缩放比例的调节，呈现出波形依次衰减的动态效果，使得涟漪效果更为生动。
12、在一种可能的实现方式中，终端设备将多个元素中围绕第二位置的第一层元素执行缩小显示和/或放大显示，包括：终端设备在第一时刻对第一层元素进行缩小，并显示缩小的第一层元素；终端设备在第二时刻对缩小的第一层元素进行放大，并显示放大的第一层元素；终端设备在第三时刻对放大的第一层元素进行缩小，并显示第一层元素。这样，终端设备可以通过对图像先进行缩小再进行放大，进而进行缩小的方式，对第一层元素进行缩放，使得第一层元素呈现出动态的效果。
13、在一种可能的实现方式中，缩小的第一层元素的尺寸小于第一层元素的尺寸，放大的第一层元素的尺寸大于第一层元素的尺寸。
14、在一种可能的实现方式中，终端设备将多个元素中围绕第二位置的第一层元素执行缩小显示和/或放大显示，包括：终端设备将多个元素中围绕第二位置的第一层元素，以第二位置为中心执行向内缩小显示和/或以第二位置为中心向外放大显示。这样，使得第一层元素可以呈现出以第二位置处的目标元素为中心，由内而外向外波动的动态效果。
15、在一种可能的实现方式中，响应于第一操作，终端设备将目标元素从第一位置移动到第二位置，包括：响应于第一操作，终端设备对目标元素进行缩小，并显示缩小的目标元素；在第一操作持续作用于目标元素的情况下，终端设备对缩小的目标元素进行放大，并显示放大的目标元素；终端设备将放大的目标元素从第一位置移动到第二位置。这样，终端设备可以在接收到用户触发目标元素的第一设备时，对目标元素进行缩小以及放大，使得用户可以察觉到触发的目标元素。
16、在一种可能的实现方式中，终端设备将放大的目标元素从第一位置移动到第二位置，包括：在终端设备将放大的目标元素从第一位置移动到第二位置的过程中，确定第二位置处存在第一元素的情况时，终端设备将第一元素移动至第三位置，并将放大的目标元素从第一位置移动到第二位置。这样，终端设备也可以在确定第二位置处存在元素时，将该元素移走至其他位置处，并在目标元素移动到该第二位置时触发涟漪效果。
17、在一种可能的实现方式中，目标元素的尺寸与多个元素中围绕第二位置的层数正相关。这样，终端设备可以在目标元素的尺寸越大时，呈现出更多的波纹，模拟出不同大小的物体掷入水中时，物体的面积以及质量越大形成的涟漪范围越大且波形的幅度越大的动态效果。
18、在一种可能的实现方式中，目标元素的尺寸与第一层覆盖的范围正相关。这样，终端设备可以在目标元素的尺寸越大时，呈现出更大的波纹，模拟出不同大小的物体掷入水中时，物体的面积以及质量越大形成的波形范围更大的效果。
19、在一种可能的实现方式中，目标元素为文件夹中的元素，方法还包括：终端设备接收针对文件夹的第二操作；终端设备显示第一界面，包括：响应于第二操作，终端设备显示第一界面。这样，终端设备可以实现在文件夹中存在多个元素时，基于对文件夹中的目标元素的触发，在文件夹中呈现出涟漪效果。
20、在一种可能的实现方式中本文档来自技高网...
【技术保护点】
1.一种界面显示方法，其特征在于，所述方法包括：
2.根据权利要求1所述的方法，其特征在于，所述方法还包括：
3.根据权利要求2所述的方法，其特征在于，所述终端设备将所述多个元素中围绕所述第二位置的第二层元素执行缩小显示和/或放大显示，包括：
4.根据权利要求2或3所述的方法，其特征在于，所述第二层元素缩小显示时缩小的比例大于所述第一层元素缩小显示时缩小的比例，所述第二层元素放大显示时放大的比例小于所述第一层元素放大显示时放大的比例。
5.根据权利要求2-4任一项所述的方法，其特征在于，所述方法还包括：
6.根据权利要求5所述的方法，其特征在于，所述方法还包括：
7.根据权利要求5或6所述的方法，其特征在于，所述第N层元素缩小显示时缩小的比例大于所述第二层元素缩小显示时缩小的比例，所述第N层元素放大显示时放大的比例小于所述第二层元素放大显示时放大的比例。
8.根据权利要求1-7任一项所述的方法，其特征在于，所述终端设备将所述多个元素中围绕所述第二位置的第一层元素执行缩小显示和/或放大显示，包括：<...
【技术特征摘要】
1.一种界面显示方法，其特征在于，所述方法包括：
2.根据权利要求1所述的方法，其特征在于，所述方法还包括：
3.根据权利要求2所述的方法，其特征在于，所述终端设备将所述多个元素中围绕所述第二位置的第二层元素执行缩小显示和/或放大显示，包括：
4.根据权利要求2或3所述的方法，其特征在于，所述第二层元素缩小显示时缩小的比例大于所述第一层元素缩小显示时缩小的比例，所述第二层元素放大显示时放大的比例小于所述第一层元素放大显示时放大的比例。
5.根据权利要求2-4任一项所述的方法，其特征在于，所述方法还包括：
6.根据权利要求5所述的方法，其特征在于，所述方法还包括：
7.根据权利要求5或6所述的方法，其特征在于，所述第n层元素缩小显示时缩小的比例大于所述第二层元素缩小显示时缩小的比例，所述第n层元素放大显示时放大的比例小于所述第二层元素放大显示时放大的比例。
8.根据权利要求1-7任一项所述的方法，其特征在于，所述终端设备将所述多个元素中围绕所述第二位置的第一层元素执行缩小显示和/或放大显示，包括：
9.根据权利要求8所述的方法，其特征在于，所述缩小的第一层元素的尺寸小于所述第一层元素的尺寸，所述放大的第一层元素的尺寸大于所述第一层元素的尺寸。
10.根据权利要求8或9所述的方法，其特征在于，所述终端设备将所述多个元素中...
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。