CN111459371A - 视图切换方法、装置、电子设备及存储介质 - Google Patents
视图切换方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN111459371A CN111459371A CN202010246960.1A CN202010246960A CN111459371A CN 111459371 A CN111459371 A CN 111459371A CN 202010246960 A CN202010246960 A CN 202010246960A CN 111459371 A CN111459371 A CN 111459371A
- Authority
- CN
- China
- Prior art keywords
- tab
- label
- tag
- view
- view controller
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及一种视图切换方法、装置、电子设备及存储介质,所述方法包括:接收将页面组件中第一Tab标签切换至第二Tab标签的切换操作;根据所述第一Tab标签和所述第二Tab标签的标签位置,确定待释放视图控制器的Tab标签及待创建视图控制器的Tab标签;控制与所述待释放视图控制器的Tab标签对应的预设视图指针释放所述待释放视图控制器;为所述待创建视图控制器的Tab标签创建对应的视图控制器;控制释放所述待释放视图控制器的预设视图指针指向所述待创建视图控制器。本发明实施例能够在Tab标签进行切换时,通过不断的创建和释放相应的视图控制器,使得内存中始终只存在固定数量的视图控制器,保证App内存不吃紧,无用内存能够及时释放,提高App的反应速度,便于用户使用。
Description
技术领域
本申请涉及计算机技术领域,尤其涉及一种视图切换方法、装置、电子设备及存储介质。
背景技术
圈子广场可以发布和浏览图文视频动态,组建自己的圈子,进入他人的圈子等,目前均是以纵向切换的视图展现方式来展现圈子内容。
对圈子广场改版时需要实现横向切换的视图展现功能,但是圈子视图业务逻辑复杂,导致其视图控制器代码非常“重”,如果内存中同时保留很多份圈子数据直接导致整个App内存吃紧,用户在使用App时候会明显感觉其反应变慢甚至出现闪退现象,严重影响用户体验。
发明内容
为了解决上述技术问题或者至少部分地解决上述技术问题,本申请提供了一种视图切换方法、装置、电子设备及存储介质。
第一方面,本申请提供了一种视图切换方法,所述方法包括:
接收将页面组件中第一Tab标签切换至第二Tab标签的切换操作;
根据所述第一Tab标签和所述第二Tab标签的标签位置,确定待释放视图控制器的Tab标签及待创建视图控制器的Tab标签;
控制与所述待释放视图控制器的Tab标签对应的预设视图指针释放所述待释放视图控制器;
为所述待创建视图控制器的Tab标签创建对应的视图控制器;
控制释放所述待释放视图控制器的预设视图指针指向所述待创建视图控制器。
可选地,根据所述第一Tab标签和所述第二Tab标签的标签位置,确定待释放视图控制器的Tab标签及待创建视图控制器的Tab标签的步骤,包括:
若所述第一Tab标签和所述第二Tab标签的标签位置相邻,确定与所述第一Tab标签相邻且远离所述第二Tab标签的相邻Tab标签为待释放视图控制器的Tab标签,确定与所述第二Tab标签相邻且远离所述第一Tab标签的相邻Tab标签为待创建视图控制器的Tab标签;
或者,若所述第一Tab标签和所述第二Tab标签的标签位置之间的间隔距离为一,确定所述第一Tab标签为待释放视图控制器的Tab标签,确定与所述第一Tab标签相邻且远离所述第二Tab标签的Tab标签为待释放视图控制器的Tab标签;确定所述第二Tab标签为待释放视图控制器的Tab标签,确定与所述第二Tab标签相邻且远离所述第一Tab标签的Tab标签为待创建视图控制器的Tab标签;
或者,若所述第一Tab标签和所述第二Tab标签的标签位置之间的间隔距离大于一,确定所述第一Tab标签为待释放视图控制器的Tab标签,确定与所述第一Tab标签相邻的Tab标签为待释放视图控制器的Tab标签;确定所述第二Tab标签为待释放视图控制器的Tab标签,确定与所述第二Tab标签相邻的Tab标签为待创建视图控制器的Tab标签。
可选地,在接收到所述切换操作后,所述方法还包括:
计算所述第二Tab标签与所述页面组件中当前处于末位的Tab标签之间的间隔距离;
若所述间隔距离小于预设阈值,从服务器获取所述第二Tab标签所属的当前标签数据页之后的下一标签数据页;
展示下一标签数据页包含的Tab标签。
可选地,在接收到所述切换操作后,所述方法还包括:
若所述第二Tab标签与所述第一Tab标签不相邻,获取预设的用于在Tab标签切换时占位展示的默认占位图;
在释放所述待释放视图控制器的预设视图指针未指向所述待创建视图控制器时,显示所述默认占位图。
可选地,在控制释放所述待释放视图控制器的预设视图指针指向所述待创建视图控制器的步骤之后,所述方法还包括:
获取所述第二Tab标签中视图标题的标题宽度;
根据所述标题宽度生成用于展示所述视图标题的Tab标签子控件;
根据所述标题宽度计算内容偏移量属性值;
将所述第二Tab标签的坐标点设置为所述内容偏移量属性值,以使所述Tab标签子控件居中显示。
可选地,在控制释放所述待释放视图控制器的预设视图指针指向所述待创建视图控制器的步骤之后,所述方法还包括:
若接收到向所述页面组件中添加Tab标签的添加操作,将预设Tab标签添加位置及所述预设Tab标签添加位置之后的Tab标签向后平移让位;
将添加的Tab标签添加至所述预设Tab标签添加位置。
可选地,在控制释放所述待释放视图控制器的预设视图指针指向所述待创建视图控制器的步骤之后,所述方法还包括:
若接收到删除所述页面组件中Tab标签的删除操作,判断被删除的Tab标签是否不为所述第二Tab标签或所述第二Tab标签的相邻Tab标签;
若被删除的Tab标签不为所述第二Tab标签或所述第二Tab标签的相邻Tab标签,删除所述Tab标签;
将被删除的Tab标签所在标签位置之后的Tab标签向前平移补位;
若被删除的Tab标签为所述第二Tab标签或所述第二Tab标签的相邻Tab标签,则删除所述为所述第二Tab标签或所述第二Tab标签的相邻Tab标签,及与被删除的Tab标签对应的视图控制器;
将所述为所述第二Tab标签或所述第二Tab标签的相邻Tab标签所在标签位置之后的Tab标签向前平移补位;
为用于补位的Tab标签创建视图控制器。
第二方面,本申请提供了一种视图切换装置,所述装置包括:
接收模块,用于接收将页面组件中第一Tab标签切换至第二Tab标签的切换操作;
确定模块,用于根据所述第一Tab标签和所述第二Tab标签的标签位置,确定待释放视图控制器的Tab标签及待创建视图控制器的Tab标签;
第一控制模块,用于控制与所述待释放视图控制器的Tab标签对应的预设视图指针释放所述待释放视图控制器;
创建模块,用于为所述待创建视图控制器的Tab标签创建对应的视图控制器;
第二控制模块,用于控制释放所述待释放视图控制器的预设视图指针指向所述待创建视图控制器。
第三方面,本申请提供了一种电子设备,包括处理器、通信接口、存储器和通信总线,其中,处理器,通信接口,存储器通过通信总线完成相互间的通信;
存储器,用于存放计算机程序;
处理器,用于执行存储器上所存放的程序时,实现第一方面任一所述的视图切换方法。
第四方面,本申请提供了一种计算机可读存储介质,所述计算机可读存储介质上存储有视图切换方法的程序,所述视图切换方法的程序被处理器执行时实现第一方面任一所述的视图切换方法的步骤。
本申请实施例提供的上述技术方案与现有技术相比具有如下优点:
本申请实施例提供的该方法,通过首先接收将页面组件中第一Tab标签切换至第二Tab标签的切换操作,然后根据所述第一Tab标签和所述第二Tab标签的标签位置,确定待释放视图控制器的Tab标签及待创建视图控制器的Tab标签,再控制与所述待释放视图控制器的Tab标签对应的预设视图指针释放所述待释放视图控制器,再为所述待创建视图控制器的Tab标签创建对应的视图控制器,可以控制释放所述待释放视图控制器的预设视图指针指向所述待创建视图控制器。
本发明实施例能够在Tab标签进行切换时,通过不断的创建和释放相应的视图控制器,使得内存中始终只存在固定数量的视图控制器,保证App内存不吃紧,无用内存能够及时释放,提高App的反应速度,便于用户使用。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本发明的实施例,并与说明书一起用于解释本发明的原理。
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,对于本领域普通技术人员而言,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本申请实施例提供的一种视图切换方法的一种流程图;
图2为本申请实施例提供的一种页面组件在接收到切换操作前的页面示意图;
图3为本申请实施例提供的一种页面组件在接收到切换操作后的页面示意图;
图4为本申请实施例提供的一种视图切换方法的另一种流程图;
图5为本申请实施例提供的一种视图切换方法的另一种流程图;
图6为本申请实施例提供的一种视图切换方法的另一种流程图;
图7为本申请实施例提供的一种视图切换方法的另一种流程图;
图8为本申请实施例提供的一种视图切换方法的另一种流程图;
图9为本申请实施例提供的一种视图切换装置的结构示意图;
图10为本申请实施例提供的一种电子设备的结构示意图。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本申请的一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本申请保护的范围。
由于圈子广场改版时需要实现横向切换的视图展现功能,但是圈子视图业务逻辑复杂,导致其视图控制器代码非常“重”,如果内存中同时保留很多份圈子数据直接导致整个App内存吃紧,用户在使用App时候会明显感觉其反应变慢甚至出现闪退现象,严重影响用户体验,图1为本申请实施例提供的一种视图切换方法,所述视图切换方法可以应用于用户终端,例如:手机、平板电脑等,所述视图切换方法包括:
步骤S101,接收将页面组件中第一Tab标签切换至第二Tab标签的切换操作;
在本发明实施例中,如图2所示,页面组件的顶部可以设置多个Tab标签及滚动视图,每个Tab标签对应一个视图控制器,视图控制器用于将视图内容可视化,可以将Tab标签的数据及各Tab标签对应的视图控制器的视图内容预先加载到本地缓存中;滚动视图用于在一个屏幕的像素显示不下多个Tab标签时,可以采用滑动的方式,使Tab标签显示。
在实际应用中,若用户在浏览完第一Tab标签对应的视图控制器所展示的视图内容时,可以根据页面组件顶部导航栏展示的多个Tab标签的内容选择下一个想要观看的视图内容,在用户通过点击的方式点击第二Tab标签或者通过滑动顶部Tab导航栏的方式滑动至第二Tab标签时,可以确定接收到切换操作。
步骤S102,根据所述第一Tab标签和所述第二Tab标签的标签位置,确定待释放视图控制器的Tab标签及待创建视图控制器的Tab标签;
在本发明实施例中,可以预先设置三个预设视图指针,其中,第一预设视图指针用于指向当前展示的Tab标签对应的视图控制器,第二预设视图指针用于指向位于当前展示的Tab标签左侧相邻的Tab标签所对应的视图控制器,第三预设视图指针用于指向位于当前展示Tab标签右侧相邻的Tab标签所对应的视图控制器。
由于接收到由第一Tab标签被切换到第二Tab标签的切换操作,随着Tab标签的切换,相应的,当前展示的视图控制器也应当随着切换操作由第一Tab标签对应的视图控制器被切换到第二Tab标签对应的视图控制器,所以第一预设视图指针需要释放其持有的与所述第一Tab标签对应的视图控制器,第二预设视图指针需要释放其持有的与位于第一Tab标签左侧的Tab标签对应的视图控制器,第三预设视图指针需要释放其持有的与位于第一Tab标签右侧的Tab标签对应的视图控制器;为了展示接收到切换操作后的第二Tab标签对应的视图控制器,而且为了便于平滑切换,还需要为所述第二Tab标签左侧相邻的Tab标签及右侧相邻的Tab标签创建对应的视图控制器。
在实际应用中,第一Tab标签和第二Tab标签的标签位置不同,会影响其左右是否存在相邻Tab标签,在本发明实施例中,若所述第一Tab标签和所述第二Tab标签的标签位置之间的间隔距离大于一,确定所述第一Tab标签为待释放视图控制器的Tab标签,确定与所述第一Tab标签相邻的Tab标签为待释放视图控制器的Tab标签;确定所述第二Tab标签为待释放视图控制器的Tab标签,确定与所述第二Tab标签相邻的Tab标签为待创建视图控制器的Tab标签。
示例性的,假设存在8个Tab标签,依次为:首页(标签位置为1)、财经(标签位置为2)、健康(标签位置为3、科技(标签位置为4)、娱乐(标签位置为5)、汽车(标签位置为6)和体育(标签位置为7)、动漫(标签位置为8),若第一Tab标签为“健康”,切换后的第二Tab标签为“汽车”,此时第一Tab标签“健康”和第二Tab标签“汽车”的标签位置之间的间隔距离(间隔两个Tab标签,所以间隔距离为2)大于1,需要释放第一Tab标签“健康”对应的视图控制器,并且需要释放其左侧“首页”对应的视图控制器及其右侧“科技”对应的视图控制器;需要为第二Tab标签“汽车”创建对应的视图控制器,并且需要为其左侧“娱乐”创建对应的视图控制器及其右侧“体育”创建对应的视图控制器,可见此时需要释放三个视图控制器,创建三个视图控制器。
在本发明实施例中,若所述第一Tab标签和所述第二Tab标签的标签位置之间的间隔距离为一,确定所述第一Tab标签为待释放视图控制器的Tab标签,确定与所述第一Tab标签相邻且远离所述第二Tab标签的Tab标签为待释放视图控制器的Tab标签;确定所述第二Tab标签为待释放视图控制器的Tab标签,确定与所述第二Tab标签相邻且远离所述第一Tab标签的Tab标签为待创建视图控制器的Tab标签。
示例性的,若第一Tab标签为“健康”,切换后的第二Tab标签为“娱乐”,此时第一Tab标签“健康”和第二Tab标签“娱乐”的标签位置之间的间隔距离等于1,需要释放第一Tab标签“健康”对应的视图控制器,并且需要释放其左侧“首页”对应的视图控制器,因为其右侧“科技”与第二Tab标签“娱乐”左侧“科技”为同一个,所以“科技”对应的视图控制器无需释放;需要为第二Tab标签“娱乐”创建对应的视图控制器,并且需要为其右侧“汽车”创建对应的视图控制器,可见此时需要释放两个视图控制器,创建两个视图控制器。
在本发明实施例中,若所述第一Tab标签和所述第二Tab标签的标签位置相邻,确定与所述第一Tab标签相邻且远离所述第二Tab标签的相邻Tab标签为待释放视图控制器的Tab标签,确定与所述第二Tab标签相邻且远离所述第一Tab标签的相邻Tab标签为待创建视图控制器的Tab标签。
示例性的,若第一Tab标签为“健康”,切换后的第二Tab标签为“科技”,此时第一Tab标签“健康”和第二Tab标签“科技”相邻,也即二者的标签位置之间的间隔距离小于1,由于第一Tab标签“健康”与第二Tab标签左侧“健康”为同一个,第一Tab标签右侧“科技”与第二Tab标签“科技”为同一个,所以仅需要释放第一Tab标签左侧“首页”对应的视图控制器;需要为第二Tab标签右侧“娱乐”创建对应的视图控制器,可见此时需要释放一个视图控制器,创建一个视图控制器。
所以在进行视图控制器释放和创建时,需要确定哪些视图控制器需要释放,哪些视图控制器需要创建。
为了确定哪些视图控制器需要释放,哪些视图控制器需要创建,在本发明实施例中,可以获取滚动视图的滚动指针记录的第一Tab标签的第一标签位置及第二Tab标签的第二标签位置,根据第一标签位置和第二标签位置计算第一Tab标签和第二Tab标签之间的间隔距离,再基于第一标签位置、第二标签位置和间隔距离确定待释放的视图控制器及待创建视图控制器的Tab标签。
第一标签位置、第二标签位置及间隔距离为其它值时,可参考以上规则确定需要释放和创建的视图控制器,此处不再赘述。
步骤S103,控制与所述待释放视图控制器的Tab标签对应的预设视图指针释放所述待释放视图控制器;
控制与所述待释放视图控制器的Tab标签对应的预设视图指针释放所述待释放视图控制器,可以避免多余的视图控制器占用内存,保证用户横向切换Tab标签的时候,保证App内存不吃紧,无用内存能够及时释放。
步骤S104,为所述待创建视图控制器的Tab标签创建对应的视图控制器;
为所述待创建视图控制器的Tab标签创建对应的视图控制器,可以便于在用户需要从第二Tab标签向左或向右切换时能够快速展示相应视图控制器的视图内容,使数据展示更加流畅。
步骤S105,控制释放所述待释放视图控制器的预设视图指针指向所述待创建视图控制器。
在本发明实施例中,如图3所示,预设视图指针指向所述第二Tab标签所对应的视图控制器时,第二Tab标签对应的视图控制器可以展示相应的视图内容。
本发明实施例通过首先接收将页面组件中第一Tab标签切换至第二Tab标签的切换操作,然后根据所述第一Tab标签和所述第二Tab标签的标签位置,确定待释放视图控制器的Tab标签及待创建视图控制器的Tab标签,再控制与所述待释放视图控制器的Tab标签对应的预设视图指针释放所述待释放视图控制器,为所述待创建视图控制器的Tab标签创建对应的视图控制器,最后可以控制释放所述待释放视图控制器的预设视图指针指向所述待创建视图控制器。
本发明实施例能够在Tab标签进行切换时,通过不断的创建和释放相应的视图控制器,使得内存中始终只存在固定数量的视图控制器,保证App内存不吃紧,无用内存能够及时释放,提高App的反应速度,便于用户使用。
在实际应用中,服务器一般采取分页方式下发页面组件顶部的Tab标签的数据,如果每次当前标签数据页的Tab标签浏览完毕才开始从服务器获取下一标签数据页,会导致延长用户等待时间,为此,在本发明的又一实施例中,在接收到所述切换操作后,如图4所示,所述方法还包括:
步骤S201,计算所述第二Tab标签与所述页面组件中当前处于末位的Tab标签之间的间隔距离;
在本发明实施例中,由于服务器一般采取分页方式下发页面组件顶部的Tab标签的数据,所以用户终端本地的Tab标签的数量在未接收到标签数据页时是固定的,所以可以获取到当前位于最末尾位置的Tab标签的位置,例如,用户终端本地当前存在50个Tab标签,则当前处于末位的Tab标签的标签位置为20,若第二Tab标签的第二标签位置为9,则第二Tab标签与当前处于末位的Tab标签之间的间隔距离为10。
步骤S202,若所述间隔距离小于预设阈值,从服务器获取所述第二Tab标签所属的当前标签数据页之后的下一标签数据页;
在本发明实施例中,为了便于用户终端能够使用户无感知的在适当时机请求下一标签数据页,如果间隔距离小于预设阈值,则说明第二Tab标签与当前处于末位的Tab标签很近,供用户下一次切换的Tab标签可能已不足,需要及时获取下一标签数据页。预设阈值可以根据实际情况进行设置,例如,预设阈值可以设置为用户终端本地的Tab标签的总数量的一半、1/3或者1/4等等,例如:若用户终端本地的Tab标签的总数量为20,则可以设置为10、13或者15等等。
步骤S203,展示下一标签数据页包含的Tab标签。
在本发明实施例中,可以在页面组件中当前展示的所有Tab标签的后面展示下一标签数据页中的Tab标签。
本发明实施例能够在用户终端本地的Tab标签可能不足以供用户选择的时候,及时从服务器获取下一标签数据页,在用户无感知的时候自动获取下一标签数据页,减少用户等待时间,便于用户使用。
在本发明的又一实施例中,在接收到所述切换操作后,如图5所示,所述方法还包括:
步骤S301,若所述第二Tab标签与所述第一Tab标签的标签位置不相邻,获取预设的用于在Tab标签切换时占位展示的默认占位图;
在本发明实施例中,若第二Tab标签与所述第一Tab标签的标签位置之间的间隔距离为0,则可以确定第二Tab标签与第一Tab标签相邻,若第二Tab标签与所述第一Tab标签的标签位置之间的间隔距离大于0,则可以确定第二Tab标签与第一Tab标签不相邻。
在本发明实施例中,默认占位图可以是一张预设的在Tab标签切换时用于过渡的图片。
步骤S302,在释放所述待释放视图控制器的预设视图指针未指向所述待创建视图控制器时,显示所述默认占位图。
本发明实施例通过在切换过程中展示默认展位图,能够防止在第二Tab标签对应的视图控制器未创建好时出现的白屏过渡的情况。
在本发明的又一实施例中,步骤S105之后,如图6所示,所述方法还包括:
步骤S401,获取所述第二Tab标签中视图标题的标题宽度;
由于在实际应用中,为了便于用户了解每个Tab标签对应的视图控制器展示的视图内容,会为每个Tab标签设置视图标题,但是由于每个视图控制器展示的视图内容不同,相应的视图标题的长度及大小也不同,所以为了保证每个视图标题能够完整展示,需要获取视图标题的标题宽度。
步骤S402,根据所述标题宽度生成用于展示所述视图标题的Tab标签子控件;
步骤S403,根据所述标题宽度计算内容偏移量属性值;
步骤S404,将所述第二Tab标签的坐标点设置为所述内容偏移量属性值,以使所述Tab标签子控件居中显示。
本发明实施例通过根据视图标题的标题宽度设置用于展示视图标题的Tab标签子控件的位置,可以使Tab标签子控件居中显示,保证视图标题能够完整显示。
在实际应用中,用户可能会需要根据自己的实际需求添加Tab标签,为此,在本发明的又一实施例中,步骤S105之后,如图7所示,所述方法还包括:
步骤S501,若接收到向所述页面组件中添加Tab标签的添加操作,将预设Tab标签添加位置及所述预设Tab标签添加位置之后的Tab标签向后平移让位;
在本发明实施例中,预设Tab标签添加位置可以指“首页”的Tab标签所在的第一个标签位置之后的第二个标签位置等。添加操作可以通过点击页面组件中某些添加按钮控件完成。
将预设Tab标签添加位置及所述预设Tab标签添加位置之后的Tab标签向后平移可以空出预设Tab标签添加位置,以便添加操作需要添加的Tab标签。
步骤S502,将添加的Tab标签添加至所述预设Tab标签添加位置。
示例性的,可以将添加的Tab标签添加至“首页”的Tab标签所在的第一个标签位置之后的第二个标签位置。
本发明实施例中通过将预设Tab标签添加位置之后的Tab标签向后平移,为添加操作添加的Tab标签空出位置,避免新添加的Tab标签覆盖原有位置Tab标签,出现数据丢失的情况。
在实际应用中,用户可能会需要根据自己的实际需求删除某些Tab标签,为此,在本发明的又一实施例中,步骤S105之后,如图8所示,所述方法还包括:
步骤S601,若接收到删除所述页面组件中Tab标签的删除操作,判断被删除的Tab标签是否不为所述第二Tab标签或所述第二Tab标签的相邻Tab标签;
在本发明实施例中,可以在用户点击标签删除按钮时,展示可以删除的Tab标签,在用户选中某一Tab标签时,确定用户需要删除该被点击的Tab标签,可以获取该被点击的Tab标签的标识或者标签位置,将被点击的Tab标签的标识或者标签位置与第二Tab标签或所述第二Tab标签的相邻Tab标签的标识比较,若不相同,则确定被删除的Tab标签不为所述第二Tab标签或所述第二Tab标签的相邻Tab标签。
步骤S602,若被删除的Tab标签不为所述第二Tab标签或所述第二Tab标签的相邻Tab标签,删除所述Tab标签;
在本发明实施例中,由于被删除的Tab标签不为所述第二Tab标签或所述第二Tab标签的相邻Tab标签,所以该Tab标签不存在对应的视图控制器,所以只需删除Tab标签即可。
步骤S603,将被删除的Tab标签所在标签位置之后的Tab标签向前平移补位。
在本发明实施例通过将被删除的Tab标签所在标签位置之后的Tab标签向前平移进行补位,可以避免删除Tab标签之后出现空闲的标签位置,便于用户查看。
步骤S604,若被删除的Tab标签为所述第二Tab标签或所述第二Tab标签的相邻Tab标签,则删除所述为所述第二Tab标签或所述第二Tab标签的相邻Tab标签,及与被删除的Tab标签对应的视图控制器;
在本发明实施例中,由于被删除的Tab标签为所述第二Tab标签或所述第二Tab标签的相邻Tab标签,所以该Tab标签存在对应的视图控制器,所以在删除Tab标签的同时还要删除与该Tab标签对应的视图控制器。
步骤S605,将所述为所述第二Tab标签或所述第二Tab标签的相邻Tab标签所在标签位置之后的Tab标签向前平移补位;
在本发明实施例通过将被删除的Tab标签所在标签位置之后的Tab标签向前平移进行补位,可以避免删除Tab标签之后出现空闲的标签位置,便于用户查看。
步骤S606,为用于补位的Tab标签创建视图控制器。
由于补位的Tab标签在移位后已经成为第二Tab标签的相邻Tab标签(预设视图指针会会指向该补位的Tab标签),所以需要为该Tab标签创建视图控制器。
本发明实施例通过将被删除的Tab标签所在标签位置之后的Tab标签向前平移进行补位,可以避免删除Tab标签之后出现空闲的标签位置,便于用户查看;而且,为用于补位的Tab标签创建视图控制器,可以便于在删除Tab标签之后,用户需要查看第二Tab标签左右两个第二Tab标签的相邻Tab标签时实现无感知切换。
在本发明的又一实施例中,还提供一种视图切换装置,如图9所示,所述装置包括:
接收模块11,用于接收将页面组件中第一Tab标签切换至第二Tab标签的切换操作;
确定模块12,用于根据所述第一Tab标签和所述第二Tab标签的标签位置,确定待释放视图控制器的Tab标签及待创建视图控制器的Tab标签;
第一控制模块13,用于控制与所述待释放视图控制器的Tab标签对应的预设视图指针释放所述待释放视图控制器;
创建模块14,用于为所述待创建视图控制器的Tab标签创建对应的视图控制器;
第二控制模块15,用于控制释放所述待释放视图控制器的预设视图指针指向所述待创建视图控制器。
在本发明的又一实施例中,还提供一种电子设备,包括处理器、通信接口、存储器和通信总线,其中,处理器,通信接口,存储器通过通信总线完成相互间的通信;
存储器,用于存放计算机程序;
处理器,用于执行存储器上所存放的程序时,实现前述方法实施例任一所述的视图切换方法。
在本发明的又一实施例中,还提供一种计算机可读存储介质,所述计算机可读存储介质上存储有视图切换方法的程序,所述视图切换方法的程序被处理器执行时实现前述方法实施例任一所述的视图切换方法的步骤。
本发明实施例提供的电子设备,处理器通过执行存储器上所存放的程序实现了接收将页面组件中第一Tab标签切换至第二Tab标签的切换操作,根据所述第一Tab标签和所述第二Tab标签的标签位置,确定待释放视图控制器的Tab标签及待创建视图控制器的Tab标签,控制与所述待释放视图控制器的Tab标签对应的预设视图指针释放所述待释放视图控制器,再为所述待创建视图控制器的Tab标签创建对应的视图控制器,控制释放所述待释放视图控制器的预设视图指针指向所述待创建视图控制器,保证能够在Tab标签进行切换时,通过不断的创建和释放相应的视图控制器,使得内存中始终只存在固定数量的视图控制器,保证App内存不吃紧,无用内存能够及时释放,提高App的反应速度,便于用户使用。
上述电子设备提到的通信总线1140可以是外设部件互连标准(PeripheralComponentInterconnect,简称PCI)总线或扩展工业标准结构(ExtendedIndustryStandardArchitecture,简称EISA)总线等。该通信总线1140可以分为地址总线、数据总线、控制总线等。为便于表示,图10中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。
通信接口1120用于上述电子设备与其他设备之间的通信。
存储器1130可以包括随机存取存储器(RandomAccessMemory,简称RAM),也可以包括非易失性存储器(non-volatilememory),例如至少一个磁盘存储器。可选的,存储器还可以是至少一个位于远离前述处理器的存储装置。
上述的处理器1110可以是通用处理器,包括中央处理器(CentralProcessingUnit,简称CPU)、网络处理器(NetworkProcessor,简称NP)等;还可以是数字信号处理器(DigitalSignalProcessing,简称DSP)、专用集成电路(ApplicationSpecificIntegratedCircuit,简称ASIC)、现场可编程门阵列(Field-ProgrammableGateArray,简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
需要说明的是,在本文中,诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上所述仅是本发明的具体实施方式,使本领域技术人员能够理解或实现本发明。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下,在其它实施例中实现。因此,本发明将不会被限制于本文所示的这些实施例,而是要符合与本文所申请的原理和新颖特点相一致的最宽的范围。
Claims (10)
1.一种视图切换方法,其特征在于,所述方法包括:
接收将页面组件中第一Tab标签切换至第二Tab标签的切换操作;
根据所述第一Tab标签和所述第二Tab标签的标签位置,确定待释放视图控制器的Tab标签及待创建视图控制器的Tab标签;
控制与所述待释放视图控制器的Tab标签对应的预设视图指针释放所述待释放视图控制器;
为所述待创建视图控制器的Tab标签创建对应的视图控制器;
控制释放所述待释放视图控制器的预设视图指针指向所述待创建视图控制器。
2.根据权利要求1所述的视图切换方法,其特征在于,根据所述第一Tab标签和所述第二Tab标签的标签位置,确定待释放视图控制器的Tab标签及待创建视图控制器的Tab标签的步骤,包括:
若所述第一Tab标签和所述第二Tab标签的标签位置相邻,确定与所述第一Tab标签相邻且远离所述第二Tab标签的相邻Tab标签为待释放视图控制器的Tab标签,确定与所述第二Tab标签相邻且远离所述第一Tab标签的相邻Tab标签为待创建视图控制器的Tab标签;
或者,若所述第一Tab标签和所述第二Tab标签的标签位置之间的间隔距离为一,确定所述第一Tab标签为待释放视图控制器的Tab标签,确定与所述第一Tab标签相邻且远离所述第二Tab标签的Tab标签为待释放视图控制器的Tab标签;确定所述第二Tab标签为待释放视图控制器的Tab标签,确定与所述第二Tab标签相邻且远离所述第一Tab标签的Tab标签为待创建视图控制器的Tab标签;
或者,若所述第一Tab标签和所述第二Tab标签的标签位置之间的间隔距离大于一,确定所述第一Tab标签为待释放视图控制器的Tab标签,确定与所述第一Tab标签相邻的Tab标签为待释放视图控制器的Tab标签;确定所述第二Tab标签为待释放视图控制器的Tab标签,确定与所述第二Tab标签相邻的Tab标签为待创建视图控制器的Tab标签。
3.根据权利要求1所述的视图切换方法,其特征在于,在接收到所述切换操作后,所述方法还包括:
计算所述第二Tab标签与所述页面组件中当前处于末位的Tab标签之间的间隔距离;
若所述间隔距离小于预设阈值,从服务器获取所述第二Tab标签所属的当前标签数据页之后的下一标签数据页;
展示下一标签数据页包含的Tab标签。
4.根据权利要求1所述的视图切换方法,其特征在于,在接收到所述切换操作后,所述方法还包括:
若所述第二Tab标签与所述第一Tab标签不相邻,获取预设的用于在Tab标签切换时占位展示的默认占位图;
在释放所述待释放视图控制器的预设视图指针未指向所述待创建视图控制器时,显示所述默认占位图。
5.根据权利要求1所述的视图切换方法,其特征在于,在控制释放所述待释放视图控制器的预设视图指针指向所述待创建视图控制器的步骤之后,所述方法还包括:
获取所述第二Tab标签中视图标题的标题宽度;
根据所述标题宽度生成用于展示所述视图标题的Tab标签子控件;
根据所述标题宽度计算内容偏移量属性值;
将所述第二Tab标签的坐标点设置为所述内容偏移量属性值,以使所述Tab标签子控件居中显示。
6.根据权利要求1所述的视图切换方法,其特征在于,在控制释放所述待释放视图控制器的预设视图指针指向所述待创建视图控制器的步骤之后,所述方法还包括:
若接收到向所述页面组件中添加Tab标签的添加操作,将预设Tab标签添加位置及所述预设Tab标签添加位置之后的Tab标签向后平移让位;
将添加的Tab标签添加至所述预设Tab标签添加位置。
7.根据权利要求1所述的视图切换方法,其特征在于,在控制释放所述待释放视图控制器的预设视图指针指向所述待创建视图控制器的步骤之后,所述方法还包括:
若接收到删除所述页面组件中Tab标签的删除操作,判断被删除的Tab标签是否不为所述第二Tab标签或所述第二Tab标签的相邻Tab标签;
若被删除的Tab标签不为所述第二Tab标签或所述第二Tab标签的相邻Tab标签,删除所述Tab标签;
将被删除的Tab标签所在标签位置之后的Tab标签向前平移补位;
若被删除的Tab标签为所述第二Tab标签或所述第二Tab标签的相邻Tab标签,则删除所述为所述第二Tab标签或所述第二Tab标签的相邻Tab标签,及与被删除的Tab标签对应的视图控制器;
将所述为所述第二Tab标签或所述第二Tab标签的相邻Tab标签所在标签位置之后的Tab标签向前平移补位;
为用于补位的Tab标签创建视图控制器。
8.一种视图切换装置,其特征在于,所述装置包括:
接收模块,用于接收将页面组件中第一Tab标签切换至第二Tab标签的切换操作;
确定模块,用于根据所述第一Tab标签和所述第二Tab标签的标签位置,确定待释放视图控制器的Tab标签及待创建视图控制器的Tab标签;
第一控制模块,用于控制与所述待释放视图控制器的Tab标签对应的预设视图指针释放所述待释放视图控制器;
创建模块,用于为所述待创建视图控制器的Tab标签创建对应的视图控制器;
第二控制模块,用于控制释放所述待释放视图控制器的预设视图指针指向所述待创建视图控制器。
9.一种电子设备,其特征在于,包括处理器、通信接口、存储器和通信总线,其中,处理器,通信接口,存储器通过通信总线完成相互间的通信;
存储器,用于存放计算机程序;
处理器,用于执行存储器上所存放的程序时,实现权利要求1~7任一所述的视图切换方法。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有视图切换方法的程序,所述视图切换方法的程序被处理器执行时实现权利要求1-7任一所述的视图切换方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010246960.1A CN111459371B (zh) | 2020-03-31 | 2020-03-31 | 视图切换方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010246960.1A CN111459371B (zh) | 2020-03-31 | 2020-03-31 | 视图切换方法、装置、电子设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111459371A true CN111459371A (zh) | 2020-07-28 |
CN111459371B CN111459371B (zh) | 2021-09-28 |
Family
ID=71684347
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010246960.1A Active CN111459371B (zh) | 2020-03-31 | 2020-03-31 | 视图切换方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111459371B (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112364217A (zh) * | 2020-10-15 | 2021-02-12 | 北京五八信息技术有限公司 | 一种信息展示方法、装置、电子设备及存储介质 |
Citations (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101930456A (zh) * | 2010-07-30 | 2010-12-29 | 魏新成 | 通过浏览器创建聚合LinkUGC的方法和系统 |
CN102467383A (zh) * | 2010-11-17 | 2012-05-23 | 康佳集团股份有限公司 | 一种在嵌入式系统图形界面实现标签页窗口的方法 |
CN103019557A (zh) * | 2012-11-26 | 2013-04-03 | 北京奇虎科技有限公司 | 页面切换方法和装置 |
CN103049507A (zh) * | 2012-12-12 | 2013-04-17 | 北京奇虎科技有限公司 | 用于浏览器的标签添加装置和方法 |
CN103677785A (zh) * | 2012-09-21 | 2014-03-26 | 腾讯科技(深圳)有限公司 | 一种浏览器的窗口管理方法及窗口管理终端 |
CN104423785A (zh) * | 2013-09-05 | 2015-03-18 | 腾讯科技(深圳)有限公司 | 一种视图切换方法及终端 |
CN106325821A (zh) * | 2015-07-07 | 2017-01-11 | Tcl集团股份有限公司 | 一种指针管理方法及装置 |
US20180300031A1 (en) * | 2016-12-23 | 2018-10-18 | Realwear, Incorporated | Customizing user interfaces of binary applications |
CN108804185A (zh) * | 2018-03-16 | 2018-11-13 | 青岛海信电器股份有限公司 | 多个对象之间排序时的编辑方法及显示终端 |
CN109284328A (zh) * | 2018-07-26 | 2019-01-29 | 阿里巴巴集团控股有限公司 | 一种关系型数据的处理方法、装置、服务器及介质 |
CN110276029A (zh) * | 2019-05-20 | 2019-09-24 | 中国平安财产保险股份有限公司 | Tab页面切换方法、电子装置及存储介质 |
CN110309451A (zh) * | 2018-03-02 | 2019-10-08 | 拉扎斯网络科技(上海)有限公司 | 一种web预加载页面的生成方法及装置 |
CN110599899A (zh) * | 2019-09-19 | 2019-12-20 | Oppo广东移动通信有限公司 | 标签显示方法、装置、电子设备以及存储介质 |
CN110598137A (zh) * | 2018-05-23 | 2019-12-20 | 北京三快在线科技有限公司 | 页面显示方法和装置以及计算设备 |
-
2020
- 2020-03-31 CN CN202010246960.1A patent/CN111459371B/zh active Active
Patent Citations (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101930456A (zh) * | 2010-07-30 | 2010-12-29 | 魏新成 | 通过浏览器创建聚合LinkUGC的方法和系统 |
CN102467383A (zh) * | 2010-11-17 | 2012-05-23 | 康佳集团股份有限公司 | 一种在嵌入式系统图形界面实现标签页窗口的方法 |
CN103677785A (zh) * | 2012-09-21 | 2014-03-26 | 腾讯科技(深圳)有限公司 | 一种浏览器的窗口管理方法及窗口管理终端 |
CN103019557A (zh) * | 2012-11-26 | 2013-04-03 | 北京奇虎科技有限公司 | 页面切换方法和装置 |
CN103049507A (zh) * | 2012-12-12 | 2013-04-17 | 北京奇虎科技有限公司 | 用于浏览器的标签添加装置和方法 |
CN104423785A (zh) * | 2013-09-05 | 2015-03-18 | 腾讯科技(深圳)有限公司 | 一种视图切换方法及终端 |
CN106325821A (zh) * | 2015-07-07 | 2017-01-11 | Tcl集团股份有限公司 | 一种指针管理方法及装置 |
US20180300031A1 (en) * | 2016-12-23 | 2018-10-18 | Realwear, Incorporated | Customizing user interfaces of binary applications |
CN110309451A (zh) * | 2018-03-02 | 2019-10-08 | 拉扎斯网络科技(上海)有限公司 | 一种web预加载页面的生成方法及装置 |
CN108804185A (zh) * | 2018-03-16 | 2018-11-13 | 青岛海信电器股份有限公司 | 多个对象之间排序时的编辑方法及显示终端 |
CN110598137A (zh) * | 2018-05-23 | 2019-12-20 | 北京三快在线科技有限公司 | 页面显示方法和装置以及计算设备 |
CN109284328A (zh) * | 2018-07-26 | 2019-01-29 | 阿里巴巴集团控股有限公司 | 一种关系型数据的处理方法、装置、服务器及介质 |
CN110276029A (zh) * | 2019-05-20 | 2019-09-24 | 中国平安财产保险股份有限公司 | Tab页面切换方法、电子装置及存储介质 |
CN110599899A (zh) * | 2019-09-19 | 2019-12-20 | Oppo广东移动通信有限公司 | 标签显示方法、装置、电子设备以及存储介质 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112364217A (zh) * | 2020-10-15 | 2021-02-12 | 北京五八信息技术有限公司 | 一种信息展示方法、装置、电子设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN111459371B (zh) | 2021-09-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10484315B2 (en) | Method, system and apparatus for adding network comment information | |
CN104156410B (zh) | 应用程序的提供方法、系统及装置 | |
CN106909281B (zh) | 一种应用内界面切换方法及装置 | |
US20170031563A1 (en) | Method and apparatus for display control and electronic device | |
WO2021196833A1 (zh) | 文件夹界面切换方法和装置 | |
CN112836086B (zh) | 一种视频处理方法、装置和电子设备 | |
EP3306455A1 (en) | Method and apparatus for switching multiple folders, and computer storage medium | |
CN112286416A (zh) | 信息显示方法、装置和电子设备 | |
CN112527434A (zh) | 页面展示的方法、终端、服务器、系统、电子设备 | |
CN111459371B (zh) | 视图切换方法、装置、电子设备及存储介质 | |
CN110990700A (zh) | 评论信息显示方法、装置、客户端、服务器和系统 | |
CN110780939B (zh) | 加载资源文件的方法、装置、计算机设备及存储介质 | |
CN114296844B (zh) | 信息同步交互方法、装置、设备及存储介质 | |
US9959010B1 (en) | Method for displaying information, and terminal equipment | |
CN112000911A (zh) | 页面管理方法、装置、电子设备以及存储介质 | |
CN111831181A (zh) | 应用的切换显示方法、装置及电子设备 | |
CN107291564B (zh) | 信息复制粘贴方法、装置和电子设备 | |
CN111045561A (zh) | 功能按键的显示方法、装置、终端设备及存储介质 | |
CN114997126A (zh) | 电子表格展示方法、装置、电子设备及存储介质 | |
CN111782309B (zh) | 显示信息的方法、装置及计算机可读存储介质 | |
CN108647197B (zh) | 一种信息处理方法、装置及存储介质 | |
CN112286607B (zh) | 一种视图控制方法及装置 | |
WO2024041023A9 (zh) | 应用卡片调整方法、装置、终端设备和存储介质 | |
CN115358188A (zh) | 一种背景对象的处理方法、装置、电子设备及存储介质 | |
CN116820372A (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |