一种显示方法及电子设备与流程

本技术涉及终端，尤其涉及一种显示方法及电子设备。

背景技术：

1、为了便于用户管理和查找使用不同的应用程序(application，app)，电子设备提供了文件夹功能。利用该文件夹功能，用户可将多个app的应用图标添加至同一文件夹内。当用户点击文件夹之后，可显示该文件夹下所有的app，此时用户点击app的应用图标可打开app。上述方式中用户想要打开一个app，需要先点开文件夹，操作不够便捷。

2、基于此，相关技术提出了大文件夹和小文件夹的概念，该小文件夹即上述方式所述的文件夹。在大文件夹下，用户可以直接点击app的应用图标即可打开app，无需展开文件夹。大文件夹和小文件夹之间可相互切换。但是，当从小文件夹切换为大文件夹时，若当前页面中不存在可以容纳大文件夹的区域时，电子设备可将大文件夹移动至当前页面的下一页或者新建的页面中，这种方式容易改变文件夹的位置，进而影响用户的使用习惯，导致用户体验不佳。

技术实现思路

1、本技术实施例提供一种显示方法及电子设备，用于减小图标切换对页面布局的影响，以使切换图标后的页面布局尽量符合用户原有的使用习惯，提升用户体验。

2、为达到上述目的，本技术的实施例采用如下技术方案：

3、第一方面，本技术提供一种显示方法，应用于电子设备，方法包括：电子设备显示第一界面，第一界面包括第一图标。其中，该第一图标可以为小文件夹、小尺寸卡片等。响应于用户放大第一图标的第一操作，电子设备显示第二界面，第二界面是第一界面更新后的界面，第二界面包括第二图标，第二图标为对第一图标进行放大操作得到的图标，第二图标的尺寸大于第一图标的尺寸，且第一图标在第一界面的位置与第二图标在第二界面的位置相对应。例如，第一图标为小文件夹，则第二图标为大文件夹；第一图标为小尺寸卡片，则第二图标为大尺寸卡片。其中，第一图标在第一界面的位置与第二图标在第二界面的位置相对应可以理解为，将该第二图标映射至第一界面时该第二图标所占区域与第一图标所占区域存在交集，又或者理解为，第一图标在显示屏中所占的区域与第二图标在显示屏中所占的区域存在交集。如此，减少图标放大对页面布局的影响，尽量使放大图标后的页面布局(即第二界面的页面布局)符合用户原有的使用习惯，提升用户体验。

4、在第一方面提供的一种实施方式中，第二图标在第二界面中的位置与第一图标在第一界面中的位置、第一图标的尺寸、第二图标的尺寸、电子设备的桌面布局以及第一界面的图标分布情况关联。也就是说，在第一图标的位置/尺寸、第二图标的尺寸、电子设备的桌面布局以及第一界面的图标分布情况有所改变的情况下，第二图标在第二界面中的位置可能会有所变化。

5、在第一方面提供的一种实施方式中，方法还包括：电子设备确定第一图标的第一潜在拓展方式，第一潜在拓展方式包括使第一图标拓展为第二图标的所有拓展方式。然后设备可以从第一潜在拓展方式中确定实际拓展方式，实际拓展方式是根据第一潜在拓展方式的数量，对第一图标进行拓展时对第一界面的页面布局的影响程度，对第一图标进行拓展时所影响到的预设元素的数量中的一项或多项确定的；按照实际拓展方式对第一图标进行拓展得到第二图标。也就是说，电子设备可以确定第一潜在拓展方式的数量，第一潜在拓展方式对第一界面的页面布局的影响程度，以及以第一潜在拓展方式对第一图标进行拓展时所影响到的预设元素的数量，便于设备从中确定对页面布局影响最小的拓展方式。

6、在第一方面提供的一种实施方式中，实际拓展方式为第一潜在拓展方式中对第一界面的页面布局的影响程度小于或等于第一阈值的拓展方式，或者实际拓展方式为第一潜在拓展方式中所影响到的预设元素的数量小于或等于第二阈值的拓展方式，或者实际拓展方式为第一潜在拓展方式中对第一界面的页面布局的影响程度小于或等于第一阈值、且所影响到的预设元素的数量小于或等于第二阈值的拓展方式。如此一来，实际拓展方式对第一界面的页面布局的影响程度小和/或所影响到的预设元素的数量少，可以确保以该实际拓展方式对第一图标进行拓展时，尽量减少第二图标对页面布局的影响。

7、在第一方面提供的一种实施方式中，第一潜在拓展方式不唯一，电子设备确定每个第一潜在拓展方式对应的第一权重，第一权重用于指示以第一潜在拓展方式对第一图标进行拓展时对第一界面的页面布局的影响程度；电子设备判断第二潜在拓展方式是否唯一，其中第二潜在拓展方式为第一权重最小的第一潜在拓展方式；若第二潜在拓展方式唯一，电子设备将第二潜在拓展方式确定为实际拓展方式。也就是说，若存在一个对第一界面的页面布局的影响程度最小的潜在拓展方式，则将该潜在拓展方式作为实际拓展方式，有利于尽量减少第二图标对页面布局的影响。

8、在第一方面提供的一种实施方式中，方法还包括：若第二潜在拓展方式不唯一，电子设备确定每个第二潜在拓展方式对应的第二权重，第二权重用于指示以第二潜在拓展方式对第一图标进行拓展时所影响到的预设元素的数量；电子设备判断第三潜在拓展方式是否唯一，其中第三潜在拓展方式为第二权重最小的第二潜在拓展方式；若第三潜在拓展方式唯一，电子设备将第三潜在拓展方式确定为实际拓展方式。也就是说，若存在一个对第一界面的页面布局的影响程度最小且所影响到的预设元素的数量最少的潜在拓展方式，则将该潜在拓展方式作为实际拓展方式，有利于尽量减少第二图标对页面布局的影响。

9、在第一方面提供的一种实施方式中，方法还包括：若第三潜在拓展方式不唯一，电子设备按照预设的优先级顺序从第三潜在拓展方式中确定实际拓展方式。该预设的优先级顺序可以为根据大数据确定的符合用户习惯的顺序。也就是说，在所有潜在拓展方式对页面布局的影响相同时，可以按照预设的优先级顺序来确定实际拓展方式，如此也能使第二界面比较符合用户使用习惯。

10、在第一方面提供的一种实施方式中，第一权重为以第一潜在拓展方式对第一图标进行拓展时所有被影响图标所占据的网格数量，被影响图标包括位于第一界面中与第二图标占据的区域所对应的区域中的图标。

11、在第一方面提供的一种实施方式中，若第一界面能够容纳所有被影响图标，第二界面还包括所有被影响图标，被影响图标包括位于第一界面中与第二图标占据的区域所对应的区域中的图标。也就是说，在第一界面中能够容纳所有被影响图标时，电子设备会在更新后的第一界面(即第二界面)继续显示所有被影响图标，避免被影响图标移动至其他桌面页，从而使第二界面中仍然包括第一界面中的所有图标，更接近用户原有的使用习惯。

12、在第一方面提供的一种实施方式中，方法还包括：若第一界面不能容纳所有被影响图标，且与第一界面相邻的下一桌面页能够容纳所有被影响图标，电子设备将所有被影响图标移动至第一界面相邻的下一桌面页。这种方式能够使被影响图标位于第一界面相邻的下一桌面页，接近其原本所在的页面。

13、在第一方面提供的一种实施方式中，方法还包括：若第一界面及与第一界面相邻的下一桌面页均不能容纳所有被影响图标，电子设备新建桌面页，并将所有被影响图标移动至新建的桌面页。这样一来，可以不影响第一界面及与第一界面相邻的下一桌面页的图标。

14、在第一方面提供的一种实施方式中，新建的桌面页位于第一界面相邻的下一页。这种方式能够使被影响图标接近其原本所在的页面(即第一界面)。

15、在第一方面提供的一种实施方式中，第一操作包括：选中第一图标的操作以及在包括显示切换按钮的第三界面上对显示切换按钮的操作，第三界面为电子设备响应于用户选中第一图标的操作而显示的界面，显示切换按钮用于使第一图标切换为第二图标。也就是说，电子设备可响应于用户选中第一图标的操作而显示第三界面，该第三界面包括显示切换按钮；响应于用户对该显示切换按钮的操作，电子设备可显示上述的第二界面。

16、在第一方面提供的一种实施方式中，电子设备显示第二界面，包括：在第一界面中不存在容纳第二图标的空闲区域的情况下，电子设备显示第二界面。其中，第一界面不存在容纳第二图标的空闲区域可以理解为在不移动第一界面中图标位置的情况下，第一界面中不能容纳该第二图标。

17、在第一方面提供的一种实施方式中，方法还包括：在第一界面中存在容纳第二图标的空闲区域的情况下，响应于用户放大第一图标的第一操作，电子设备在第一界面的空闲区域显示第二图标。这种方式能够尽量不改变文件夹/卡片的位置，使其符合用户使用习惯。

18、在第一方面提供的一种实施方式中，第二图标所占区域之外的图标在第一界面和第二界面中的位置相同。也就是说，从第一界面切换为第二界面，不会改变除被影响图标以外的其他图标的位置。

19、在第一方面提供的一种实施方式中，第一图标为1×1大小的小文件夹，第二图标为2×2大小的大文件夹。

20、在第一方面提供的一种实施方式中，第一图标为2×2大小的小尺寸卡片，第二图标为4×2大小的大尺寸卡片。

21、第二方面，本技术提供一种电子设备，电子设备包括：存储器和处理器；处理器与存储器耦合；其中，存储器用于存储计算机程序代码，计算机程序代码包括计算机指令；当计算机指令被处理器执行时，使得电子设备执行如第一方面中任意一种实施方式中的方法。

22、第三方面，本技术提供一种计算机可读存储介质，包括计算机指令；当计算机指令在电子设备上运行时，使得电子设备执行如第一方面中任意一种实施方式中的方法。

23、第四方面，本技术提供一种计算机程序产品，当计算机程序产品在终端设备上运行时，使得终端设备执行如第一方面及其任一种可能的设计方式的方法。

24、第五方面，本技术提供一种芯片系统，该芯片系统包括一个或多个接口电路和一个或多个处理器。该接口电路和处理器通过线路互联。上述芯片系统可以应用于包括通信模块和存储器的终端设备。该接口电路用于从终端设备的存储器接收信号，并向处理器发送接收到的信号，该信号包括存储器中存储的计算机指令。当处理器执行该计算机指令时，终端设备可以执行如第一方面及其任一种可能的设计方式的方法。

25、其中，第二方面至第五方面中任一种设计方式所带来的技术效果可参见第一方面中不同设计方式所带来的技术效果，此处不再赘述。