CN111104177B - 视图组件的切换方法、装置及终端设备 - Google Patents
视图组件的切换方法、装置及终端设备 Download PDFInfo
- Publication number
- CN111104177B CN111104177B CN201811253257.2A CN201811253257A CN111104177B CN 111104177 B CN111104177 B CN 111104177B CN 201811253257 A CN201811253257 A CN 201811253257A CN 111104177 B CN111104177 B CN 111104177B
- Authority
- CN
- China
- Prior art keywords
- view
- switching
- container
- view component
- component
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 40
- 238000001514 detection method Methods 0.000 claims abstract description 10
- 230000001960 triggered effect Effects 0.000 claims description 9
- 230000003044 adaptive effect Effects 0.000 description 18
- 238000010586 diagram Methods 0.000 description 18
- 238000003860 storage Methods 0.000 description 16
- 238000012545 processing Methods 0.000 description 8
- 230000008859 change Effects 0.000 description 7
- 230000006870 function Effects 0.000 description 7
- 238000004891 communication Methods 0.000 description 6
- 238000004590 computer program Methods 0.000 description 5
- 230000008569 process Effects 0.000 description 5
- 230000005540 biological transmission Effects 0.000 description 4
- 238000003491 array Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 239000000835 fiber Substances 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000001902 propagating effect Effects 0.000 description 2
- RYGMFSIKBFXOCR-UHFFFAOYSA-N Copper Chemical compound [Cu] RYGMFSIKBFXOCR-UHFFFAOYSA-N 0.000 description 1
- 229910052802 copper Inorganic materials 0.000 description 1
- 239000010949 copper Substances 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000014509 gene expression Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 238000003825 pressing Methods 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000003238 somatosensory effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Classifications
-
- 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/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
- G06F9/44526—Plug-ins; Add-ons
-
- 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)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
本发明公开了一种视图组件的切换方法、装置及终端设备,该切换方法包括:提供视图展示页面,视图展示页面中包括至少一个用于显示视图组件的视图容器;检测切换视图组件的事件;根据事件的检测结果,获取与事件对应的切换方式;根据切换方式将视图容器中显示的第一视图组件切换为第二视图组件。这样,可以实现视图容器中显示的视图组件按照相应的切换方式进行切换,还可以提升用户体验。
Description
技术领域
本发明涉及控件布局技术领域,更具体地,涉及一种视图组件的切换方法、装置及终端设备。
背景技术
随着计算机、互联网技术的飞速发展以及电子设备智能化的普及,人们已经习惯通过诸如智能手机、平板电脑等这类终端设备运行应用(APP),通过人机交互操作与应用进行交互,获取应用提供的应用服务。
现有的安装在终端设备中的客户端应用通常包括视图显示功能。客户端应用显示的视图包括至少一个视图组件(即本领域通常所说的View),视图组件显示在预先设置的视图容器(即本领域通常所说的ViewGroup)中。视图容器相当于放置视图组件的容器。
但是,在现有技术中,视图容器中显示的视图组件通常是固定的,而且,视图组件的位置、尺寸等也是固定的。无法将放置在同一视图容器中的视图组件进行切换。这会导致用户体验较差。
发明内容
本发明的一个目的是提供一种切换图容器中视图组件的新技术方案。
根据本发明的第一方面,提供了一种视图组件的切换方法,包括:
提供视图展示页面,所述视图展示页面中包括至少一个用于显示视图组件的视图容器;
检测切换所述视图组件的事件;
根据所述事件的检测结果,获取与所述事件对应的切换方式;
根据所述切换方式将所述视图容器中显示的第一视图组件切换为第二视图组件。
可选的,所述第一视图组件和所述第二视图组件预先设置在所述视图容器中,所述第二视图组件预先设置在所述第一视图组件下方并被所述第一视图组件覆盖;
所述根据所述切换方式将所述视图容器中显示的第一容器组件切换为第二容器组件的步骤包括:
在所述视图容器中根据所述切换方式取消显示覆盖所述第二视图组件的所述第一视图组件,以显示所述第二视图组件。
可选的,所述在所述视图容器中根据所述切换方式取消显示覆盖所述第二视图组件的所述第一视图组件,以显示所述第二视图组件的步骤包括:
根据所述切换方式,确定所述第一容器组件的发生改变的第一对象在预设的切换时间内每一时刻的值;
根据所述第一对象在预设的切换时间内每一时刻的值取消显示所述第一视图组件,以显示所述第二视图组件。
可选的,所述根据所述切换方式,确定所述第一容器组件的发生改变的第一对象在预设的切换时间内每一时刻的值的步骤包括:
根据所述切换方式,确定所述第一对象的初始值和目标值;
根据所述切换时间、所述第一对象的初始值和目标值,确定所述第一对象在所述切换时间内每一时刻的值。
可选的,所述第一视图组件和所述第二视图组件预先设置在所述视图容器中,所述第一视图组件占满所述视图容器,所述第二视图组件预先设置在所述第一视图组件上方且并未覆盖所述第一视图组件;
所述根据所述切换方式将所述视图容器中显示的第一容器组件切换为第二容器组件的步骤包括:
在所述视图容器中根据所述切换方式显示所述第二视图组件,以使所述第二视图组件覆盖所述第一视图组件。
可选的,所述在所述视图容器中根据所述切换方式显示所述第二视图组件,以使所述第二视图组件覆盖所述第一视图组件的步骤包括:
根据所述切换方式,确定所述第二容器组件的发生改变的第二对象在预设的切换时间内每一时刻的值;
根据所述第二对象在切换时间内每一时刻的值显示所述第二视图组件,以使所述第二视图组件覆盖所述第一视图组件。
可选的,所述根据所述切换方式,确定所述第二容器组件的发生改变的第二对象在预设的切换时间内每一时刻的值的步骤包括:
根据所述切换方式,确定所述第二容器组件的发生改变的第二对象的初始值和目标值;
根据所述切换时间、所述第二对象的初始值和目标值,确定所述第二对象在所述切换时间内每一时刻的值。
可选的,任一所述对象包括以下任意一项或多项:对应视图组件的上边界中心点的位置、下边界中心点的位置、左边界中心点的位置、右边界中心点的位置和透明度。
根据本发明的第二方面,提供了一种视图组件的切换装置,包括:
页面提供模块,用于提供视图展示页面,所述视图展示页面中包括至少一个用于显示视图组件的视图容器;
事件检测模块,用于检测切换所述视图组件的事件;
切换方式获取模块,用于根据所述事件的检测结果,获取与所述事件对应的切换方式;
切换模块,用于根据所述切换方式将所述视图容器中显示的第一视图组件切换为第二视图组件。
可选的,所述第一视图组件和所述第二视图组件预先设置在所述视图容器中,所述第二视图组件预先设置在所述第一视图组件下方并被所述第一视图组件覆盖;
所述切换模块还用于:
在所述视图容器中根据所述切换方式取消显示覆盖所述第二视图组件的所述第一视图组件,以显示所述第二视图组件。
可选的,所述切换模块包括:
第一对象的值确定单元,用于根据所述切换方式,确定所述第一容器组件的发生改变的第一对象在预设的切换时间内每一时刻的值;
第一切换单元,用于根据所述第一对象在预设的切换时间内每一时刻的值取消显示所述第一视图组件,以显示所述第二视图组件。
可选的,所述第一对象的值确定单元还用于:
根据所述切换方式,确定所述第一对象的初始值和目标值;
根据所述切换时间、所述第一对象的初始值和目标值,确定所述第一对象在所述切换时间内每一时刻的值。
可选的,所述第一视图组件和所述第二视图组件预先设置在所述视图容器中,所述第一视图组件占满所述视图容器,所述第二视图组件预先设置在所述第一视图组件上方且并未覆盖所述第一视图组件;
所述切换模块还用于:
在所述视图容器中根据所述切换方式显示所述第二视图组件,以使所述第二视图组件覆盖所述第一视图组件。
可选的,所述切换模块包括:
第二对象的值确定单元,用于根据所述切换方式,确定所述第二容器组件的发生改变的第二对象在预设的切换时间内每一时刻的值;
第二切换单元,用于根据所述第二对象在切换时间内每一时刻的值显示所述第二视图组件,以使所述第二视图组件覆盖所述第一视图组件。
可选的,所述第二对象的值确定单元还用于:
根据所述切换方式,确定所述第二容器组件的发生改变的第二对象的初始值和目标值;
根据所述切换时间、所述第二对象的初始值和目标值,确定所述第二对象在所述切换时间内每一时刻的值。
可选的,任一所述对象包括以下任意一项或多项:对应视图组件的上边界中心点的位置、下边界中心点的位置、左边界中心点的位置、右边界中心点的位置和透明度。
根据本发明的第三方面,提供了一种终端设备,包括:
根据本发明第二方面所述的切换装置;或者,
显示装置、处理器和存储器,所述存储器用于存储指令,所述指令用于控制所述处理器执行根据本发明第一方面所述的切换方法;所述显示装置用于提供视图展示页面。
本发明实施例通过在检测到切换视图组件的事件时,根据获取的对应该事件的切换方式,将视图容器中显示的第一视图组件切换为第二视图组件。这样,可以实现视图容器中显示的视图组件按照相应的切换方式进行切换,还可以提升用户体验。
通过以下参照附图对本发明的示例性实施例的详细描述,本发明的其它特征及其优点将会变得清楚。
附图说明
被结合在说明书中并构成说明书的一部分的附图示出了本发明的实施例,并且连同其说明一起用于解释本发明的原理。
图1是显示可用于实现本发明的实施例的终端设备的硬件配置的例子的框图。
图2示出了本发明的实施例的视图组件的切换方法的流程图。
图3示出了本发明的一个实施例的切换视图组件的步骤的流程图。
图4示出了本发明的另一个实施例的切换视图组件的步骤的流程图。
图5示出了本发明的实施例的向左移出的切换方式的例子的示意图。
图6示出了本发明的实施例的向上移入的切换方式的例子的示意图。
图7示出了本发明的实施例的视图组件的切换装置的框图。
图8示出了本发明的实施例的终端设备的框图。
具体实施方式
现在将参照附图来详细描述本发明的各种示例性实施例。应注意到:除非另外具体说明,否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本发明的范围。
以下对至少一个示例性实施例的描述实际上仅仅是说明性的,决不作为对本发明及其应用或使用的任何限制。
对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论,但在适当情况下,所述技术、方法和设备应当被视为说明书的一部分。
在这里示出和讨论的所有例子中,任何具体值应被解释为仅仅是示例性的,而不是作为限制。因此,示例性实施例的其它例子可以具有不同的值。
应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步讨论。
<硬件配置>
图1是示出可以实现本发明的实施例的终端设备1000的硬件配置的框图。
终端设备1000可以是便携式电脑、台式计算机、手机、平板电脑等。如图1所示,终端设备1000可以包括处理器1100、存储器1200、接口装置1300、通信装置1400、显示装置1500、输入装置1600、扬声器1700、麦克风1800等等。其中,处理器1100可以是中央处理器CPU、微处理器MCU等。存储器1200例如包括ROM(只读存储器)、RAM(随机存取存储器)、诸如硬盘的非易失性存储器等。接口装置1300例如包括USB接口、耳机接口等。通信装置1400例如能够进行有线或无线通信,具体地可以包括Wifi通信、蓝牙通信、2G/3G/4G/5G通信等。显示装置1500例如是液晶显示屏、触摸显示屏等。输入装置1600例如可以包括触摸屏、键盘、体感输入等。用户可以通过扬声器1700和麦克风1800输入/输出语音信息。
图1所示的终端设备仅仅是说明性的并且决不意味着对本发明、其应用或使用的任何限制。应用于本发明的实施例中,终端设备1000的所述存储器1200用于存储指令,所述指令用于控制所述处理器1100进行操作以执行本发明实施例提供的任意一项视图组件的切换方法。本领域技术人员应当理解,尽管在图1中对终端设备1000示出了多个装置,但是,本发明可以仅涉及其中的部分装置,例如,终端设备1000只涉及处理器1100和存储装置1200。技术人员可以根据本发明所公开方案设计指令。指令如何控制处理器进行操作,这是本领域公知,故在此不再详细描述。
<方法>
本发明实施例的总体构思,是提供一种切换视图组件的新技术方案,通过在检测到切换视图组件的事件时,根据获取的对应该事件的切换方式,将视图容器中显示的第一视图组件切换为第二视图组件。这样,可以实现视图容器中显示的视图组件按照相应的切换方式进行切换,还可以提升用户体验。
在本实施例中,提供一种视图组件的切换方法。该切换方法可以是由终端设备实施。该终端设备例如可以是手机、平板电脑、笔记本电脑、计算机等电子产品。在一个例子中,该终端设备可以是如图1所示的终端设备1000。
在本实施例中,视图组件的切换方法可以如图2所示,包括:步骤S2100-S2400。
步骤S2100,提供视图展示页面。
该视图展示页面中可以包括至少一个用于显示视图组件的视图容器。该视图容器可以是用于容纳对应的视图组件的容器。在该视图展示页面中,用于显示视图组件的视图容器可以是不显示的。
该视图容器的尺寸和在视图展示页面中的位置是预先设定好的,在本实施例中,视图容器的尺寸和在视图展示页面中的位置可以是不变的。
该视图容器中可以设置有至少一个视图组件。视图组件可以包括文本、图片、链接、音频、视频等。
步骤S2200,检测切换视图组件的事件。
该切换视图组件的事件可以包括:
视图容器在显示界面中的移动距离超过预先设定的距离阈值;
视图容器中第一视图组件的显示时长超过预先设定的时长阈值;
接收到外部触发的切换视图组件的操作。
在该切换视图组件的事件包括视图容器在显示界面中的位置发生改变的实施例中,在显示界面中接收用户实施的可以包括向上滑动(上拉)、向下滑动(下滑)、上下滑动、左右滑动、上/下/左/右拖动用于视图浏览的滚动条等视图浏览操作时,该视图展示页面可响应该视图浏览操作,跟随该视图浏览操作的操作方向被移动,使得视图容器在显示界面中的位置随之移动。那么,在视图容器在显示界面中的移动距离超过预先设定的距离阈值的情况下,即切换视图组件的事件发生。
在该切换视图组件的事件包括视图容器中第一视图组件的显示时长超过预先设定的时长阈值的实施例中,视图容器中第一视图组件的显示时长超过预先设定的时长阈值的事件可以不需要用户操作来触发。在视图容器中第一视图组件的显示时长超过预先设定的时长阈值的情况下,即切换视图组件的事件发生。
在该切换视图组件的事件包括接收到外部触发的切换视图组件的操作的实施例中,切换视图组件的操作可以包括按压显示界面中该视图容器对应的位置执行的诸如上拉下滑、左右滑动等操作。那么,在接收到切换视图组件的操作的情况下,即切换视图组件的事件发生。
步骤S2300,根据该事件的检测结果,获取与该事件对应的切换方式。
在一个例子中,该切换方式可以是预先设定好的,在检测到任意切换视图组件的事件发生时,均获取该预设的切换方式。
在另一个例子中,该切换方式还可以是根据检测到的发生切换视图组件的事件的不同,获取不同的切换方式。
切换方式可以包括以下任意一项或多项:向左移出、向右移出、向上移出、向下移出、向左上移出、向左下移出、向右上移出、向右下移出、向左移入、向右移入、向上移入、向下移入、向左上移入、向左下移入、向右上移入、向右下移入、向左渐出、向右渐出、向上渐出、向下渐出、向左上渐出、向左下渐出、向右上渐出、向右下渐出、向左渐入、向右渐入、向上渐入、向下渐入、向左上渐入、向左下渐入、向右上渐入、向右下渐入、渐入和渐出。
具体的,可以是预先存储有反映事件类型与切换方式之间的对应关系。例如,可以是在该事件为视图容器在显示界面中的移动距离超过预先设定的距离阈值的情况下,对应的切换方式为向视图容器在显示界面中的移动方向移出。在该事件为视图容器中第一视图组件的显示时长超过预先设定的时长阈值的情况下,对应的切换方式为渐入渐出。在该事件为接收到外部触发的切换视图组件的操作的情况下,对应的切换方式为向切换视图组件的操作的方向移出。
进一步地,在该切换视图组件的事件包括视图容器在显示界面中的移动距离超过预先设定的距离阈值的实施例中,可以是预先存储有反映视图容器在显示界面中的移动方向和切换方式的对应关系。例如,在移动方向为向上的情况下,对应的切换方式为向上移出。在移动方向为向下的情况下,该切换方式可以是向下移出。在移动方向为向左的情况下,该切换方式可以是向左移出。在移动方向为向右的情况下,该切换方式可以是向右移出。在移动方向为向左上的情况下,对应的切换方式为向左上移出。在移动方向为左下的情况下,该切换方式可以是左下移出。在移动方向为右上的情况下,该切换方式可以是向右上移出。在移动方向为右下的情况下,该切换方式可以是向右下移出。那么,根据视图容器在显示界面中的移动方向,就可以确定对应的切换方式,即与该事件对应的切换方式。
再进一步地,在该切换视图组件的事件包括接收到外部触发的切换视图组件的操作的实施例中,可以是预先存储有反映操作类型和切换方式的对应关系。例如,在操作类型为上拉操作的情况下,该切换方式可以是向上移出。在操作类型为下滑操作的情况下,该切换方式可以是向下移出。在操作类型为左滑操作的情况下,该切换方式可以是向左移出。在操作类型为右滑操作的情况下,该切换方式可以是向右移出。那么,根据接收到的外部触发的切换视图组件的操作的操作类型,就可以确定对应的切换方式,即与该事件对应的切换方式。
步骤S2400,根据该切换方式,将视图容器中显示的第一视图组件切换为第二视图组件。
第一视图组件和第二视图组件可以预先设置在同一视图容器中,在检测切换视图组件的事件发生之前,该视图容器中可以是仅显示第一视图组件。在检测到切换视图组件的事件发生的情况下,可以取消显示第一视图组件、并显示第二视图组件。
在一个例子中,在检测切换视图组件的事件发生之前,该视图容器中可以是仅显示第一视图组件可以具体为:第二视图组件预先设置在第一视图组件下方并被第一视图组件完全覆盖。
在执行步骤S2400之前,第一视图组件的尺寸可以是自适应视图容器的尺寸。即第一视图组件的宽度与视图容器的宽度相同,第一视图组件的高度与视图容器的高度相同。第一视图组件的透明度可以是1。在切换过程中,第一视图组件的尺寸和/或透明度可以发生变化。
在执行步骤S2400之前,第二视图组件的尺寸也可以是自适应视图容器的尺寸。即第二视图组件的宽度与视图容器的宽度相同,第二视图组件的高度与视图容器的高度相同。第一视图组件的透明度可以是1。在切换过程中,第二视图组件的尺寸和透明度可以均不发生变化。
那么,执行步骤S2400的具体步骤可以为:在视图容器中根据该切换方式取消显示覆盖第二视图组件的第一视图组件,以显示第二视图组件。
进一步地,在视图容器中根据该切换方式取消显示覆盖第二视图组件的第一视图组件,以显示第二视图组件的步骤可以包括如图3所示的步骤S2411-S2412。
步骤S2411,根据该切换方式,确定第一容器组件发生改变的第一对象在切换时间内每一时刻的值。
第一对象可以是由切换方式来确定的。例如,在切换方式为向左移出的情况下,第一对象可以是第一容器组件的右边界中心点在视图展示页面中的位置。在切换方式为向右移出的情况下,第一对象可以是第一容器组件的左边界中心点在视图展示页面中的位置。在切换方式为向上移出的情况下,第一对象可以是第一容器组件下边界中心点在视图展示界面中的位置。在切换方式为向下移出的情况下,第一对象可以是第一容器组件上边界中心点在视图展示界面中的位置。在切换方式为向左上移出的情况下,第一对象可以是第一容器组件的右边界中心点和下边界中心点在视图展示页面中的位置。在切换方式为向左下移出的情况下,第一对象可以是第一容器组件的右边界中心点和上边界中心点在视图展示页面中的位置。在切换方式为向右上移出的情况下,第一对象可以是第一容器组件的左边界中心点和下边界中心点在视图展示页面中的位置。在切换方式为向右下移出的情况下,第一对象可以是第一容器组件的左边界中心点和上边界中心点在视图展示页面中的位置。在切换方式为渐入渐出的情况下,第一对象可以是第一容器组件的透明度。
再进一步地,该步骤S2411可以包括如下步骤S2411a-S2411b:
步骤S2411a,根据该切换方式,确定第一对象的初始值和目标值。
第一对象的初始值和目标值可以是由切换方式来确定的。第一容器组件的其他对象可以是预先设置好的。
在切换方式为向左移出的情况下,第一对象可以是第一容器组件的右边界中心点在视图展示页面中的位置。第一对象的初始值可以是视图容器右边界中心点的位置,第一对象的目标值可以是视图容器左边界中心点的位置。第一视图组件的高度可以是自适应视图容器的,即第一视图组件的上边界与视图容器的上边界重合、第一视图组件的下边界与视图容器的下边界重合、第一视图组件的左边界与视图容器的左边界重合。第一视图组件的透明度可以是1。图5为本实施例的向左移出的切换方式的例子的示意图。
在切换方式为向右移出的情况下,第一对象可以是第一容器组件的左边界中心点在视图展示页面中的位置。第一对象的初始值可以是视图容器左边界中心点的位置,第一对象的目标值可以是视图容器右边界中心点的位置。第一视图组件的高度可以是自适应视图容器的,即第一视图组件的上边界与视图容器的上边界重合、第一视图组件的下边界与视图容器的下边界重合、第一视图组件的右边界与视图容器的右边界重合。第一视图组件的透明度可以是1。
在切换方式为向上移出的情况下,第一对象可以是第一容器组件下边界中心点在视图展示界面中的位置。第一对象的初始值可以是视图容器下边界中心点的位置,第一对象的目标值可以是视图容器上边界中心点的位置。第一视图组件的高度可以是自适应视图容器的,即第一视图组件的左边界与视图容器的左边界重合、第一视图组件的右边界与视图容器的右边界重合、第一视图组件的上边界与视图容器的上边界重合。第一视图组件的透明度可以是1。
在切换方式为向下移出的情况下,第一对象可以是第一容器组件上边界中心点在视图展示界面中的位置。第一对象的初始值可以是视图容器上边界中心点的位置,第一对象的目标值可以是视图容器下边界中心点的位置。第一视图组件的高度可以是自适应视图容器的,即第一视图组件的左边界与视图容器的左边界重合、第一视图组件的右边界与视图容器的右边界重合、第一视图组件的下边界与视图容器的下边界重合。第一视图组件的透明度可以是1。
在切换方式为向左上移出的情况下,第一对象可以是第一容器组件的右边界中心点和下边界中心点在视图展示页面中的位置。第一对象的初始值可以是视图容器右边界中心点的位置和下边界中心点的位置,第一对象的目标值可以是视图容器左边界中心点的位置和上边界中心点的位置。第一视图组件的上边界与视图容器的上边界重合、第一视图组件的左边界与视图容器的左边界重合。第一视图组件的透明度可以是1。
在切换方式为向左下移出的情况下,第一对象可以是第一容器组件的右边界中心点和上边界中心点在视图展示页面中的位置。第一对象的初始值可以是视图容器右边界中心点的位置和上边界中心点的位置,第一对象的目标值可以是视图容器左边界中心点的位置和下边界中心点的位置。第一视图组件的下边界与视图容器的下边界重合、第一视图组件的左边界与视图容器的左边界重合。第一视图组件的透明度可以是1。
在切换方式为向右上移出的情况下,第一对象可以是第一容器组件的左边界中心点和下边界中心点在视图展示页面中的位置。第一对象的初始值可以是视图容器左边界中心点的位置和下边界中心点的位置,第一对象的目标值可以是视图容器右边界中心点的位置和上边界中心点的位置。第一视图组件的上边界与视图容器的上边界重合、第一视图组件的右边界与视图容器的右边界重合。第一视图组件的透明度可以是1。
在切换方式为向右下移出的情况下,第一对象可以是第一容器组件的左边界中心点和上边界中心点在视图展示页面中的位置。第一对象的初始值可以是视图容器左边界中心点的位置和上边界中心点的位置,第一对象的目标值可以是视图容器右边界中心点的位置和下边界中心点的位置。第一视图组件的下边界与视图容器的下边界重合、第一视图组件的右边界与视图容器的右边界重合。第一视图组件的透明度可以是1。
在切换方式为渐出的情况下,第一对象可以是第一容器组件的透明度。第一对象的初始值可以是1,第一对象的目标值可以是0。第一视图组件的宽度可以是自适应视图容器的宽度,第一视图组件的高度可以是自适应视图容器的高度。即第一视图组件的上边界与视图容器的上边界重合、第一视图组件的下边界与视图容器的下边界重合、第一视图组件的左边界与视图容器的左边界重合、第一视图组件的右边界与视图容器的右边界重合。
在切换方式为向左渐出的情况下,第一对象可以是第一容器组件的右边界中心点在视图展示页面中的位置、及第一容器组件的透明度。第一对象的初始值可以是视图容器右边界中心点的位置,透明度的初始值可以是1,第一对象的目标值可以是视图容器左边界中心点的位置,透明度的目标值可以是0。第一视图组件的高度可以是自适应视图容器的,即第一视图组件的上边界与视图容器的上边界重合、第一视图组件的下边界与视图容器的下边界重合、第一视图组件的左边界与视图容器的左边界重合。
步骤S2411b,根据预设的切换时间、第一对象的初始值和目标值,确定第一对象在该切换时间内的每一时刻的值。
具体的,在切换时间为t毫秒,第一对象的初始值为a1,第一对象的目标值为at的情况下,在切换时间内,每过1ms,第一对象的值的变化量都为
切换时间可以是根据切换方式预先设定好的,例如可以是1000ms。该切换时间还可以是与切换方式无关,即可以是每种切换方式对应的切换时间均为同一固定值。
步骤S2412,根据第一对象在该切换时间内的每一时刻的值取消显示第一视图组件,以显示第二视图组件。
具体的,可以是在检测到切换视图组件的事件发生的时刻起,在切换时间内第一对象由初始值随时间变化至目标值,使得取消显示第一视图组件、显示第二视图组件。
在另一个例子中,在检测切换视图组件的事件发生之前,该视图容器中可以是仅显示第一视图组件可以具体为:第一视图组件占满该视图容器,第二视图组件预先设置在第一视图组件上方、且并未覆盖该第一视图组件。
在执行步骤S2400之前,第一视图组件的尺寸可以是自适应视图容器的尺寸。即第一视图组件的宽度与视图容器的宽度相同,第一视图组件的高度与视图容器的高度相同。第一视图组件的透明度可以是1。在切换过程中,第一视图组件的尺寸和透明度可以不发生变化。
在执行步骤S2400之前,第二视图组件的尺寸可以是自适应视图容器的尺寸。即第二视图组件的宽度与视图容器的宽度相同,第二视图组件的高度与视图容器的高度相同。第二视图组件的透明度可以是1,那么在切换过程中,第二视图组件的尺寸可以发生变化。第二视图组件的透明度可以是0,那么,第二视图组件的透明度可以发生变化。
那么,执行步骤S2400的具体步骤可以为:在视图容器中根据该切换方式显示第二视图组件,以使第二视图组件完全覆盖第一视图组件。
进一步地,在视图容器中根据该切换方式显示第二视图组件,以使第二视图组件完全覆盖第一视图组件的步骤可以包括如图4所示的步骤S2421-S2422。
步骤S2421,根据该切换方式,确定第二容器组件发生改变的第二对象在切换时间内每一时刻的值。
第二对象可以是由切换方式来确定的。例如,在切换方式为向左移入的情况下,第二对象可以是第二容器组件的左边界中心点在视图展示页面中的位置。在切换方式为向右移入的情况下,第二对象可以是第二容器组件的右边界中心点在视图展示页面中的位置。在切换方式为向上移入的情况下,第二对象可以是第二容器组件上边界中心点在视图展示界面中的位置。在切换方式为向下移入的情况下,第二对象可以是第二容器组件下边界中心点在视图展示界面中的位置。在切换方式为向左上移入的情况下,第二对象可以是第二容器组件的左边界中心点和上边界中心点在视图展示页面中的位置。在切换方式为向左下移入的情况下,第二对象可以是第二容器组件的左边界中心点和下边界中心点在视图展示页面中的位置。在切换方式为向右上移入的情况下,第二对象可以是第二容器组件的右边界中心点和上边界中心点在视图展示页面中的位置。在切换方式为向右下移入的情况下,第二对象可以是第二容器组件的右边界中心点和下边界中心点在视图展示页面中的位置。在切换方式为渐入渐出的情况下,第二对象可以是第二容器组件的透明度。
再进一步地,该步骤S2421可以包括如下步骤S2421a-S2421b:
步骤S2421a,根据该切换方式,确定第二对象的初始值和目标值。
第二对象的初始值和目标值可以是由切换方式来确定的。第二容器组件的其他对象可以是预先设置好的。
在切换方式为向左移入的情况下,第二对象可以是第二容器组件的左边界中心点在视图展示页面中的位置。第二对象的初始值可以是视图容器右边界中心点的位置,第二对象的目标值可以是视图容器左边界中心点的位置。第二视图组件的高度可以是自适应视图容器的,即第二视图组件的上边界与视图容器的上边界重合、第二视图组件的下边界与视图容器的下边界重合、第二视图组件的右边界与视图容器的右边界重合。第二视图组件的透明度可以是1。
在切换方式为向右移入的情况下,第二对象可以是第二容器组件的右边界中心点在视图展示页面中的位置。第二对象的初始值可以是视图容器左边界中心点的位置,第二对象的目标值可以是视图容器右边界中心点的位置。第二视图组件的高度可以是自适应视图容器的,即第二视图组件的上边界与视图容器的上边界重合、第二视图组件的下边界与视图容器的下边界重合、第二视图组件的左边界与视图容器的左边界重合。第二视图组件的透明度可以是1。
在切换方式为向上移入的情况下,第二对象可以是第二容器组件上边界中心点在视图展示界面中的位置。第二对象的初始值可以是视图容器下边界中心点的位置,第二对象的目标值可以是视图容器上边界中心点的位置。第二视图组件的高度可以是自适应视图容器的,即第二视图组件的左边界与视图容器的左边界重合、第二视图组件的右边界与视图容器的右边界重合、第二视图组件的下边界与视图容器的下边界重合。第二视图组件的透明度可以是1。图6为本实施例的向上移入的切换方式的例子的示意图。
在切换方式为向下移入的情况下,第二对象可以是第二容器组件下边界中心点在视图展示界面中的位置。第二对象的初始值可以是视图容器上边界中心点的位置,第二对象的目标值可以是视图容器下边界中心点的位置。第二视图组件的高度可以是自适应视图容器的,即第二视图组件的左边界与视图容器的左边界重合、第二视图组件的右边界与视图容器的右边界重合、第二视图组件的上边界与视图容器的上边界重合。第二视图组件的透明度可以是1。
在切换方式为向左上移入的情况下,第二对象可以是第二容器组件的左边界中心点和上边界中心点在视图展示页面中的位置。第二对象的初始值可以是视图容器右边界中心点的位置和下边界中心点的位置,第二对象的目标值可以是视图容器左边界中心点的位置和上边界中心点的位置。第二视图组件的下边界与视图容器的下边界重合、第二视图组件的右边界与视图容器的右边界重合。第二视图组件的透明度可以是1。
在切换方式为向左下移入的情况下,第二对象可以是第二容器组件的左边界中心点和下边界中心点在视图展示页面中的位置。第二对象的初始值可以是视图容器右边界中心点的位置和上边界中心点的位置,第二对象的目标值可以是视图容器左边界中心点的位置和下边界中心点的位置。第二视图组件的上边界与视图容器的上边界重合、第二视图组件的右边界与视图容器的右边界重合。第二视图组件的透明度可以是1。
在切换方式为向右上移入的情况下,第二对象可以是第二容器组件的右边界中心点和上边界中心点在视图展示页面中的位置。第二对象的初始值可以是视图容器左边界中心点的位置和下边界中心点的位置,第二对象的目标值可以是视图容器右边界中心点的位置和上边界中心点的位置。第二视图组件的下边界与视图容器的下边界重合、第二视图组件的左边界与视图容器的左边界重合。第二视图组件的透明度可以是1。
在切换方式为向右下移入的情况下,第二对象可以是第二容器组件的右边界中心点和下边界中心点在视图展示页面中的位置。第二对象的初始值可以是视图容器左边界中心点的位置和上边界中心点的位置,第二对象的目标值可以是视图容器右边界中心点的位置和下边界中心点的位置。第二视图组件的上边界与视图容器的上边界重合、第二视图组件的左边界与视图容器的左边界重合。第二视图组件的透明度可以是1。
在切换方式为渐入的情况下,第二对象可以是第二容器组件的透明度。第二对象的初始值可以是0,第二对象的目标值可以是1。第二视图组件的宽度可以是自适应视图容器的宽度,第二视图组件的高度可以是自适应视图容器的高度。即第二视图组件的上边界与视图容器的上边界重合、第二视图组件的下边界与视图容器的下边界重合、第二视图组件的左边界与视图容器的左边界重合、第二视图组件的右边界与视图容器的右边界重合。
在切换方式为向左渐入的情况下,第二对象可以是第二容器组件的左边界中心点在视图展示页面中的位置、及第耳容器组件的透明度。第二对象的初始值可以是视图容器右边界中心点的位置、及透明度为0,第二对象的目标值可以是视图容器左边界中心点的位置、及透明度为1。第二视图组件的高度可以是自适应视图容器的,即第二视图组件的上边界与视图容器的上边界重合、第二视图组件的下边界与视图容器的下边界重合、第二视图组件的左边界与视图容器的左边界重合。
步骤S2421b,根据预设的切换时间、第二对象的初始值和目标值,确定第二对象在该切换时间内的每一时刻的值。
具体的,在切换时间为t毫秒,第二对象的初始值为a1,第二对象的目标值为at的情况下,在切换时间内,每过1ms,第二对象的值的变化量都为
切换时间可以是根据切换方式预先设定好的,例如可以是1000ms。该切换时间还可以是与切换方式无关,即可以是每种切换方式对应的切换时间均为同一固定值。
步骤S2422,根据第二对象在该切换时间内的每一时刻的值显示第二视图组件,以使第二视图组件覆盖第一视图组件。
具体的,可以是在检测到切换视图组件的事件发生的时刻起,在切换时间内第二对象由初始值随时间变化至目标值,以显示第二视图组件、使得第二视图组件完全覆盖第一视图组件。
本发明实施例的视图组件的切换方法,通过在检测到切换视图组件的事件时,根据获取的对应该事件的切换方式,将视图容器中显示的第一视图组件切换为第二视图组件。这样,可以实现视图容器中显示的视图组件按照相应的切换方式进行切换,还可以提升用户体验。
<装置>
在本实施例中,提供一种视图组件的切换装置7000,如图7所示,包括页面提供模块7100、事件检测模块7200、切换方式获取模块7300和切换模块7400。该页面提供模块7100用于提供视图展示页面,视图展示页面中包括至少一个用于显示视图组件的视图容器;该事件检测模块7200用于检测切换视图组件的事件;该切换方式获取模块7300用于根据事件的检测结果,获取与事件对应的切换方式;该切换模块7400用于根据切换方式将视图容器中显示的第一视图组件切换为第二视图组件。
切换视图组件的事件可以包括:
视图容器在显示界面中的移动距离超过预先设定的距离阈值;
视图容器中第一视图组件的显示时长超过预先设定的时长阈值;
接收到外部触发的切换视图组件的操作。
在一个例子中,第一视图组件和第二视图组件预先设置在视图容器中,第二视图组件预先设置在第一视图组件下方并被第一视图组件覆盖。
那么,切换模块7400可以用于:在视图容器中根据切换方式取消显示覆盖第二视图组件的第一视图组件,以显示第二视图组件。
进一步地,切换模块7400可以包括第一对象的值确定单元和第一切换单元(图中未示出)。该第一对象的值确定单元用于根据切换方式,确定第一容器组件的发生改变的第一对象在预设的切换时间内每一时刻的值;该第一切换单元用于根据第一对象在预设的切换时间内每一时刻的值取消显示第一视图组件,以显示第二视图组件。
在此基础上,第一对象的值确定单元还可以用于:根据切换方式,确定第一对象的初始值和目标值;根据切换时间、第一对象的初始值和目标值,确定第一对象在切换时间内每一时刻的值。
在另一个例子中,第一视图组件和第二视图组件预先设置在视图容器中,第一视图组件占满视图容器,第二视图组件预先设置在第一视图组件上方且并未覆盖第一视图组件。
那么,切换模块7400可以用于在视图容器中根据切换方式显示第二视图组件,以使第二视图组件覆盖第一视图组件。
进一步地,切换模块7400可以包括第二对象的值确定单元和第二切换单元(图中未示出)。该第二对象的值确定单元用于根据切换方式,确定第二容器组件的发生改变的第二对象在预设的切换时间内每一时刻的值;该第二切换单元用于根据第二对象在切换时间内每一时刻的值显示第二视图组件,以使第二视图组件覆盖第一视图组件。
在此基础上,第二对象的值确定单元还用于:根据切换方式,确定第二容器组件的发生改变的第二对象的初始值和目标值;根据切换时间、第二对象的初始值和目标值,确定第二对象在切换时间内每一时刻的值。
具体的,任一对象(第一对象和/或第二对象)包括以下任意一项或多项:对应视图组件的上边界中心点的位置、下边界中心点的位置、左边界中心点的位置、右边界中心点的位置和透明度。
本领域技术人员应当明白,可以通过各种方式来实现视图组件的切换装置7000。例如,可以通过指令配置处理器来实现视图组件的切换装置7000。例如,可以将指令存储在ROM中,并且当启动设备时,将指令从ROM读取到可编程器件中来实现视图组件的切换装置7000。例如,可以将页面加载装置3000固化到专用器件(例如ASIC)中。可以将视图组件的切换装置7000分成相互独立的单元,或者可以将它们合并在一起实现。视图组件的切换装置7000可以通过上述各种实现方式中的一种来实现,或者可以通过上述各种实现方式中的两种或更多种方式的组合来实现。
在本实施例中,视图组件的切换装置7000可以具有多种实现形式,例如,视图组件的切换装置7000可以是任何的提供网络访问服务的软件产品或者应用程序中运行的功能模块,或者是这些软件产品或者应用程序的外设嵌入件、插件、补丁件等,还可以是这些软件产品或者应用程序本身。
<终端设备>
在本实施例中,还提供了一种终端设备。在一方面,该终端设备可以包括前述的视图组件的切换装置7000。
在另一方面,如图8所示,终端设备8000可以包括显示装置8100、存储器8200和处理器8300。显示装置8100用于提供视图展示页面;存储器8200用于存储指令;该指令用于控制处理器8300执行本实施例中提供的任意一项所述视图组件的切换方法。
在本实施例中,该终端设备8000可以是手机、平板电脑、掌上电脑、台式机、笔记本电脑、工作站、游戏机等任意具有对应的显示装置8100、存储器8200以及处理器8300的终端设备。例如,终端设备8000可以是安装有提供视图显示服务的应用的智能手机。
在本实施例中,终端设备8000还可以包括其他的硬件装置,例如,如图1所示的终端设备1000。
在本例中,通过在检测到切换视图组件的事件时,根据获取的对应该事件的切换方式,将视图容器中显示的第一视图组件切换为第二视图组件。这样,可以实现视图容器中显示的视图组件按照相应的切换方式进行切换,还可以提升用户体验。
本发明可以是系统、方法和/或计算机程序产品。计算机程序产品可以包括计算机可读存储介质,其上载有用于使处理器实现本发明的各个方面的计算机可读程序指令。
计算机可读存储介质可以是可以保持和存储由指令执行设备使用的指令的有形设备。计算机可读存储介质例如可以是――但不限于――电存储设备、磁存储设备、光存储设备、电磁存储设备、半导体存储设备或者上述的任意合适的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括:便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、静态随机存取存储器(SRAM)、便携式压缩盘只读存储器(CD-ROM)、数字多功能盘(DVD)、记忆棒、软盘、机械编码设备、例如其上存储有指令的打孔卡或凹槽内凸起结构、以及上述的任意合适的组合。这里所使用的计算机可读存储介质不被解释为瞬时信号本身,诸如无线电波或者其他自由传播的电磁波、通过波导或其他传输媒介传播的电磁波(例如,通过光纤电缆的光脉冲)、或者通过电线传输的电信号。
这里所描述的计算机可读程序指令可以从计算机可读存储介质下载到各个计算/处理设备,或者通过网络、例如因特网、局域网、广域网和/或无线网下载到外部计算机或外部存储设备。网络可以包括铜传输电缆、光纤传输、无线传输、路由器、防火墙、交换机、网关计算机和/或边缘服务器。每个计算/处理设备中的网络适配卡或者网络接口从网络接收计算机可读程序指令,并转发该计算机可读程序指令,以供存储在各个计算/处理设备中的计算机可读存储介质中。
用于执行本发明操作的计算机程序指令可以是汇编指令、指令集架构(ISA)指令、机器指令、机器相关指令、微代码、固件指令、状态设置数据、或者以一种或多种编程语言的任意组合编写的源代码或目标代码,所述编程语言包括面向对象的编程语言—诸如Smalltalk、C++等,以及常规的过程式编程语言—诸如“C”语言或类似的编程语言。计算机可读程序指令可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络—包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。在一些实施例中,通过利用计算机可读程序指令的状态信息来个性化定制电子电路,例如可编程逻辑电路、现场可编程门阵列(FPGA)或可编程逻辑阵列(PLA),该电子电路可以执行计算机可读程序指令,从而实现本发明的各个方面。
这里参照根据本发明实施例的方法、装置(系统)和计算机程序产品的流程图和/或框图描述了本发明的各个方面。应当理解,流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合,都可以由计算机可读程序指令实现。
这些计算机可读程序指令可以提供给通用计算机、专用计算机或其它可编程数据处理装置的处理器,从而生产出一种机器,使得这些指令在通过计算机或其它可编程数据处理装置的处理器执行时,产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中,这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作,从而,存储有指令的计算机可读介质则包括一个制造品,其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。
也可以把计算机可读程序指令加载到计算机、其它可编程数据处理装置、或其它设备上,使得在计算机、其它可编程数据处理装置或其它设备上执行一系列操作步骤,以产生计算机实现的过程,从而使得在计算机、其它可编程数据处理装置、或其它设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。
附图中的流程图和框图显示了根据本发明的多个实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分,所述模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。对于本领域技术人员来说公知的是,通过硬件方式实现、通过软件方式实现以及通过软件和硬件结合的方式实现都是等价的。
以上已经描述了本发明的各实施例,上述说明是示例性的,并非穷尽性的,并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择,旨在最好地解释各实施例的原理、实际应用或对市场中的技术改进,或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。本发明的范围由所附权利要求来限定。
Claims (10)
1.一种视图组件的切换方法,其中,包括:
提供视图展示页面,所述视图展示页面中包括至少一个用于显示视图组件的视图容器;
检测切换所述视图组件的事件;
根据所述事件的检测结果,获取与所述事件对应的切换方式,其中,所述事件包括以下任意一种:所述视图容器在显示界面中的移动距离超过预先设定的距离阈值;所述视图容器中第一视图组件的显示时长超过预先设定的时长阈值;接收到外部触发的切换视图组件的操作,所述事件的事件类型与所述切换方式之间具有对应关系,其中,所述外部触发的切换视图组件的操作包括按压显示界面中所述视图容器对应位置执行的上拉下滑、左右滑动操作;
根据所述切换方式将所述视图容器中显示的第一视图组件切换为第二视图组件。
2.根据权利要求1所述的切换方法,其中,
所述第一视图组件和所述第二视图组件预先设置在所述视图容器中,所述第二视图组件预先设置在所述第一视图组件下方并被所述第一视图组件覆盖;
所述根据所述切换方式将所述视图容器中显示的第一容器组件切换为第二容器组件的步骤包括:
在所述视图容器中根据所述切换方式取消显示覆盖所述第二视图组件的所述第一视图组件,以显示所述第二视图组件。
3.根据权利要求2所述的切换方法,其中,所述在所述视图容器中根据所述切换方式取消显示覆盖所述第二视图组件的所述第一视图组件,以显示所述第二视图组件的步骤包括:
根据所述切换方式,确定所述第一容器组件的发生改变的第一对象在预设的切换时间内每一时刻的值;
根据所述第一对象在预设的切换时间内每一时刻的值取消显示所述第一视图组件,以显示所述第二视图组件。
4.根据权利要求3所述的切换方法,其中,所述根据所述切换方式,确定所述第一容器组件的发生改变的第一对象在预设的切换时间内每一时刻的值的步骤包括:
根据所述切换方式,确定所述第一对象的初始值和目标值;
根据所述切换时间、所述第一对象的初始值和目标值,确定所述第一对象在所述切换时间内每一时刻的值。
5.根据权利要求1所述的切换方法,其中,
所述第一视图组件和所述第二视图组件预先设置在所述视图容器中,所述第一视图组件占满所述视图容器,所述第二视图组件预先设置在所述第一视图组件上方且并未覆盖所述第一视图组件;
所述根据所述切换方式将所述视图容器中显示的第一容器组件切换为第二容器组件的步骤包括:
在所述视图容器中根据所述切换方式显示所述第二视图组件,以使所述第二视图组件覆盖所述第一视图组件。
6.根据权利要求5所述的切换方法,其中,所述在所述视图容器中根据所述切换方式显示所述第二视图组件,以使所述第二视图组件覆盖所述第一视图组件的步骤包括:
根据所述切换方式,确定所述第二容器组件的发生改变的第二对象在预设的切换时间内每一时刻的值;
根据所述第二对象在切换时间内每一时刻的值显示所述第二视图组件,以使所述第二视图组件覆盖所述第一视图组件。
7.根据权利要求6所述的切换方法,其中,所述根据所述切换方式,确定所述第二容器组件的发生改变的第二对象在预设的切换时间内每一时刻的值的步骤包括:
根据所述切换方式,确定所述第二容器组件的发生改变的第二对象的初始值和目标值;
根据所述切换时间、所述第二对象的初始值和目标值,确定所述第二对象在所述切换时间内每一时刻的值。
8.根据权利要求3或6所述的切换方法,其中,任一所述对象包括以下任意一项或多项:对应视图组件的上边界中心点的位置、下边界中心点的位置、左边界中心点的位置、右边界中心点的位置和透明度。
9.一种视图组件的切换装置,其中,包括:
页面提供模块,用于提供视图展示页面,所述视图展示页面中包括至少一个用于显示视图组件的视图容器;
事件检测模块,用于检测切换所述视图组件的事件;
切换方式获取模块,用于根据所述事件的检测结果,获取与所述事件对应的切换方式,其中,所述事件包括以下任意一种:所述视图容器在显示界面中的移动距离超过预先设定的距离阈值;所述视图容器中第一视图组件的显示时长超过预先设定的时长阈值;接收到外部触发的切换视图组件的操作,所述事件的事件类型与所述切换方式之间具有对应关系,其中,所述外部触发的切换视图组件的操作包括按压显示界面中所述视图容器对应位置执行的上拉下滑、左右滑动操作;
切换模块,用于根据所述切换方式将所述视图容器中显示的第一视图组件切换为第二视图组件。
10.一种终端设备,其中,包括:
根据权利要求9所述的切换装置;或者,
显示装置、处理器和存储器,所述存储器用于存储指令,所述指令用于控制所述处理器执行根据权利要求1-8中任一项所述的切换方法;所述显示装置用于提供视图展示页面。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811253257.2A CN111104177B (zh) | 2018-10-25 | 2018-10-25 | 视图组件的切换方法、装置及终端设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811253257.2A CN111104177B (zh) | 2018-10-25 | 2018-10-25 | 视图组件的切换方法、装置及终端设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111104177A CN111104177A (zh) | 2020-05-05 |
CN111104177B true CN111104177B (zh) | 2024-04-26 |
Family
ID=70418259
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811253257.2A Active CN111104177B (zh) | 2018-10-25 | 2018-10-25 | 视图组件的切换方法、装置及终端设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111104177B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113204299B (zh) * | 2021-05-21 | 2023-05-05 | 北京字跳网络技术有限公司 | 显示方法、装置、电子设备和存储介质 |
Citations (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2005135106A (ja) * | 2003-10-29 | 2005-05-26 | Sony Corp | 表示画像制御装置及び方法 |
WO2011038669A1 (zh) * | 2009-09-29 | 2011-04-07 | 北京联想软件有限公司 | 确定对象方法、对象显示方法、对象切换方法及电子设备 |
CN103618949A (zh) * | 2013-12-16 | 2014-03-05 | 乐视网信息技术(北京)股份有限公司 | 控制智能电视直播调台的方法及装置 |
EP2736258A2 (en) * | 2012-11-27 | 2014-05-28 | Samsung Electronics Co., Ltd | Apparatus and method for performing multi-view display |
CN104035676A (zh) * | 2014-06-25 | 2014-09-10 | 百度在线网络技术(北京)有限公司 | 一种页面的切换方法及装置 |
CN105100599A (zh) * | 2014-05-20 | 2015-11-25 | 奥林巴斯株式会社 | 显示装置和显示方法 |
CN106210858A (zh) * | 2016-08-08 | 2016-12-07 | Tcl集团股份有限公司 | 一种终端界面的切换方法及装置 |
CN205942664U (zh) * | 2015-06-07 | 2017-02-08 | 苹果公司 | 电子设备和用于显示应用视图的装置 |
WO2017041682A1 (zh) * | 2015-09-09 | 2017-03-16 | 北京奇虎科技有限公司 | 一种滑屏事件冲突的处理方法及装置 |
CN106815361A (zh) * | 2017-01-24 | 2017-06-09 | 维沃移动通信有限公司 | 一种浏览器页面显示方法及移动终端 |
CN107678637A (zh) * | 2017-09-14 | 2018-02-09 | 广州神马移动信息科技有限公司 | 切换选项卡的方法、设备、浏览器和电子设备 |
CN107704241A (zh) * | 2017-09-26 | 2018-02-16 | 广州优视网络科技有限公司 | 一种页面状态切换的显示方法和装置 |
CN107977137A (zh) * | 2017-10-25 | 2018-05-01 | 星潮闪耀移动网络科技(中国)有限公司 | 应用页面的对象展示方法、装置和设备 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7042469B2 (en) * | 2002-08-13 | 2006-05-09 | National Instruments Corporation | Multiple views for a measurement system diagram |
CN104091555B (zh) * | 2014-06-20 | 2016-06-08 | 京东方科技集团股份有限公司 | 一种显示器残像等级的评价方法及其装置 |
-
2018
- 2018-10-25 CN CN201811253257.2A patent/CN111104177B/zh active Active
Patent Citations (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2005135106A (ja) * | 2003-10-29 | 2005-05-26 | Sony Corp | 表示画像制御装置及び方法 |
WO2011038669A1 (zh) * | 2009-09-29 | 2011-04-07 | 北京联想软件有限公司 | 确定对象方法、对象显示方法、对象切换方法及电子设备 |
EP2736258A2 (en) * | 2012-11-27 | 2014-05-28 | Samsung Electronics Co., Ltd | Apparatus and method for performing multi-view display |
CN103618949A (zh) * | 2013-12-16 | 2014-03-05 | 乐视网信息技术(北京)股份有限公司 | 控制智能电视直播调台的方法及装置 |
CN105100599A (zh) * | 2014-05-20 | 2015-11-25 | 奥林巴斯株式会社 | 显示装置和显示方法 |
CN104035676A (zh) * | 2014-06-25 | 2014-09-10 | 百度在线网络技术(北京)有限公司 | 一种页面的切换方法及装置 |
CN205942664U (zh) * | 2015-06-07 | 2017-02-08 | 苹果公司 | 电子设备和用于显示应用视图的装置 |
WO2017041682A1 (zh) * | 2015-09-09 | 2017-03-16 | 北京奇虎科技有限公司 | 一种滑屏事件冲突的处理方法及装置 |
CN106210858A (zh) * | 2016-08-08 | 2016-12-07 | Tcl集团股份有限公司 | 一种终端界面的切换方法及装置 |
CN106815361A (zh) * | 2017-01-24 | 2017-06-09 | 维沃移动通信有限公司 | 一种浏览器页面显示方法及移动终端 |
CN107678637A (zh) * | 2017-09-14 | 2018-02-09 | 广州神马移动信息科技有限公司 | 切换选项卡的方法、设备、浏览器和电子设备 |
CN107704241A (zh) * | 2017-09-26 | 2018-02-16 | 广州优视网络科技有限公司 | 一种页面状态切换的显示方法和装置 |
CN107977137A (zh) * | 2017-10-25 | 2018-05-01 | 星潮闪耀移动网络科技(中国)有限公司 | 应用页面的对象展示方法、装置和设备 |
Non-Patent Citations (3)
Title |
---|
基于静态分析的Android应用事件输入生成方法;叶益林;周振吉;洪征;颜慧颖;吴礼发;;网络与信息安全学报;20170615(第06期);全文 * |
虚拟环境中一种基于用户QoS的切换策略;谢可;梁晓辉;许林;;系统仿真学报;20100508(第05期);全文 * |
谢可 ; 梁晓辉 ; 许林 ; .虚拟环境中一种基于用户QoS的切换策略.系统仿真学报.2010,(第05期),全文. * |
Also Published As
Publication number | Publication date |
---|---|
CN111104177A (zh) | 2020-05-05 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9928028B2 (en) | Mobile terminal with voice recognition mode for multitasking and control method thereof | |
US9448691B2 (en) | Device, method, and storage medium storing program | |
JP6017891B2 (ja) | 装置、方法、及びプログラム | |
KR101924095B1 (ko) | 전자 기기 및 전자 기기의 제어 방법 | |
JP5762944B2 (ja) | 装置、方法、及びプログラム | |
US20130162571A1 (en) | Device, method, and storage medium storing program | |
US9874994B2 (en) | Device, method and program for icon and/or folder management | |
KR102069862B1 (ko) | 가상 키패드 제어 방법 및 그 전자 장치 | |
KR102145515B1 (ko) | 화면 제어 방법 및 그 전자 장치 | |
US20130167090A1 (en) | Device, method, and storage medium storing program | |
KR102085309B1 (ko) | 전자 장치에서 스크롤 장치 및 방법 | |
KR20130083441A (ko) | 가변 콘텐츠 이동 가능 제어를 구현하기 위한 방법, 장치, 및 컴퓨터 프로그램 제품 | |
US20170068418A1 (en) | Electronic apparatus, recording medium, and operation method of electronic apparatus | |
CN105122176A (zh) | 用于管理在电子设备上显示的内容的系统和方法 | |
JP6058790B2 (ja) | 装置、方法、及びプログラム | |
KR20130097331A (ko) | 터치 스크린을 구비하는 전자기기에서 객체를 선택하기 위한 장치 및 방법 | |
EP2963533A1 (en) | Electronic device, control method, and control program | |
KR102113509B1 (ko) | 가상 키패드 제어 방법 및 그 전자 장치 | |
US11199961B2 (en) | Wireless device having a rear panel control to provide advanced touch screen control | |
CN111104177B (zh) | 视图组件的切换方法、装置及终端设备 | |
KR101925327B1 (ko) | 이동 단말기 및 그것의 제어 방법 | |
CN110858119B (zh) | 应用交互方法、装置及电子设备 | |
JP5762885B2 (ja) | 装置、方法、及びプログラム | |
JP2013065290A (ja) | 装置、方法、及びプログラム | |
JP2013092891A (ja) | 装置、方法、及びプログラム |
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 |