CN109165070A - 视图处理方法、装置、及电子设备 - Google Patents

视图处理方法、装置、及电子设备 Download PDF

Info

Publication number
CN109165070A
CN109165070A CN201810941301.2A CN201810941301A CN109165070A CN 109165070 A CN109165070 A CN 109165070A CN 201810941301 A CN201810941301 A CN 201810941301A CN 109165070 A CN109165070 A CN 109165070A
Authority
CN
China
Prior art keywords
view
display container
views
layout
longitudinal
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.)
Pending
Application number
CN201810941301.2A
Other languages
English (en)
Inventor
涂勇
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Alibaba China Co Ltd
Original Assignee
Guangzhou Youshi Network Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Guangzhou Youshi Network Technology Co Ltd filed Critical Guangzhou Youshi Network Technology Co Ltd
Priority to CN201810941301.2A priority Critical patent/CN109165070A/zh
Publication of CN109165070A publication Critical patent/CN109165070A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range

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)
  • Controls And Circuits For Display Device (AREA)

Abstract

本发明实施例提供了一种视图处理方法、装置、及电子设备,其中,视图处理方法包括:获取待显示的至少两个视图的信息,以及,承载所述至少两个视图的显示容器的信息;按照所述至少两个视图的待显示顺序,将所述至少两个视图在所述显示容器中进行纵向布局,以通过所述显示容器进行所述至少两个视图的纵向切换。通过本发明实施例,的视图处理方法能够满足不同使用场景的需求。

Description

视图处理方法、装置、及电子设备
技术领域
本发明实施例涉及计算机技术领域,尤其涉及一种视图处理方法、装置、及电子设备。
背景技术
随着智能设备的兴起,用户与设备之间的交互方式越来越多样化,用户可以手指触摸屏幕对设备显示的视图进行操作,实现交互。如,通过点击、按压和滑动等对显示的视图进行操作。
现有技术中,智能设备在切换显示的视图时,只能根据用户的横向滑动操作进行横向的切换和显示,使得交互方式单一,并且,存在某些情况下无法实现横向滑动操作的场景,由此使得视图切换不能满足不同使用场景的需求。
发明内容
有鉴于此,本发明实施例提供一种视图处理方法、装置、及电子设备,以解决现有的视图切换不能满足不同使用场景的需求的问题。
根据本发明实施例的第一方面,提供了一种视图处理方法,包括:获取待显示的至少两个视图的信息,以及,承载所述至少两个视图的显示容器的信息;按照所述至少两个视图的待显示顺序,将所述至少两个视图在所述显示容器中进行纵向布局,以通过所述显示容器进行所述至少两个视图的纵向切换。
根据本发明实施例的第二方面,提供了一种视图处理装置,包括:信息获取模块,用于获取待显示的至少两个视图的信息,以及,承载所述至少两个视图的显示容器的信息;第一布局模块,用于按照所述至少两个视图的待显示顺序,将所述至少两个视图在所述显示容器中进行纵向布局,以通过所述显示容器进行所述至少两个视图的纵向切换。
根据本发明实施例的第三方面,提供了一种电子设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行如第一方面所述的视图处理方法对应的操作。
由以上技术方案可见,本发明实施例提供的视图处理方案,在获取了显示容器和待显示的视图的信息后,根据各个待显示的视图和显示顺序在显示容器中对各个待显示的视图进行纵向布局,以使后续可以纵向切换视图,扩展了视图切换场景。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明实施例中记载的一些实施例,对于本领域普通技术人员来讲,还可以根据这些附图获得其他的附图。
图1为根据本发明实施例一的一种视图处理方法的步骤流程图;
图2为根据本发明实施例一的一种视图纵向布局的示意图;
图3为根据本发明实施例二的一种视图处理方法的步骤流程图;
图4为根据本发明实施例三的一种视图处理装置的结构框图;
图5为根据本发明实施例四的一种视图处理装置的结构框图;
图6为根据本发明实施例五的一种电子设备的结构示意图。
具体实施方式
为了使本领域的人员更好地理解本发明实施例中的技术方案,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅是本发明实施例一部分实施例,而不是全部的实施例。基于本发明实施例中的实施例,本领域普通技术人员所获得的所有其他实施例,都应当属于本发明实施例保护的范围。
下面结合本发明实施例附图进一步说明本发明实施例具体实现。
实施例一
参照图1,示出了根据本发明实施例一的一种视图处理方法的步骤流程图。
本实施例的视图处理方法包括以下步骤:
步骤S102:获取待显示的至少两个视图的信息,以及,承载所述至少两个视图的显示容器的信息。
在进行视图切换时,需要至少两个视图,以在接收到用户的触发操作时,切换可见的视图,实现视图的切换。待显示的视图可以设置在显示容器中,显示容器用于承载多个视图,以实现视图的滑动切换。具体到本实施例,承载视图的显示容器用于实现视图的上下滑动切换。
待显示的视图的信息包括但不限于每个待显示的视图的标识、地址、宽度、高度,等等信息。
待显示的视图的宽度和高度可以根据预先设定的视图布局规则确定。例如,若待显示的视图的布局规则中设置宽度和高度为固定值,则该待显示的视图的宽度和高度为该固定值。但不限于此,非固定值的情形也同样适用于本发明实施例提供的方案。
显示容器的信息包括但不限于显示容器的标识、布局、内容、宽度、高度等。
步骤S104:按照所述至少两个视图的待显示顺序,将所述至少两个视图在所述显示容器中进行纵向布局,以通过所述显示容器进行所述至少两个视图的纵向切换。
其中,待显示的视图的显示顺序可以根据需求确定,本实施例对此不作限定。
将待显示的视图进行纵向布局,也即沿竖直轴方向进行布局,一种将待显示的视图在显示容器中进行纵向布局的示意图如图2所示。可选地,可以根据每个待显示的视图的待显示顺序和其宽度、高度,确定其在显示容器中的位置,该位置可以通过坐标的方式指示。
以待显示的视图为三个,在显示容器中进行纵向布局为例,待显示的视图B位于显示容器的中部,其左上角点的坐标为(0,0)、右下角点的坐标为(weight,height)。待显示的视图A位于待显示的视图B的上方,其左上角点的坐标为(0,-height),其右下角的坐标为(weight,0)。待显示的视图C位于待显示的视图B的下方,其左上角点的坐标为(0,height),其右下角坐标为(weigh,2height)。
通过将待显示的视图在显示容器中进行纵向布局,使得在屏幕可见区域更换显示视图时可以通过上下滑动实现,进而能够适应一些需要纵向切换视图的使用场景的需求,提升适应性,使用户操作更加方便。
该视图处理方法在获取了显示容器和待显示的视图的信息后,根据各个待显示的视图显示顺序在显示容器中对各个待显示的视图进行纵向布局,以使后续可以纵向切换视图,扩展了视图切换场景。
实施例二
参照图3,示出了根据本发明实施例二的一种视图处理方法的步骤流程图。
本实施例的视图处理方法包括以下步骤:
步骤S202:获取待显示的至少两个视图的信息,以及,承载所述至少两个视图的显示容器的信息。
以Android(安卓)操作系统为例,其通过viewpager控件承载视图,进行视图显示切换。
其中,如前所述,获取的待显示的视图的信息可以包括视图的宽度和高度,若待显示的视图的宽度和高度被设置为“match_parent”,则待显示的视图的宽度和高度与viewpager控件中可见的显示区域的宽度和高度相匹配。其中,parent指示父视图。
显示容器的信息包括但不限于显示容器的标识、布局、内容、宽度和高度等。在一种可行方式中,为了能够纵向布局各个待显示的视图,在所述获取待显示的至少两个视图的信息之后,根据所述待显示的至少两个视图的高度和数量,设置所述显示容器的高度,此种高度可以有效适应视图的纵向布局。
步骤S204:按照所述至少两个视图的待显示顺序,将所述至少两个视图在所述显示容器中进行纵向布局,以通过所述显示容器进行所述至少两个视图的纵向切换。
在一种可行方式中,按照所述至少两个视图的待显示顺序,将所述至少两个视图在所述显示容器中进行纵向布局包括:以所述至少两个视图中的一个视图为当前视图,根据其它视图与当前视图的待显示顺序关系,确定其它视图相对于当前视图的纵向位置关系;根据所述纵向位置关系,将所述至少两个视图在所述显示容器中进行纵向布局。例如,以ABC三个视图为例,若当前视图为B,设定用户进行上滑操作时,切换为A视图,进行下滑操作时,切换为C视图,则从上至下,三个视图的纵向位置关系依次为A->B->C。当然,在实际应用中,各个待显示的视图的待显示顺序可以根据需求确定,本实施例对此不作限定。
在一种可行方式中,在根据所述纵向位置关系,将所述至少两个视图在所述显示容器中进行纵向布局时,以当前视图的一个顶点为坐标原点,确定其它视图中的每个视图的顶点相对于所述坐标原点的顶点坐标;根据确定的所述顶点坐标,确定每个视图相对于所述显示容器的边界距离;根据所述边界距离,进行所述至少两个视图在所述显示容器中的纵向布局。
假设待显示的视图数量为3个,为了便于描述分别记作待显示的视图A、待显示的视图B和待显示的视图C。待显示的视图A、待显示的视图B和待显示的视图C为顺序显示。则可以从三个视图中确定一个视图为当前视图,例如,待显示的视图B为当前视图,将其布局在显示容器中与可见区域对应的位置处,并确定其左上角的坐标为(0,0)、右下角的坐标为(weight,height)。
之后,根据纵向布局和显示顺序,确定待显示的视图A位于待显示的视图B的上方,根据该纵向位置关系,确定待显示的视图A在显示容器中的左上角坐标为(0,-height)、右下角的坐标为(weight,0)。待显示的视图C位于待显示的视图B的下方,根据该纵向位置关系,确定待显示的视图C在显示容器中的左上角坐标为(0,height)、右下角的坐标为(weight,2height)。
根据确定三个待显示的视图的坐标在显示容器中对待显示的视图进行布局。
具体的布局方式可以根据需求确定,本实施例对此不作限定。例如,以Android操作系统为例,可以通过Android操作系统中的onlayout方法对各个待显示的视图进行布局。Onlayout方法的原函数为onlayout(boolean changed,int left,int top,int right,intbottom),其中,changed为变量名,指示视图布局是否改变;boolean指变量changed的返回值为一布尔值(true或false);left、top、right和bottom均为变量名,int指这些变量的类型为整形。其中,left指示的是视图的左边界与显示容器的左边界的距离,top指示的是视图的上边界与显示容器的上边界的距离,right指示的是视图的右边界与显示容器的右边界的距离,bottom指示的是视图的底边界与显示容器的底边界之间的距离。
待显示的视图A的通过onlayout方法进行纵向布局时,可以设置onlayout方法为:onlayout(boolean changed,int left,int top,int right,int bottom){
A.layout(0,-height,weight,0);}
需要说明的是,在安卓(Android)的viewpager中A.layout(0,-height,weight,0)为相对坐标。
待显示的视图B的通过onlayout方法进行纵向布局的方式为:onlayout(booleanchanged,int left,int top,int right,int bottom){
B.layout(0,0,weight,height);}.
待显示的视图C的通过onlayout方法进行纵向布局的方式为:onlayout(booleanchanged,int left,int top,int right,int bottom){
C.layout(0,height,weight,2height);}
可见,通过设置onlayout函数,将各个视图按纵向排列,并且,通过onlayout方法调节三个待显示的视图相对显示容器的位置,由此,实现了待显示的视图的纵向布局和纵向切换。
基于已布局好的视图,进一步地,还可以可选地进行以下应用操作。
步骤S206:获取视图切换指令。
其中,所述视图切换指令用于指示纵向切换视图。纵向切换指令中还包括切换方向,如向下或向上。在实际应用中,视图切换指令可以是根据用户的上滑、下滑动作生成的切换指令。例如,当用户上滑时,生成切换方向向下的切换指令。当用户下滑时,生成切换方向向上的切换指令。
步骤S208:根据所述切换指令和当前显示的视图的信息,确定并显示待切换的视图。
根据切换指令确定其指示的是向当前显示的视图的下方切换视图还是向上方切换视图,进而以当前显示的视图为基准,确定待切换的视图,进而显示该视图。
例如,当前显示的视图为视图B,切换指令指示向下切换视图(如用户进行了上滑操作),则确定待切换的视图为视图C,并显示该待切换的视图C,以完成视图的纵向切换。类似地,若切换指令指示向上切换视图(如用户进行了下滑操作),则确定待切换的视图为视图A,并显示该待切换的视图A。
可选地,为了提升智能性,若在切换指令所指示的方向上,当前显示的视图已经是最后一张视图,则可以显示一个已经到达边沿的效果,提示用户。该边沿效果可以根据需要确定,本实施例对此不作限定。例如,在Android操作系统中,可以通过overScroll方式显示该边沿效果。
该视图处理方法在获取了显示容器和待显示的视图的信息后,根据各个待显示的视图显示顺序在显示容器中对各个待显示的视图进行纵向布局,以使后续可以纵向切换视图,扩展了视图切换场景。
本实施例的视图处理方法可以由任意适当的具有数据处理能力的终端设备执行,包括但不限于:移动终端,如平板电脑、手机,以及台式机等。
实施例三
图4为根据本发明的实施例三的一种视图处理装置的结构框图。如图4所示,视图处理装置包括:信息获取模块401,用于获取待显示的至少两个视图的信息,以及,承载所述至少两个视图的显示容器的信息;第一布局模块402,用于按照所述至少两个视图的待显示顺序,将所述至少两个视图在所述显示容器中进行纵向布局,以通过所述显示容器进行所述至少两个视图的纵向切换。
该视图处理装置在获取了显示容器和待显示的视图的信息后,根据各个待显示的视图显示顺序在显示容器中对各个待显示的视图进行纵向布局,以使后续可以纵向切换视图,扩展了视图切换场景。
实施例四
图5为根据本发明的实施例四的一种视图处理装置的结构框图。如图5所示,视图处理装置包括:信息获取模块501,用于获取待显示的至少两个视图的信息,以及,承载所述至少两个视图的显示容器的信息;第一布局模块502,用于按照所述至少两个视图的待显示顺序,将所述至少两个视图在所述显示容器中进行纵向布局,以通过所述显示容器进行所述至少两个视图的纵向切换。
可选地,所述第一布局模块502包括:第一确定模块5021,用于以所述至少两个视图中的一个视图为当前视图,根据其它视图与当前视图的待显示顺序关系,确定其它视图相对于当前视图的纵向位置关系;视图配置模块5022,用于根据所述纵向位置关系,将所述至少两个视图在所述显示容器中进行纵向布局。
可选地,所述视图配置模块5022包括:坐标确定模块5022a,用于以当前视图的一个顶点为坐标原点,确定其它视图中的每个视图的顶点相对于所述坐标原点的顶点坐标;距离确定模块5022b,用于根据确定的所述顶点坐标,确定每个视图相对于所述显示容器的边界距离;子配置模块5022c,用于根据所述边界距离,进行所述至少两个视图在所述显示容器中的纵向布局。
可选地,所述装置还包括:指令获取模块503,用于获取视图切换指令,其中,所述视图切换指令用于指示纵向切换视图;切换模块504,用于根据所述切换指令和当前显示的视图的信息,确定并显示待切换的视图。
可选地,所述装置还包括:高度设置模块505,用于在所述获取待显示的至少两个视图的信息之后,根据所述待显示的至少两个视图的高度和数量,设置所述显示容器的高度。
该视图处理装置在获取了显示容器和待显示的视图的信息后,根据各个待显示的视图显示顺序在显示容器中对各个待显示的视图进行纵向布局,以使后续可以纵向切换视图,扩展了视图切换场景。
实施例五
参照图6,示出了根据本发明实施例五的一种电子设备的结构示意图。本发明具体实施例并不对电子设备的具体实现做限定。
如图6所示,该电子设备可以包括:处理器(processor)602、通信接口(Communications Interface)604、存储器(memory)606、以及通信总线608。
其中:
处理器602、通信接口604、以及存储器606通过通信总线608完成相互间的通信。
通信接口604,用于与其它电子设备进行通信。
处理器602,用于执行程序610,具体可以执行上述评论方法实施例中的相关步骤。
具体地,程序610可以包括程序代码,该程序代码包括计算机操作指令。
处理器602可能是中央处理器CPU,或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit),或者是被配置成实施本发明实施例的一个或多个集成电路。电子设备包括的一个或多个处理器,可以是同一类型的处理器,如一个或多个CPU;也可以是不同类型的处理器,如一个或多个CPU以及一个或多个ASIC。
存储器606,用于存放程序610。存储器606可能包含高速RAM存储器,也可能还包括非易失性存储器(non-volatilememory),例如至少一个磁盘存储器。
程序610具体可以用于使得处理器602执行以下操作:获取待显示的至少两个视图的信息,以及,承载所述至少两个视图的显示容器的信息;按照所述至少两个视图的待显示顺序,将所述至少两个视图在所述显示容器中进行纵向布局,以通过所述显示容器进行所述至少两个视图的纵向切换。
在一种可选的实施方式中,程序610具体还可以用于使得处理器602执行以下操作:以所述至少两个视图中的一个视图为当前视图,根据其它视图与当前视图的待显示顺序关系,确定其它视图相对于当前视图的纵向位置关系;根据所述纵向位置关系,将所述至少两个视图在所述显示容器中进行纵向布局。
在一种可选的实施方式中,程序610具体还可以用于使得处理器602执行以下操作:以当前视图的一个顶点为坐标原点,确定其它视图中的每个视图的顶点相对于所述坐标原点的顶点坐标;根据确定的所述顶点坐标,确定每个视图相对于所述显示容器的边界距离;根据所述边界距离,进行所述至少两个视图在所述显示容器中的纵向布局。
在一种可选的实施方式中,程序610具体还可以用于使得处理器602执行以下操作:获取视图切换指令,其中,所述视图切换指令用于指示纵向切换视图;根据所述切换指令和当前显示的视图的信息,确定并显示待切换的视图。
在一种可选的实施方式中,程序610具体还可以用于使得处理器602执行以下操作:在所述获取待显示的至少两个视图的信息之后,根据所述待显示的至少两个视图的高度和数量,设置所述显示容器的高度。
通过本实施例的电子设备,使得能够在获取了显示容器和待显示的视图的信息后,根据各个待显示的视图显示顺序在显示容器中对各个待显示的视图进行纵向布局,以使后续可以纵向切换视图,扩展了视图切换场景。
需要指出,根据实施的需要,可将本发明实施例中描述的各个部件/步骤拆分为更多部件/步骤,也可将两个或多个部件/步骤或者部件/步骤的部分操作组合成新的部件/步骤,以实现本发明实施例的目的。
上述根据本发明实施例的方法可在硬件、固件中实现,或者被实现为可存储在记录介质(诸如CD ROM、RAM、软盘、硬盘或磁光盘)中的软件或计算机代码,或者被实现通过网络下载的原始存储在远程记录介质或非暂时机器可读介质中并将被存储在本地记录介质中的计算机代码,从而在此描述的方法可被存储在使用通用计算机、专用处理器或者可编程或专用硬件(诸如ASIC或FPGA)的记录介质上的这样的软件处理。可以理解,计算机、处理器、微处理器控制器或可编程硬件包括可存储或接收软件或计算机代码的存储组件(例如,RAM、ROM、闪存等),当所述软件或计算机代码被计算机、处理器或硬件访问且执行时,实现在此描述的评论方法。此外,当通用计算机访问用于实现在此示出的评论方法的代码时,代码的执行将通用计算机转换为用于执行在此示出的评论方法的专用计算机。
本领域普通技术人员可以意识到,结合本文中所公开的实施例描述的各示例的单元及方法步骤,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本发明实施例的范围。
以上实施方式仅用于说明本发明实施例,而并非对本发明实施例的限制,有关技术领域的普通技术人员,在不脱离本发明实施例的精神和范围的情况下,还可以做出各种变化和变型,因此所有等同的技术方案也属于本发明实施例的范畴,本发明实施例的专利保护范围应由权利要求限定。

Claims (11)

1.一种视图处理方法,包括:
获取待显示的至少两个视图的信息,以及,承载所述至少两个视图的显示容器的信息;
按照所述至少两个视图的待显示顺序,将所述至少两个视图在所述显示容器中进行纵向布局,以通过所述显示容器进行所述至少两个视图的纵向切换。
2.根据权利要求1所述的方法,其中,按照所述至少两个视图的待显示顺序,将所述至少两个视图在所述显示容器中进行纵向布局,包括:
以所述至少两个视图中的一个视图为当前视图,根据其它视图与当前视图的待显示顺序关系,确定其它视图相对于当前视图的纵向位置关系;
根据所述纵向位置关系,将所述至少两个视图在所述显示容器中进行纵向布局。
3.根据权利要求2所述的方法,其中,根据所述纵向位置关系,将所述至少两个视图在所述显示容器中进行纵向布局,包括:
以当前视图的一个顶点为坐标原点,确定其它视图中的每个视图的顶点相对于所述坐标原点的顶点坐标;
根据确定的所述顶点坐标,确定每个视图相对于所述显示容器的边界距离;
根据所述边界距离,进行所述至少两个视图在所述显示容器中的纵向布局。
4.根据权利要求1-3中任一项所述的方法,其中,所述方法还包括:
获取视图切换指令,其中,所述视图切换指令用于指示纵向切换视图;
根据所述切换指令和当前显示的视图的信息,确定并显示待切换的视图。
5.根据权利要求1-3中任一项所述的方法,其中,在所述获取待显示的至少两个视图的信息之后,所述方法还包括:
根据所述待显示的至少两个视图的高度和数量,设置所述显示容器的高度。
6.一种视图处理装置,包括:
信息获取模块,用于获取待显示的至少两个视图的信息,以及,承载所述至少两个视图的显示容器的信息;
第一布局模块,用于按照所述至少两个视图的待显示顺序,将所述至少两个视图在所述显示容器中进行纵向布局,以通过所述显示容器进行所述至少两个视图的纵向切换。
7.根据权利要求6所述的装置,其中,所述第一布局模块包括:
第一确定模块,用于以所述至少两个视图中的一个视图为当前视图,根据其它视图与当前视图的待显示顺序关系,确定其它视图相对于当前视图的纵向位置关系;
视图配置模块,用于根据所述纵向位置关系,将所述至少两个视图在所述显示容器中进行纵向布局。
8.根据权利要求7所述的装置,其中,所述视图配置模块包括:
坐标确定模块,用于以当前视图的一个顶点为坐标原点,确定其它视图中的每个视图的顶点相对于所述坐标原点的顶点坐标;
距离确定模块,用于根据确定的所述顶点坐标,确定每个视图相对于所述显示容器的边界距离;
子配置模块,用于根据所述边界距离,进行所述至少两个视图在所述显示容器中的纵向布局。
9.根据权利要求6-8中任一项所述的装置,其中,所述装置还包括:
指令获取模块,用于获取视图切换指令,其中,所述视图切换指令用于指示纵向切换视图;
切换模块,用于根据所述切换指令和当前显示的视图的信息,确定并显示待切换的视图。
10.根据权利要求6-8中任一项所述的装置,其中,所述装置还包括:
高度设置模块,用于在所述获取待显示的至少两个视图的信息之后,根据所述待显示的至少两个视图的高度和数量,设置所述显示容器的高度。
11.一种电子设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;
所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行如权利要求1-5任一项所述的视图处理方法对应的操作。
CN201810941301.2A 2018-08-17 2018-08-17 视图处理方法、装置、及电子设备 Pending CN109165070A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201810941301.2A CN109165070A (zh) 2018-08-17 2018-08-17 视图处理方法、装置、及电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810941301.2A CN109165070A (zh) 2018-08-17 2018-08-17 视图处理方法、装置、及电子设备

Publications (1)

Publication Number Publication Date
CN109165070A true CN109165070A (zh) 2019-01-08

Family

ID=64895872

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810941301.2A Pending CN109165070A (zh) 2018-08-17 2018-08-17 视图处理方法、装置、及电子设备

Country Status (1)

Country Link
CN (1) CN109165070A (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111338729A (zh) * 2020-02-21 2020-06-26 北京字节跳动网络技术有限公司 一种播放视图的方法、装置、介质和电子设备
CN112286607A (zh) * 2020-10-27 2021-01-29 北京奇艺世纪科技有限公司 一种视图控制方法及装置
CN112672197A (zh) * 2019-10-16 2021-04-16 海信视像科技股份有限公司 一种动画显示方法、装置及终端设备

Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130283204A1 (en) * 2012-04-18 2013-10-24 Research In Motion Limited Systems and Methods for Displaying Information or a Feature in Overscroll Regions on Electronic Devices
US8607156B1 (en) * 2012-08-16 2013-12-10 Google Inc. System and method for indicating overscrolling in a mobile device
CN103729172A (zh) * 2012-10-12 2014-04-16 英业达科技有限公司 避免触控事件被拦截以触发给多元件执行的系统及其方法
CN104216620A (zh) * 2013-05-31 2014-12-17 腾讯科技(深圳)有限公司 一种控制列表视图内容切换的方法及装置
US20160070429A1 (en) * 2014-09-04 2016-03-10 Home Box Office, Inc. Snap points including ranges
CN105468421A (zh) * 2015-12-29 2016-04-06 青岛海信电器股份有限公司 一种基于移动设备的界面处理方法和装置
CN105892831A (zh) * 2016-04-29 2016-08-24 青岛海信移动通信技术股份有限公司 一种移动终端的列表数据的滑动显示方法和装置
CN106020796A (zh) * 2016-05-09 2016-10-12 北京小米移动软件有限公司 界面显示方法及装置
CN107729010A (zh) * 2017-10-25 2018-02-23 广州优视网络科技有限公司 视图显示方法、装置、计算设备以及存储介质
CN108052546A (zh) * 2017-11-27 2018-05-18 深圳市丰巢科技有限公司 一种在移动终端浏览图片的方法及移动终端
CN108334386A (zh) * 2017-01-20 2018-07-27 阿里巴巴集团控股有限公司 一种视图组件的布局方法及系统
CN108363571A (zh) * 2018-01-02 2018-08-03 武汉斗鱼网络科技有限公司 一种基于智能过滤的控件布局方法及系统

Patent Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130283204A1 (en) * 2012-04-18 2013-10-24 Research In Motion Limited Systems and Methods for Displaying Information or a Feature in Overscroll Regions on Electronic Devices
US8607156B1 (en) * 2012-08-16 2013-12-10 Google Inc. System and method for indicating overscrolling in a mobile device
CN103729172A (zh) * 2012-10-12 2014-04-16 英业达科技有限公司 避免触控事件被拦截以触发给多元件执行的系统及其方法
CN104216620A (zh) * 2013-05-31 2014-12-17 腾讯科技(深圳)有限公司 一种控制列表视图内容切换的方法及装置
US20160070429A1 (en) * 2014-09-04 2016-03-10 Home Box Office, Inc. Snap points including ranges
CN105468421A (zh) * 2015-12-29 2016-04-06 青岛海信电器股份有限公司 一种基于移动设备的界面处理方法和装置
CN105892831A (zh) * 2016-04-29 2016-08-24 青岛海信移动通信技术股份有限公司 一种移动终端的列表数据的滑动显示方法和装置
CN106020796A (zh) * 2016-05-09 2016-10-12 北京小米移动软件有限公司 界面显示方法及装置
CN108334386A (zh) * 2017-01-20 2018-07-27 阿里巴巴集团控股有限公司 一种视图组件的布局方法及系统
CN107729010A (zh) * 2017-10-25 2018-02-23 广州优视网络科技有限公司 视图显示方法、装置、计算设备以及存储介质
CN108052546A (zh) * 2017-11-27 2018-05-18 深圳市丰巢科技有限公司 一种在移动终端浏览图片的方法及移动终端
CN108363571A (zh) * 2018-01-02 2018-08-03 武汉斗鱼网络科技有限公司 一种基于智能过滤的控件布局方法及系统

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112672197A (zh) * 2019-10-16 2021-04-16 海信视像科技股份有限公司 一种动画显示方法、装置及终端设备
CN111338729A (zh) * 2020-02-21 2020-06-26 北京字节跳动网络技术有限公司 一种播放视图的方法、装置、介质和电子设备
CN112286607A (zh) * 2020-10-27 2021-01-29 北京奇艺世纪科技有限公司 一种视图控制方法及装置
CN112286607B (zh) * 2020-10-27 2023-09-08 北京奇艺世纪科技有限公司 一种视图控制方法及装置

Similar Documents

Publication Publication Date Title
CN108196759B (zh) 控制图标的方法和终端
US20210397330A1 (en) Method and apparatus for component display processing
CN109165070A (zh) 视图处理方法、装置、及电子设备
CN104598157A (zh) 一种触控方法及电子设备
CN109062464A (zh) 触控操作方法、装置、存储介质和电子设备
CN109753641A (zh) 一种更改对象位置的方法、装置、电子设备及存储介质
CN104820619A (zh) 一种移动终端的应用程序切换方法及装置
CN104484038A (zh) 智能设备的控制方法及装置
CN105045481A (zh) 一种操作方法及终端
KR102455639B1 (ko) 이동 단말 시스템 인터페이스 설정 방법, 장치, 매체 및 기기
CN109634428A (zh) 电子设备、反馈提示方法、装置及终端设备
CN104765542A (zh) 一种显示界面的控制方法和终端
CN104750401A (zh) 一种触控方法、相关装置以及终端设备
CN102968254A (zh) 电子设备及其信息处理方法
CN104536571A (zh) 耳机的操作控制方法及装置
CN110399086B (zh) 游戏画面的显示控制方法、装置、存储介质和电子设备
CN113760169A (zh) 一种控制方法及控制装置
CN113946206A (zh) 家电交互方法、家电设备及存储介质
CN105653127B (zh) 一种信息处理方法及电子设备
CN107908467A (zh) 一种应用程序切换方法、装置及智能设备
CN106201213A (zh) 一种虚拟现实焦点的控制方法及终端
EP4300297A1 (en) Exhibiting method of desktop element and electronic device
AU2017203025B2 (en) Component display processing method and user equipment
CN106484102A (zh) 一种根据手势识别用户操作动作的方法及系统
CN114288642A (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
TA01 Transfer of patent application right

Effective date of registration: 20200525

Address after: 310051 room 508, floor 5, building 4, No. 699, Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province

Applicant after: Alibaba (China) Co.,Ltd.

Address before: 510627 Guangdong city of Guangzhou province Whampoa Tianhe District Road No. 163 Xiping Yun Lu Yun Ping square B radio tower 15 layer self unit 02

Applicant before: GUANGZHOU UC NETWORK TECHNOLOGY Co.,Ltd.

TA01 Transfer of patent application right
RJ01 Rejection of invention patent application after publication

Application publication date: 20190108

RJ01 Rejection of invention patent application after publication