CN112947828A - 控件的显示方法及装置 - Google Patents
控件的显示方法及装置 Download PDFInfo
- Publication number
- CN112947828A CN112947828A CN202110218691.2A CN202110218691A CN112947828A CN 112947828 A CN112947828 A CN 112947828A CN 202110218691 A CN202110218691 A CN 202110218691A CN 112947828 A CN112947828 A CN 112947828A
- Authority
- CN
- China
- Prior art keywords
- control
- animation
- display
- executing
- controls
- 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
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/0484—Interaction 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
- G06F3/04845—Interaction 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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种控件的显示方法及装置。其中，该方法包括：检测控制指令，其中，控制指令用于指示显示位于同一位置的多个控件中的一个控件；响应控制指令，分别执行每个控件对应的动画；依据分别执行每个控件对应的动画的执行结果显示位于同一位置的多个控件中的一个控件。本申请解决了在APP中同一个位置上放置两个或两个以上的控件，在显示这些控件时容易出现点击事件异常或者切换形式生硬的的技术问题。
Description
技术领域
本申请涉及计算机软件领域，具体而言，涉及一种控件的显示方法及装置。
背景技术
在APP中需要在同一个位置上放两个或两个以上的控件时，需要将其中一个控件A先隐藏。在完成控件B的操作后再将B隐藏，将A显示。这个过程中要么点击事件异常，要么切换形式过于生硬，用户使用体验较差。
针对上述的问题，目前尚未提出有效的解决方案。
发明内容
本申请实施例提供了一种控件的显示方法及装置，以至少解决在APP中同一个位置上放置两个或两个以上的控件，在显示这些控件时容易出现点击事件异常或者切换形式生硬的的技术问题。
根据本申请实施例的一个方面，提供了一种控件的显示方法，包括：检测控制指令，其中，控制指令用于指示显示位于同一位置的多个控件中的一个控件；响应控制指令，分别执行每个控件对应的动画；依据分别执行每个控件对应的动画的执行结果显示位于同一位置的多个控件中的一个控件。
可选地，多个控件包括第一控件和第二控件，检测控制指令之前，上述方法还包括：分别为第一控件和第二控件设置两个动画，两个动画包括显示动画和隐藏动画，其中，显示动画和隐藏动画的执行时长相同。
可选地，响应控制指令，分别执行每个控件对应的动画，包括：如果控制指令用于指示显示第一控件，执行第一控件的显示动画，执行第二控件的隐藏动画；如果控制指令用于指示显示第二控件，执行第二控件的显示动画，执行第一控件的隐藏动画。
可选地，第一控件和第二控件通过一个相对布局容纳。
可选地，上述方法还包括：当每个控件对应的动画开始执行时，通知相对布局拦截点击事件，其中，点击事件为点击控件时触发的事件；当每个控件对应的动画执行结束时，通知相对布局结束拦截点击事件。
根据本申请实施例的另一方面，还提供了一种控件的显示装置，包括：检测模块，用于检测控制指令，其中，控制指令用于指示显示位于同一位置的多个控件中的一个控件；响应模块，用于响应控制指令，分别执行每个控件对应的动画；显示模块，用于依据分别执行每个控件对应的动画的执行结果显示位于同一位置的多个控件中的一个控件。
可选地，多个控件包括第一控件和第二控件，装置还包括：设置模块，用于在检测控制指令之前，分别为第一控件和第二控件设置两个动画，两个动画包括显示动画和隐藏动画，其中，显示动画和隐藏动画的执行时长相同。
可选地，响应模块包括：第一执行单元，用于在控制指令用于指示显示第一控件的情况下，执行第一控件的显示动画，执行第二控件的隐藏动画；第二执行单元，用于在控制指令用于指示显示第二控件的情况下，执行第二控件的显示动画，执行第一控件的隐藏动画。
根据本申请实施例的再一方面，还提供了一种非易失性存储介质，其特征在于，非易失性存储介质包括存储的程序，其中，在程序运行时控制非易失性存储介质所在设备执行以上的控件的显示方法。
根据本申请实施例的再一方面，还提供了一种处理器，处理器用于运行存储在存储器中的程序，其中，程序运行时执行以上的控件的显示方法。
在本申请实施例中，采用检测控制指令，其中，控制指令用于指示显示位于同一位置的多个控件中的一个控件；响应控制指令，分别执行每个控件对应的动画；依据分别执行每个控件对应的动画的执行结果显示位于同一位置的多个控件中的一个控件的方式，通过给在同一位置显示的多个控件分别添加显示动画和隐藏动画，实现不同控件的切换，从而实现了避免在APP中同一个位置上的两个或两个以上的控件切换时出现点击事件异常的问题，以及提升用户的使用体验的技术效果，进而解决了在APP中同一个位置上放置两个或两个以上的控件，在显示这些控件时容易出现点击事件异常或者切换形式生硬的技术问题。
附图说明
此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：
图1是根据本申请实施例的一种控件的显示方法的流程图；
图2是根据本申请实施例的一种控件的显示装置的结构框图。
具体实施方式
为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分的实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。
需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
根据本申请实施例，提供了一种控件的显示方法的实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。
图1是根据本申请实施例的一种控件的显示方法的流程图，如图1所示，该方法包括如下步骤：
步骤S102，检测控制指令，其中，控制指令用于指示显示位于同一位置的多个控件中的一个控件；
步骤S104，响应控制指令，分别执行每个控件对应的动画；
根据本申请的一个可选的实施例，Android系统中，经常会在数据加载时用到动画效果。Android系统包括三种动画：视图动画、帧动画、属性动画。
步骤S106，依据分别执行每个控件对应的动画的执行结果显示位于同一位置的多个控件中的一个控件。
通过上述步骤，通过给在同一位置显示的多个控件分别添加显示动画和隐藏动画，实现不同控件的切换，从而实现了避免在APP中同一个位置上的两个或两个以上的控件切换时出现点击事件异常的问题，以及提升用户的使用体验的技术效果。
根据本申请的一个可选的实施例，多个控件包括第一控件和第二控件，执行步骤S102之前，分别为第一控件和第二控件设置两个动画，两个动画包括显示动画和隐藏动画，其中，显示动画和隐藏动画的执行时长相同。
在本申请提供的实施例中，以在同一个位置上放两控件(控件A和控件B)为例进行说明。在本步骤中，分别给两个控件A、B添加两个动画，显示动画和隐形动画，动画执行时长相同。
根据本申请的另一个可选的实施例，步骤S104通过以下方法实现：如果控制指令用于指示显示第一控件，执行第一控件的显示动画，执行第二控件的隐藏动画；如果控制指令用于指示显示第二控件，执行第二控件的显示动画，执行第一控件的隐藏动画。
当需要显示控件A的时候，执行控件A的显示动画和控件B的隐形动画；当需要显示控件B的时候，执行控件B的显示动画和控件A的隐形动画。
在本申请的一些可选的实施例中，第一控件和第二控件通过一个相对布局容纳。
根据本申请的一个可选的实施例，使用一个相对布局R容纳控件A、B，实现宽高渲染。
在本申请的另一些可选的实施例中，当每个控件对应的动画开始执行时，通知相对布局拦截点击事件，其中，点击事件为点击控件时触发的事件；当每个控件对应的动画执行结束时，通知相对布局结束拦截点击事件。
当控件A/B开始执行动画时，通知相对布局R拦截点击事件；当控件A/B执行动画结束时，通知相对布局R结束拦截点击事件。
点击事件是指控件被点击时，会被触发的事件(被执行的代码)。拦截点击事件的原因是防止控件A和控件B的点击事件发生冲突。
本发明提供的上述方法利用属性动画以及点击事件管理，实现了提高用户使用体验的技术效果。
图2是根据本申请实施例的一种控件的显示装置的结构框图，如图2所示，该装置包括：
检测模块20，用于检测控制指令，其中，控制指令用于指示显示位于同一位置的多个控件中的一个控件；
响应模块22，用于响应控制指令，分别执行每个控件对应的动画；
显示模块24，用于依据分别执行每个控件对应的动画的执行结果显示位于同一位置的多个控件中的一个控件。
需要说明的是，图2所示实施例的优选实施方式可以参见图1所示实施例的相关描述，此处不再赘述。
根据本申请的一个可选的实施例，多个控件包括第一控件和第二控件，上述装置还包括：设置模块，用于在检测控制指令之前，分别为第一控件和第二控件设置两个动画，两个动画包括显示动画和隐藏动画，其中，显示动画和隐藏动画的执行时长相同。
在本申请提供的实施例中，以在同一个位置上放两控件(控件A和控件B)为例进行，分别给两个控件A、B添加两个动画，显示动画和隐形动画，动画执行时长相同。
根据本申请的另一个可选的实施例，响应模块22包括：第一执行单元，用于在控制指令用于指示显示第一控件的情况下，执行第一控件的显示动画，执行第二控件的隐藏动画；第二执行单元，用于在控制指令用于指示显示第二控件的情况下，执行第二控件的显示动画，执行第一控件的隐藏动画。
当需要显示控件A的时候，执行控件A的显示动画和控件B的隐形动画；当需要显示控件B的时候，执行控件B的显示动画和控件A的隐形动画。
本申请实施例还提供了一种非易失性存储介质，其特征在于，非易失性存储介质包括存储的程序，其中，在程序运行时控制非易失性存储介质所在设备执行以上的控件的显示方法。
上述非易失性存储介质用于存储执行以下功能的程序：检测控制指令，其中，控制指令用于指示显示位于同一位置的多个控件中的一个控件；响应控制指令，分别执行每个控件对应的动画；依据分别执行每个控件对应的动画的执行结果显示位于同一位置的多个控件中的一个控件。
本申请实施例还提供了一种处理器，处理器用于运行存储在存储器中的程序，其中，程序运行时执行以上的控件的显示方法。
上述处理器用于处理执行以下功能的程序：检测控制指令，其中，控制指令用于指示显示位于同一位置的多个控件中的一个控件；响应控制指令，分别执行每个控件对应的动画；依据分别执行每个控件对应的动画的执行结果显示位于同一位置的多个控件中的一个控件。
上述本申请实施例序号仅仅为了描述，不代表实施例的优劣。
在本申请的上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。
在本申请所提供的几个实施例中，应该理解到，所揭露的技术内容，可通过其它的方式实现。其中，以上所描述的装置实施例仅仅是示意性的，例如所述单元的划分，可以为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，单元或模块的间接耦合或通信连接，可以是电性或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对相关技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述仅是本申请的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本申请原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本申请的保护范围。
Claims (10)
1.一种控件的显示方法，其特征在于，包括：
检测控制指令，其中，所述控制指令用于指示显示位于同一位置的多个控件中的一个控件；
响应所述控制指令，分别执行每个控件对应的动画；
依据所述分别执行每个控件对应的动画的执行结果显示位于同一位置的多个控件中的一个控件。
2.根据权利要求1所述的方法，其特征在于，所述多个控件包括第一控件和第二控件，检测控制指令之前，所述方法还包括：
分别为所述第一控件和所述第二控件设置两个动画，所述两个动画包括显示动画和隐藏动画，其中，所述显示动画和所述隐藏动画的执行时长相同。
3.根据权利要求2所述的方法，其特征在于，响应所述控制指令，分别执行每个控件对应的动画，包括：
如果所述控制指令用于指示显示所述第一控件，执行所述第一控件的显示动画，执行所述第二控件的隐藏动画；
如果所述控制指令用于指示显示所述第二控件，执行所述第二控件的显示动画，执行所述第一控件的隐藏动画。
4.根据权利要求2所述的方法，其特征在于，所述第一控件和所述第二控件通过一个相对布局容纳。
5.根据权利要求4所述的方法，其特征在于，所述方法还包括：
当所述每个控件对应的动画开始执行时，通知所述相对布局拦截点击事件，其中，所述点击事件为点击控件时触发的事件；
当所述每个控件对应的动画执行结束时，通知所述相对布局结束拦截所述点击事件。
6.一种控件的显示装置，其特征在于，包括：
检测模块，用于检测控制指令，其中，所述控制指令用于指示显示位于同一位置的多个控件中的一个控件；
响应模块，用于响应所述控制指令，分别执行每个控件对应的动画；
显示模块，用于依据所述分别执行每个控件对应的动画的执行结果显示位于同一位置的多个控件中的一个控件。
7.根据权利要求6所述的装置，其特征在于，所述多个控件包括第一控件和第二控件，所述装置还包括：
设置模块，用于在检测控制指令之前，分别为所述第一控件和所述第二控件设置两个动画，所述两个动画包括显示动画和隐藏动画，其中，所述显示动画和所述隐藏动画的执行时长相同。
8.根据权利要求7所述的装置，其特征在于，所述响应模块包括：
第一执行单元，用于在所述控制指令用于指示显示所述第一控件的情况下，执行所述第一控件的显示动画，执行所述第二控件的隐藏动画；
第二执行单元，用于在所述控制指令用于指示显示所述第二控件的情况下，执行所述第二控件的显示动画，执行所述第一控件的隐藏动画。
9.一种非易失性存储介质，其特征在于，所述非易失性存储介质包括存储的程序，其中，在所述程序运行时控制所述非易失性存储介质所在设备执行权利要求1至5中任意一项所述的控件的显示方法。
10.一种处理器，其特征在于，所述处理器用于运行存储在存储器中的程序，其中，所述程序运行时执行权利要求1至5中任意一项所述的控件的显示方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110218691.2A CN112947828A (zh) | 2021-02-26 | 2021-02-26 | 控件的显示方法及装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110218691.2A CN112947828A (zh) | 2021-02-26 | 2021-02-26 | 控件的显示方法及装置 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112947828A true CN112947828A (zh) | 2021-06-11 |
Family
ID=76246531
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110218691.2A Pending CN112947828A (zh) | 2021-02-26 | 2021-02-26 | 控件的显示方法及装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112947828A (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2023066165A1 (zh) * | 2021-10-18 | 2023-04-27 | 华为技术有限公司 | 动画效果显示方法及电子设备 |
-
2021
- 2021-02-26 CN CN202110218691.2A patent/CN112947828A/zh active Pending
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2023066165A1 (zh) * | 2021-10-18 | 2023-04-27 | 华为技术有限公司 | 动画效果显示方法及电子设备 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107704241B (zh) | 一种页面状态切换的显示方法和装置 | |
| EP3846025B1 (en) | Window switching method and apparatus, and terminal and computer-readable storage medium | |
| CN106095551A (zh) | 展示媒体文件的方法和装置 | |
| CN104461631B (zh) | 一种系统ota升级方法和装置 | |
| CN107256121A (zh) | 控件的控制方法及装置、计算机装置和可读存储介质 | |
| CN113742237A (zh) | 程序调试方法、装置、设备以及存储介质 | |
| CN110119299A (zh) | 信息显示方法及设备 | |
| CN112947828A (zh) | 控件的显示方法及装置 | |
| CN107092519B (zh) | 一种功能显示方法、设备及终端设备 | |
| CN113926188A (zh) | 游戏信息的显示方法、装置以及电子设备 | |
| CN106569675B (zh) | 一种提示框显示方法及装置 | |
| CN105739771A (zh) | 一种显示界面管理方法、装置及终端 | |
| CN106095230A (zh) | 一种移动终端控制方法以及终端 | |
| CN105824606B (zh) | 一种滚动输入方法及终端 | |
| CN112732377A (zh) | 图像的展示方法、装置及存储介质 | |
| CN110020336B (zh) | 遮罩层控制方法及装置 | |
| CN105955747A (zh) | 一种安全软件的运行方法、相关装置及电子设备 | |
| CN114296847A (zh) | 基于图层的显示方法及装置 | |
| CN115688102A (zh) | 窗口的处理方法、装置、处理器及电子设备 | |
| CN105975586B (zh) | 一种推荐软件安装方法、装置及设备 | |
| CN113407282A (zh) | 一种终端桌面的显示方法、电子设备和计算机存储介质 | |
| CN112748832A (zh) | 信息处理方法、装置及电子设备和存储介质 | |
| CN110209596A (zh) | 磁盘整理方法、装置及计算机可读存储介质 | |
| CN107329736B (zh) | 信息的显示方法及装置、存储介质和处理器 | |
| CN106815001B (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 |