【技术实现步骤摘要】
本申请涉及电子设备，尤其涉及一种界面显示方法、电子设备及计算机可读介质。
技术介绍
1、电子设备，通过设置应用实现内容分享功能。比如，通过设置音乐类应用实现歌曲内容的分享。在音乐类应用的界面上，设置有多个选项卡，比如“热歌榜”、“创作榜”。每个选项卡关联有内容列表，内容列表中包括与选项卡相关的内容项目。比如，“热歌榜”关联有“热歌内容列表”，“热歌内容列表”中包括与“热歌榜”相关的一百首歌曲。由于电子设备界面的大小有限制，不能同时显示一百首歌曲。
2、通过在内容列表所在的层级设置滚动条，用户在内容列表上进行上下滑动，滚动条能够完成内容列表的滚动操作，实现一百首歌曲的展示。
3、然而，除了内容列表所在的层级设置有滚动条，选项卡所在的层级也设置有滚动条。用户滑动其中一个滚动条时，另一个层级不会滚动。这样，在切换选项卡时，关联内容列表的滚动会出现卡顿，影响用户体验。
技术实现思路
1、本申请实施例提供一种界面显示方法、电子设备及计算机可读介质，用以解决在界面上切换选项卡时展示内容出现卡顿的技术问题。
2、第一方面，提供一种界面显示方法，该界面显示方法包括：响应于用户对第一选项卡的选定操作，获取滚动条的第一位置信息；第一位置信息包括与第一选项卡关联的第一位置坐标；根据第一位置信息，将第一内容列表的特定内容项目显示在界面上；第一内容列表包括与第一选项卡关联的内容项目；其中，第一位置坐标用于表征滚动条上一次在第一内容列表内的停止位置。
3、基于上
4、在第一方面可行的实现方式中，第一选项卡位于界面的层级，与第一内容列表位于界面的层级均使用同一个滚动条。
5、通过使用同一个滚动条，使得整体都是可以滚动的，没有不可以滚动的区域，能够在选项卡切换的场景下解决滚动嵌套的问题。同时实现顺滑的滚动效果。
6、在第一方面可行的实现方式中，第一内容列表中的全部内容项目撑起滚动条。
7、在第一方面可行的实现方式中，执行将第一内容列表的特定内容项目显示在界面上的步骤之后；界面显示方法还包括：响应于用户的滑动操作，滚动显示第一内容列表的内容项目；滑动操作开始时，获取滚动条的第二位置信息；第二位置信息包括选项卡信息和第二位置坐标；滑动操作停止时，获取滚动条的第三位置信息；第三位置信息包括选项卡信息和第三位置坐标；响应于用户对第一选项卡的取消选定操作，根据第三位置信息，更新第一位置信息。
8、这样，在界面上滑动时，通过记录滚动条的事件信息(即第二位置信息和第三位置信息)，并更新数据，能够在下一次选定该选项卡时，将特定内容项目显示在界面上。用户能够从上一次的历史记录开始浏览。
9、在第一方面可行的实现方式中，执行将第一内容列表的特定内容项目显示在界面上的步骤之后；界面显示方法还包括：响应于用户对第二选项卡的选定操作，将第二内容列表显示在界面上，且将第一内容列表隐藏；第二内容列表包括与第二选项卡关联的内容项目；其中，第二选项卡位于界面的层级，与第二内容列表位于界面的层级均使用同一个滚动条；第二选项卡与第一选项卡位于界面的层级同一层级。
10、界面上设置有多个选项卡时，选定第二选项卡，即对第一选项卡取消选定。第二选项卡位于界面的层级，与第二内容列表位于界面的层级均使用同一个滚动条，第二选项卡与第一选项卡位于界面的层级同一层级，第一内容列表和第二内容列表是平铺的关系。从第一选项卡切换至第二选项卡时，将与第二选项卡关联的第二内容列表显示在界面上，同时将第一内容列表隐藏，不会出现卡顿。
11、在第一方面可行的实现方式中，执行响应于用户对第二选项卡的选定操作，将第二内容列表显示在界面上的步骤时，包括：响应于用户对第二选项卡的选定操作，获取滚动条的第四位置信息；第四位置信息包括与第二选项卡关联的第四位置坐标；第四位置坐标用于表征滚动条上一次在第二内容列表内的停止位置；根据第四位置信息，将第二内容列表的特定内容项目显示在界面上。
12、切换选项卡后，需要展示的内容项目根据滚动条的第四位置信息就可以确定，进而实现展示操作。获取第四位置信息和实现展示的过程用时极短，能够解决卡顿的问题，实现顺滑的滚动操作。
13、在第一方面可行的实现方式中，执行根据第四位置信息，将第二内容列表的特定内容项目显示在界面上的步骤时，界面显示方法还包括：根据第一位置信息和第四位置信息，得到位置坐标差；根据位置坐标差，获得滚动条滚动的当前移动距离；根据当前移动距离，将第二内容列表的特定内容项目显示在界面上。
14、通过计算坐标差值，操作简便，操作时间短，能够实现更顺滑的滚动操作。
15、在第一方面可行的实现方式中，界面显示方法还包括：根据原生滚动，将第一选项卡位于界面的层级的滚动条和第一内容列表位于界面的层级的滚动条统一为一个滚动条。
16、通过原生滚动，第一内容列表的内容项目撑起第一选项卡位于界面的层级。滑动至第一内容列表最末端的内容项目时，也滑动至第一选项卡位于界面的层级的末端，能够适应多种应用场景。比如第一选项卡位于界面的层级的头部过大的场景。
17、在第一方面可行的实现方式中，界面显示方法还包括：在界面上沿第一方向滑动，以实现选定操作；其中，第一方向与滚动条的滚动方向垂直。
18、通过区分选定操作和滚动操作，优化用户的使用感。
19、第二方面，提供一种电子设备，该电子设备包括：至少一个处理器；以及，与至少一个处理器通信连接的存储器；其中，存储器存储有可被至少一个处理器执行的指令，指令被至少一个处理器执行，以使至少一个处理器能够执行如第一方面提供的界面显示方法。
20、本申请实施例提供的电子设备能够执行如第一方面提供的界面显示方法，这样，电子设备中的应用在切换选项卡时无卡顿，使用顺滑，提升用户的使用体验。
21、第三方面，提供一种计算机可读存储介质，其上存储有计算机程序指令，计算机程序指令可被处理器执行以实现如第一方面提供的界面显示方法。
22、本申请实施例提供的计算机可读存储介质存储有能够执行如第一方面提供的界面显示方法的计算机程序指令，这样，该计算机可读存储介质能够保证切换选项卡时无卡顿。
本文档来自技高网...【技术保护点】
1.一种界面显示方法，其特征在于，包括：
2.根据权利要求1所述的界面显示方法，其特征在于，所述第一选项卡位于所述界面的层级，与所述第一内容列表位于所述界面的层级均使用同一个所述滚动条。
3.根据权利要求1或2所述的界面显示方法，其特征在于，执行所述将第一内容列表的特定内容项目显示在所述界面上的步骤之后；所述界面显示方法还包括：
4.根据权利要求3所述的界面显示方法，其特征在于，执行所述将第一内容列表的特定内容项目显示在所述界面上的步骤之后；所述界面显示方法还包括：
5.根据权利要求4所述的界面显示方法，其特征在于，执行所述响应于用户对所述第二选项卡的选定操作，将所述第二内容列表显示在所述界面上的步骤时，包括：
6.根据权利要求5所述的界面显示方法，其特征在于，执行所述根据所述第四位置信息，将第二内容列表的特定内容项目显示在所述界面上的步骤时，所述界面显示方法还包括：
7.根据权利要求2所述的界面显示方法，其特征在于，所述界面显示方法还包括：
8.根据权利要求1-7任一项所述的界面显示方法，其特征
9.一种电子设备，所述电子设备包括：
10.一种计算机可读介质，其上存储有计算机程序指令，所述计算机程序指令可被处理器执行以实现如权利要求1至8中任一项所述的方法。
...【技术特征摘要】
1.一种界面显示方法，其特征在于，包括：
2.根据权利要求1所述的界面显示方法，其特征在于，所述第一选项卡位于所述界面的层级，与所述第一内容列表位于所述界面的层级均使用同一个所述滚动条。
3.根据权利要求1或2所述的界面显示方法，其特征在于，执行所述将第一内容列表的特定内容项目显示在所述界面上的步骤之后；所述界面显示方法还包括：
4.根据权利要求3所述的界面显示方法，其特征在于，执行所述将第一内容列表的特定内容项目显示在所述界面上的步骤之后；所述界面显示方法还包括：
5.根据权利要求4所述的界面显示方法，其特征在于，执行所述响应于用户对所述第二选项卡的选...
【专利技术属性】
技术研发人员：王湛，
申请(专利权)人：上海哔哩哔哩科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。