CN109002293B - 一种ui元素展示方法、装置、电子设备及存储介质 - Google Patents
一种ui元素展示方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN109002293B CN109002293B CN201810844085.XA CN201810844085A CN109002293B CN 109002293 B CN109002293 B CN 109002293B CN 201810844085 A CN201810844085 A CN 201810844085A CN 109002293 B CN109002293 B CN 109002293B
- Authority
- CN
- China
- Prior art keywords
- position information
- information
- elements
- area
- movement
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明实施例提供了一种UI元素展示方法、装置、电子设备及存储介质，该方法包括：在接收到展示多个UI元素的触发指令后，获取各个UI元素对应的第一位置信息，其中，第一位置信息为：以直线展示形式展示各个UI元素时，各个UI元素对应的位置信息；按照预设的位置信息转换方式，将各个UI元素对应的第一位置信息转换为第二位置信息，其中，位置信息转换方式为：用于将各个UI元素从直线展示形式转换为非直线展示形式的方式；针对每一UI元素，将该UI元素展示在目标位置信息所对应的区域，目标位置信息为该UI元素对应的第二位置信息。可见，通过本发明实施例提供的技术方案，电子设备能够通过非直线展示形式来展示多个UI元素，使得UI元素展示具有个性化。
Description
技术领域
本发明涉及互联网技术领域，特别是涉及一种UI元素展示方法、装置、电子设备及存储介质。
背景技术
UI(User Interface，用户界面)是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI作为系统和用户之间进行交互和信息交换的媒介，能够实现信息的内部形式与人类可以接受形式之间的转换。
现有技术中，电子设备在展示多个UI元素时，以直线展示形式，将多个UI元素展示在界面中，即多个UI元素在界面中呈直线分布。以卡牌类游戏为例，在卡牌类游戏开始之前，多张卡牌堆叠在一起；电子设备接收到展示多张卡牌的触发指令后，以直线展示形式将多张卡牌展示在界面中。
可见，现有技术中，通过简单的直线展示形式来展示多个UI元素，导致个性化不足。
发明内容
本发明实施例的目的在于提供一种UI元素展示方法、装置、电子设备及存储介质，以实现以个性化的展示方式展示多个UI元素。具体技术方案如下：
第一方面，本发明实施例提供了一种UI元素展示方法，应用于电子设备，所述方法包括：
在接收到展示多个UI元素的触发指令后，获取各个UI元素对应的第一位置信息，其中，所述第一位置信息为：以直线展示形式展示各个UI元素时，各个UI元素对应的位置信息；
按照预设的位置信息转换方式，将所述各个UI元素对应的第一位置信息转换为第二位置信息，其中，所述预设的位置信息转换方式为：用于将各个UI元素从直线展示形式转换为非直线展示形式的方式；
针对每一UI元素，将该UI元素展示在目标位置信息所对应的区域，所述目标位置信息为该UI元素对应的第二位置信息。
可选的，所述获取各个UI元素对应的第一位置信息的步骤之前，所述方法还包括：
判断所述触发指令是否为用于触发多个UI元素非直线展示的指令；
如果是，执行所述获取各个UI元素对应的第一位置信息的步骤。
可选的，所述针对每一UI元素，将该UI元素展示在目标位置信息所对应的区域的步骤，包括：
针对每一UI元素，确定该UI元素对应的移动信息，并按照所述移动信息，控制该UI元素移动至目标位置信息所对应的区域。
可选的，所述确定该UI元素的移动信息的步骤，包括：
根据预设的各个UI元素的序号与移动信息的对应关系，确定该UI元素对应的移动信息。
可选的，在接收到展示多个UI元素的触发指令后，获取各个UI元素对应的第一位置信息之前，所述方法还包括：
将所述各个UI元素均展示在初始显示区域；
所述确定该UI元素的移动信息的步骤，包括：
根据所述初始显示区域和所述目标位置信息对应的区域之间的距离，确定该UI元素的移动信息。
可选的，所述移动信息包括：移动速度和/或移动轨迹。
可选的，所述非直线展示形式包括：扇形形式或曲线形式。
可选的，所述UI元素为：卡牌、网页界面、游戏中玩家的头像中的任一种。
第二方面，本发明实施例提供了一种UI元素展示装置，应用于电子设备，所述装置包括：
位置信息获取模块，用于在接收到展示多个UI元素的触发指令后，获取各个UI元素对应的第一位置信息，其中，所述第一位置信息为：以直线展示形式展示各个UI元素时，各个UI元素对应的位置信息；
位置信息转换模块，用于按照预设的位置信息转换方式，将所述各个UI元素对应的第一位置信息转换为第二位置信息，其中，所述预设的位置信息转换方式为：用于将各个UI元素从直线展示形式转换为非直线展示形式的方式；
UI元素展示模块，用于针对每一UI元素，将该UI元素展示在目标位置信息所对应的区域，所述目标位置信息为该UI元素对应的第二位置信息。
可选的，所述装置还包括：
指令判断模块，用于在所述位置信息获取模块获取各个UI元素对应的第一位置信息之前，判断所述触发指令是否为用于触发多个UI元素非直线展示的指令；如果是，触发所述位置信息获取模块执行所述获取各个UI元素对应的第一位置信息的步骤。
可选的，所述UI元素展示模块，包括：
UI元素展示单元，用于针对每一UI元素，确定该UI元素对应的移动信息，并按照所述移动信息，控制该UI元素移动至目标位置信息所对应的区域。
可选的，所述UI元素展示单元，具体用于：
根据预设的各个UI元素的序号与移动信息的对应关系，确定该UI元素对应的移动信息。
可选的，所述装置还包括：
UI元素显示模块，用于在接收到展示多个UI元素的触发指令后，获取所述各个UI元素对应的第一位置信息之前，将所述各个UI元素均展示在初始显示区域；
所述UI元素展示单元，具体用于：
根据所述初始显示区域和所述目标位置信息对应的区域之间的距离，确定该UI元素的移动信息。
可选的，所述移动信息包括：移动速度和/或移动轨迹。
可选的，所述非直线展示形式包括：扇形形式或曲线形式。
可选的，所述UI元素为：卡牌、网页界面、游戏中玩家的头像中的任一种。
第三方面，本发明实施例提供了一种电子设备，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；
存储器，用于存放计算机程序；
处理器，用于执行存储器上所存放的程序时，实现第一方面所述的UI元素展示方法。
第四方面，本发明实施例提供了一种计算机可读存储介质，所述计算机可读存储介质内存储有计算机程序，所述计算机程序被处理器执行时实现第一方面所述的UI元素展示方法。
本发明实施例提供的技术方案，电子设备在接收到展示多个UI元素的触发指令后，首先，获取各个UI元素对应的第一位置信息，其中，该第一位置信息为：以直线展示形式展示各个UI元素时，各个UI元素对应的位置信息；其次，按照预设的位置信息转换方式，将各个UI元素对应的第一位置信息转换为第二位置信息，其中，该位置信息转换方式为：用于将各个UI元素从直线展示形式转换为非直线展示形式的方式；最后，针对每一UI元素，将该UI元素展示在目标位置信息所对应的区域，该目标位置信息为该UI元素对应的第二位置信息。可见，通过本发明实施例提供的技术方案，电子设备能够通过非直线展示形式来展示多个UI元素，使得UI元素展示具有个性化。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本发明实施例所提供的一种UI元素展示方法的流程图；
图2为本发明实施例所提供的一种UI元素以扇形形式展示在界面上的示意图；
图3为本发明实施例所提供的另一种UI元素以扇形形式展示在界面上的示意图；
图4(a)为本发明实施例所提供的一种UI元素以直线展示形式展示在界面上的示意图；
图4(b)本发明实施例所提供的一种UI元素以非直线展示形式展示在界面上的示意图；
图5为本发明实施例所提供的一种UI元素以非直线展示形式展示在界面上的示意图；
图6为本发明实施例所提供的一种UI元素展示装置的结构示意图；
图7为本发明实施例所提供的一种电子设备的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
为了解决现有技术问题，本发明实施例提供了一种UI元素展示方法、装置、电子设备及存储介质，以保证电子设备能够通过非直线展示形式来展示多个UI元素，使得UI元素展示具有个性化。
第一方面，下面首先对本发明实施例所提供的一种UI元素展示方法进行介绍。
需要说明的是，本发明实施例提供的UI元素展示方法，应用于电子设备，该电子设备可以为手机、电脑、平板电脑等，本发明实施例对电子设备不做具体限定。
其中，本发明实施例所述的UI元素可以有多种类型，例如，UI元素可以是卡牌、网页界面、游戏中玩家的头像等，本发明实施例对UI元素的类型不做具体限定。
如图1所示，本发明实施例所提供的一种UI元素展示方法可以包括如下步骤：
S110，在接收到展示多个UI元素的触发指令后，获取各个UI元素对应的第一位置信息。
其中，第一位置信息为：以直线展示形式展示各个UI元素时，各个UI元素对应的位置信息。
需要说明的是，用户发出触发指令的方式可以有多种。具体的，
第一种方式可以为：电子设备的界面上设置有按钮，点击该按钮可以触发电子设备展示多个UI元素，此时，用户发出触发指令的方式可以为：点击该按钮。
第二种方式可以为：点击界面中的预定区域。举例而言，以卡牌类游戏为例，在卡牌类游戏开始之前，多张卡牌堆叠在一起，并展示在电子设备的界面中。为了方便描述，可以将多张卡牌堆叠在一起时所在的区域称为预定区域。此时，用户发出触发指令的方式可以为：点击预定区域的任一位置。
第三种方式可以为：用户操作界面中的任一UI元素。举例而言，UI元素为：游戏玩家的头像；电子设备的界面中展示有多个游戏玩家的头像，此时，用户发出触发指令的方式可以为：移动任一游戏玩家的头像。
当然，用户发出触发指令的方式还可以是其他方式，本发明实施例对用户发出触发指令的方式不做具体限定。
电子设备接收到展示多个UI元素的触发指令后，为了能够在后续步骤中以非直线展示形式展示各个UI元素，电子设备需要获取将各个UI元素以直线展示形式展示在界面中时，各个UI元素对应的位置信息，即电子设备需要获取各个UI元素对应的第一位置信息。
在一种实施方式中，电子设备获取各个UI元素对应的第一位置信息的过程可以为：获取预定区域的坐标信息和各个UI元素的尺寸信息，其中，该预定区域为预先确定的用于展示各个UI元素的区域；并根据预定区域的坐标信息和各个UI元素的尺寸信息，确定各个UI元素的第一位置信息。本领域技术人员应当可以理解“根据预定区域的坐标信息和各个UI元素的尺寸信息，计算各个UI元素的第一位置信息”的具体过程，在此不再赘述。
在另一实施方式中，电子设备预设了各个UI元素的序号与第一位置信息的对应关系，此时，电子设备获取各个UI元素对应的第一位置信息的过程可以为：根据各个UI元素的序号与第一位置信息的对应关系，确定各个UI元素的第一位置信息。
当然，电子设备还可以通过其他方式获取各个UI元素对应的第一位置信息，在此不再一一列举，且本发明实施例对电子设备获取各个UI元素对应的第一位置信息的方式不做具体限定。
S120，按照预设的位置信息转换方式，将各个UI元素对应的第一位置信息转换为第二位置信息。
其中，位置信息转换方式为：用于将各个UI元素从直线展示形式转换为非直线展示形式的方式。
为了将各个UI元素以非直线展示形式展示各个UI元素，电子设备在获取到各个UI元素对应的第一位置信息后，可以通过预设的位置信息转换方式将第一位置信息转换为第二位置信息，电子设备将各个UI元素展示在第二位置信息对应的区域中时，各个UI元素呈现非直线展示形式。
需要说明的是，上述预设的位置信息转换方式可以有多种，本领域技术人员可以理解的是，通过不同的位置信息转换方式得到第二位置信息，各个UI元素展示在界面后所对应的非直线展示形式不同。其中，非直线展示形式可以包括：扇形形式或曲线形式。
具体的，当各个UI元素展示在界面后所对应的非直线展示形式为：扇形形式时，各个UI元素可以均匀地分布在扇形区域内，如图2所示；各个UI元素也可以均匀地分布在扇形的弧线上，如图3所示，这都是合理的，当然，图2和图3只是以举例的形式介绍了各个UI元素在扇形形式展示在界面中，本发明实施例不做具体限定。
当各个UI元素展示在界面后所对应的非直线展示形式为：曲线形式时，该曲线形式可以为圆形形式、椭圆形形式、抛物线形式等多种曲线形式，本发明实施例对扇形形式和曲线形式不作具体限定。举例而言，如图4所示，仍以卡牌类游戏为例，假设有三张卡牌，分别为卡牌1、卡牌2、卡牌3，三张卡牌均为矩形。三张卡牌以直线展示形式展示时，卡牌1、卡牌2、卡牌3的中心点的第一位置信息依次为(-1，0)，(0，0)，(1，0)，即卡牌1、卡牌2、卡牌3的横坐标X0依次为-1，0，1；假设位置信息转换方式为：X1＝X0；
利用该位置信息转换方式将这三张卡牌的中心点的第一位置信息转换为第二位置信息，则卡牌1、卡牌2、卡牌3的中心点的第二位置信息依次为(-1，0)，(0，1)，(1，0)；很显然，电子设备在将三张卡牌展示在第二位置信息对应的区域中时，三张卡牌呈现半圆形状，即三张卡牌以非直线形式展示在界面中。
S130，针对每一UI元素，将该UI元素展示在目标位置信息所对应的区域，目标位置信息为该UI元素对应的第二位置信息。
电子设备获取到各个UI元素对应的第二位置信息后，将各个UI元素展示在对应的第二位置信息所对应的区域，此时，各个UI元素以非直线形式展示在界面中，即实现了以个性化的展示方式展示多个UI元素的目的。
可以理解的是，各个UI元素移动到第二位置信息所对应的区域的过程中，会有移动速度、移动轨迹等移动信息。因此，在一种实施方式中，针对每一UI元素，将该UI元素展示在目标位置信息所对应的区域的步骤，可以包括：
针对每一UI元素，确定该UI元素对应的移动信息，并按照移动信息，控制该UI元素移动至目标位置信息所对应的区域。其中，该移动信息可以包括：移动速度和/或移动轨迹。各个UI元素的移动速度及移动轨迹可以根据实际情况来确定，例如，各个UI元素的移动速度可以相同，也可以不同；各个UI元素的移动轨迹可以相同，也可以不同。移动轨迹可以是直线，也可以是曲线。可以理解的是，为了保证各个UI元素在移动到目标位置信息对应的区域的过程中，各个UI元素互补遮挡，各个UI元素的移动轨迹可以互不相同。本发明实施例对各个UI元素的移动速度及移动轨迹不做具体限定。
需要说明的是，确定各个UI元素的移动信息的方式有多种。
在一种实施方式中，可以预先为各个UI元素编号，并预先设定各个UI元素的序号与移动信息的对应关系。在该种实施方式中，可以根据预设的各个UI元素的序号与移动信息的对应关系，确定各个UI元素对应的移动信息。
举例而言，仍以卡牌类游戏为例，假如在该卡牌类游戏中有6张卡牌，分别为卡牌1、卡牌2、卡牌3、卡牌4、卡牌5和卡牌6，即这6张卡牌的序号分别为1、2、3、4、5和6。在将这6张卡牌展示在界面所对应的区域之前，电子设备可以预设卡牌序号与移动信息的对应关系。这样，电子设备将这6张卡牌移动至目标位置信息所对应的区域时，可以根据预设的卡牌序号与移动信息的对应关系，确定这6张卡牌对应的移动信息，并按照每个卡牌对应的移动信息，控制6张卡牌移动至目标位置信息对应的区域，即将这6张卡牌以非直线展示形式展示在界面中，卡牌展示结果如图5所示。
在另一种实施方式中，电子设备获取各个UI元素对应的第一位置信息之前，各个UI元素均展示在初始显示区域中。例如，仍以卡牌类游戏为例，在卡牌类游戏开始之前，多张卡牌以堆叠的形式展示在界面中，可以将多张卡牌以堆叠的形式展示在界面时所占的区域称为初始显示区域。
在该实施方式中，可以根据初始显示区域和目标位置信息对应的区域之间的距离，确定该UI元素的移动信息。可以理解的是，对于一个UI元素而言，如果初始显示区域和目标位置信息所对应的区域之间的距离较大，该UI元素的移动速度可以较大，同样地，如果初始显示区域和目标位置信息所对应的区域之间的距离较小，该UI元素的移动速度可以较小。并且，为了保证各个UI元素在移动到目标位置信息对应的区域的过程中，各个UI元素互补遮挡，各个UI元素的移动轨迹可以互不相同。
本发明实施例提供的技术方案，电子设备在接收到展示多个UI元素的触发指令后，首先，获取各个UI元素对应的第一位置信息，其中，该第一位置信息为：以直线展示形式展示各个UI元素时，各个UI元素对应的位置信息；其次，按照预设的位置信息转换方式，将各个UI元素对应的第一位置信息转换为第二位置信息，其中，该位置信息转换方式为：用于将各个UI元素从直线展示形式转换为非直线展示形式的方式；最后，针对每一UI元素，将该UI元素展示在目标位置信息所对应的区域，该目标位置信息为该UI元素对应的第二位置信息。
为了满足用户的个性化体验，使得用户可以个性化地选择是否要将各个UI元素按照非直线展示形式进行展示。在步骤S110之前，所述UI元素展示方法还可以包括：
判断触发指令是否为用于触发多个UI元素非直线展示的指令；
如果触发指令为用于触发多个UI元素非直线展示的指令，执行步骤S110。
在该实施方式中，电子设备在接收到展示多个UI元素的触发指令后，判断所接收到的触发指令是否为用于触发多个UI元素非直线展示的指令。如果触发指令为用于触发多个UI元素非直线展示的指令，说明用户想要通过非直线展示形式来展示多个UI元素，此时，电子设备获取获取各个UI元素对应的第一位置信息；如果触发指令不是用于触发多个UI元素非直线展示的指令，说明用户不想通过非直线展示形式来展示多个UI元素，此时，电子设备可以将各个UI元素以直线展示形式来展示多个UI元素。
本发明实施例提供的技术方案，电子设备在接收到展示多个UI元素的触发指令后，首先，判断所接收到的触发指令是否为用于触发多个UI元素非直线展示的指令，如果是，获取各个UI元素对应的第一位置信息，其中，该第一位置信息为：以直线展示形式展示各个UI元素时，各个UI元素对应的位置信息；其次，按照预设的位置信息转换方式，将各个UI元素对应的第一位置信息转换为第二位置信息，其中，该位置信息转换方式为：用于将各个UI元素从直线展示形式转换为非直线展示形式的方式；最后，针对每一UI元素，将该UI元素展示在目标位置信息所对应的区域，该目标位置信息为该UI元素对应的第二位置信息。可见，通过本发明实施例提供的技术方案，电子设备能够通过非直线展示形式来展示多个UI元素，使得UI元素展示具有个性化，并能够满足用户的个性化体验。
上述实施例中，以卡牌类游戏为例对本发明实施例所提供的技术方案进行了阐述，为了方案清楚，下面将结合具体实例来对本发明实施例的技术方案进行进一步阐述。
具体实例一：
在该具体实例中，UI元素的类型为：网页界面。在终端的浏览器中，多个网页界面堆叠在一起。终端接收到展示多个网页界面的触发指令后，终端获取各个网页界面对应的第一位置信息；按照预设的位置信息转换方式，将各个网页界面对应的第一位置信息转换为第二位置信息；并将各个网页界面展示在第二位置信息所对应的区域中，此时，各个网页界面以非直线形式展示在界面中，其中，该非直线形式可以为：扇形形式、椭圆形式、抛物线形式、圆形形式等。
当用户点击或者拖动其中一个或者多个网页界面时，终端再次接收到展示多个网页界面的触发指令，再次获取各个网页界面对应的第一位置信息，并将再次获取的第一位置信息转换为第二位置信息，并且，终端可以确定各个网页界面对应的移动信息，按照转换得到的第二位置信息及所确定的移动信息，将各个网页界面展示在转换得到的第二位置信息对应的区域。
本领域技术人员可以理解的是，终端第一次获取的第一位置信息以及再次获取的第一位置信息可以相同，也可以不同。但是，终端第一次转换得到的第二位置信息与再次转换得到的第二位置信息不同。
具体实例二：
在该具体实例中，UI元素的类型为：游戏中玩家的头像。各个玩家的头像以直线形式展示在界面中，终端在接收到展示各个玩家的头像的触发指令后，获取各个玩家的头像对应的第一位置信息，并将获取的第一位置信息转换为第二位置信息，并将各个游戏玩家的头像展示在转换得到的第二位置信息所对应的区域中，从而各个游戏玩家以非直线形式展示在界面中。其中，该非直线形式可以为：扇形形式、椭圆形式、抛物线形式、圆形形式等。
当某个玩家的头像或者某几个玩家的头像的位置发生变化时，终端再次接收到展示多个游戏玩家的触发指令，再次获取各个玩家的头像对应的第一位置信息，并将再次获取的第一位置信息转换为第二位置信息，并且，终端可以确定各个玩家的头像对应的移动信息，按照转换得到的第二位置信息及所确定的移动信息，将各个玩家的头像展示在第二位置信息对应的区域。
本领域技术人员可以理解的是，终端第一次获取的第一位置信息以及再次获取的第一位置信息可以相同，也可以不同。但是，终端第一次转换得到的第二位置信息与再次转换得到的第二位置信息不同。
第二方面，本发明实施例还提供了一种UI元素展示装置，应用于电子设备，如图6所示，所述装置包括：
位置信息获取模块610，用于在接收到展示多个UI元素的触发指令后，获取各个UI元素对应的第一位置信息，其中，所述第一位置信息为：以直线展示形式展示各个UI元素时，各个UI元素对应的位置信息；
位置信息转换模块620，用于按照预设的位置信息转换方式，将各个UI元素对应的第一位置信息转换为第二位置信息，其中，所述预设的位置信息转换方式为：用于将所述各个UI元素从直线展示形式转换为非直线展示形式的方式；
UI元素展示模块630，用于针对每一UI元素，将该UI元素展示在目标位置信息所对应的区域，所述目标位置信息为该UI元素对应的第二位置信息。
本发明实施例提供的技术方案，电子设备在接收到展示多个UI元素的触发指令后，首先，获取各个UI元素对应的第一位置信息，其中，该第一位置信息为：以直线展示形式展示各个UI元素时，各个UI元素对应的位置信息；其次，按照预设的位置信息转换方式，将各个UI元素对应的第一位置信息转换为第二位置信息，其中，该位置信息转换方式为：用于将各个UI元素从直线展示形式转换为非直线展示形式的方式；最后，针对每一UI元素，将该UI元素展示在目标位置信息所对应的区域，该目标位置信息为该UI元素对应的第二位置信息。可见，通过本发明实施例提供的技术方案，电子设备能够通过非直线展示形式来展示多个UI元素，使得UI元素展示具有个性化。
可选的，所述装置还包括：
指令判断模块，用于在所述位置信息获取模块获取各个UI元素对应的第一位置信息之前，判断所述触发指令是否为用于触发多个UI元素非直线展示的指令；如果是，触发所述位置信息获取模块执行所述获取各个UI元素对应的第一位置信息的步骤。
可选的，所述UI元素展示模块，包括：
UI元素展示单元，用于针对每一UI元素，确定该UI元素对应的移动信息，并按照所述移动信息，控制该UI元素移动至目标位置信息所对应的区域。
可选的，所述UI元素展示单元，具体用于：
根据预设的各个UI元素的序号与移动信息的对应关系，确定该UI元素对应的移动信息。
可选的，所述装置还包括：
UI元素显示模块，用于在接收到展示多个UI元素的触发指令后，获取各个UI元素对应的第一位置信息之前，将各个UI元素均展示在初始显示区域；
所述UI元素展示单元，具体用于：
根据所述初始显示区域和所述目标位置信息对应的区域之间的距离，确定该UI元素的移动信息。
可选的，所述移动信息包括：移动速度和/或移动轨迹。
可选的，所述非直线展示形式包括：扇形形式或曲线形式。
可选的，所述UI元素为：卡牌、网页界面、游戏中玩家的头像中的任一种。
第三方面，本发明实施例还提供了一种电子设备，如图7所示，包括处理器701、通信接口702、存储器703和通信总线704，其中，处理器701，通信接口702，存储器703通过通信总线504完成相互间的通信，
存储器703，用于存放计算机程序；
处理器701，用于执行存储器703上所存放的程序时，实现第一方面所述的UI元素展示方法。
上述电子设备提到的通信总线可以是外设部件互连标准(Peripheral ComponentInterconnect，PCI)总线或扩展工业标准结构(Extended IndustryStandardArchitecture，EISA)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示，图中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。
通信接口用于上述电子设备与其他设备之间的通信。
存储器可以包括随机存取存储器(Random Access Memory，RAM)，也可以包括非易失性存储器(Non-Volatile Memory，NVM)，例如至少一个磁盘存储器。可选的，存储器还可以是至少一个位于远离前述处理器的存储装置。
上述的处理器可以是通用处理器，包括中央处理器(Central Processing Unit，CPU)、网络处理器(Network Processor，NP)等；还可以是数字信号处理器(Digital SignalProcessing，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现场可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
本发明实施例提供的技术方案，电子设备在接收到展示多个UI元素的触发指令后，首先，获取各个UI元素对应的第一位置信息，其中，该第一位置信息为：以直线展示形式展示各个UI元素时，各个UI元素对应的位置信息；其次，按照预设的位置信息转换方式，将各个UI元素对应的第一位置信息转换为第二位置信息，其中，该位置信息转换方式为：用于将各个UI元素从直线展示形式转换为非直线展示形式的方式；最后，针对每一UI元素，将该UI元素展示在目标位置信息所对应的区域，该目标位置信息为该UI元素对应的第二位置信息。可见，通过本发明实施例提供的技术方案，电子设备能够通过非直线展示形式来展示多个UI元素，使得UI元素展示具有个性化。
第四方面，本发明实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质内存储有计算机程序，所述计算机程序被处理器执行时实现第一方面所述的UI元素展示方法。
本发明实施例提供的技术方案，电子设备在接收到展示多个UI元素的触发指令后，首先，获取各个UI元素对应的第一位置信息，其中，该第一位置信息为：以直线展示形式展示各个UI元素时，各个UI元素对应的位置信息；其次，按照预设的位置信息转换方式，将各个UI元素对应的第一位置信息转换为第二位置信息，其中，该位置信息转换方式为：用于将各个UI元素从直线展示形式转换为非直线展示形式的方式；最后，针对每一UI元素，将该UI元素展示在目标位置信息所对应的区域，该目标位置信息为该UI元素对应的第二位置信息。可见，通过本发明实施例提供的技术方案，电子设备能够通过非直线展示形式来展示多个UI元素，使得UI元素展示具有个性化。
需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个......”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
本说明书中的各个实施例均采用相关的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置、电子设备及存储介质实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围内。
Claims (18)
1.一种UI元素展示方法，其特征在于，应用于电子设备，所述方法包括：
在接收到展示多个UI元素的触发指令后，获取预定区域的坐标信息和各个UI元素的尺寸信息，并根据预定区域的坐标信息和各个UI元素的尺寸信息，确定各个UI元素的第一位置信息，其中，所述第一位置信息为：以直线展示形式展示各个UI元素时，各个UI元素对应的位置信息，所述预定区域为预先确定的用于展示各个UI元素的区域；
按照预设的位置信息转换方式，将所述各个UI元素对应的第一位置信息转换为第二位置信息，其中，所述预设的位置信息转换方式为：用于将所述各个UI元素从直线展示形式转换为非直线展示形式的方式；
针对每一UI元素，将该UI元素展示在目标位置信息所对应的区域，所述目标位置信息为该UI元素对应的第二位置信息。
2.根据权利要求1所述的方法，其特征在于，所述获取预定区域的坐标信息和各个UI元素的尺寸信息，并根据预定区域的坐标信息和各个UI元素的尺寸信息，确定各个UI元素的第一位置信息的步骤之前，所述方法还包括：
判断所述触发指令是否为用于触发多个UI元素非直线展示的指令；
如果是，执行所述获取预定区域的坐标信息和各个UI元素的尺寸信息，并根据预定区域的坐标信息和各个UI元素的尺寸信息，确定各个UI元素的第一位置信息的步骤。
3.根据权利要求1或2所述的方法，其特征在于，所述针对每一UI元素，将该UI元素展示在目标位置信息所对应的区域的步骤，包括：
针对每一UI元素，确定该UI元素对应的移动信息，并按照所述移动信息，控制该UI元素移动至目标位置信息所对应的区域。
4.根据权利要求3所述的方法，其特征在于，所述确定该UI元素的移动信息的步骤，包括：
根据预设的各个UI元素的序号与移动信息的对应关系，确定该UI元素对应的移动信息。
5.根据权利要求3所述的方法，其特征在于，在接收到展示多个UI元素的触发指令后，获取预定区域的坐标信息和各个UI元素的尺寸信息，并根据预定区域的坐标信息和各个UI元素的尺寸信息，确定各个UI元素的第一位置信息之前，所述方法还包括：
将各个UI元素均展示在初始显示区域；
所述确定该UI元素的移动信息的步骤，包括：
根据所述初始显示区域和所述目标位置信息对应的区域之间的距离，确定该UI元素的移动信息。
6.根据权利要求3所述的方法，其特征在于，所述移动信息包括：移动速度和/或移动轨迹。
7.根据权利要求1或2所述的方法，其特征在于，所述非直线展示形式包括：扇形形式或曲线形式。
8.根据权利要求1所述的方法，其特征在于，所述UI元素为：卡牌、网页界面、游戏中玩家的头像中的任一种。
9.一种UI元素展示装置，其特征在于，应用于电子设备，所述装置包括：
位置信息获取模块，用于在接收到展示多个UI元素的触发指令后，获取预定区域的坐标信息和各个UI元素的尺寸信息，并根据预定区域的坐标信息和各个UI元素的尺寸信息，确定各个UI元素的第一位置信息，其中，所述第一位置信息为：以直线展示形式展示各个UI元素时，各个UI元素对应的位置信息，所述预定区域为预先确定的用于展示各个UI元素的区域；
位置信息转换模块，用于按照预设的位置信息转换方式，将所述各个UI元素对应的第一位置信息转换为第二位置信息，其中，所述预设的位置信息转换方式为：用于将各个UI元素从直线展示形式转换为非直线展示形式的方式；
UI元素展示模块，用于针对每一UI元素，将该UI元素展示在目标位置信息所对应的区域，所述目标位置信息为该UI元素对应的第二位置信息。
10.根据权利要求9所述的装置，其特征在于，所述装置还包括：
指令判断模块，用于在所述位置信息获取模块获取预定区域的坐标信息和各个UI元素的尺寸信息，并根据预定区域的坐标信息和各个UI元素的尺寸信息，确定各个UI元素的第一位置信息之前，判断所述触发指令是否为用于触发多个UI元素非直线展示的指令；如果是，触发所述位置信息获取模块执行所述获取预定区域的坐标信息和各个UI元素的尺寸信息，并根据预定区域的坐标信息和各个UI元素的尺寸信息，确定各个UI元素的第一位置信息的步骤。
11.根据权利要求9或10所述的装置，其特征在于，所述UI元素展示模块，包括：
UI元素展示单元，用于针对每一UI元素，确定该UI元素对应的移动信息，并按照所述移动信息，控制该UI元素移动至目标位置信息所对应的区域。
12.根据权利要求11所述的装置，其特征在于，所述UI元素展示单元，具体用于：
根据预设的各个UI元素的序号与移动信息的对应关系，确定该UI元素对应的移动信息。
13.根据权利要求11所述的装置，其特征在于，所述装置还包括：
UI元素显示模块，用于在接收到展示多个UI元素的触发指令后，获取预定区域的坐标信息和各个UI元素的尺寸信息，并根据预定区域的坐标信息和各个UI元素的尺寸信息，确定各个UI元素的第一位置信息之前，将所述各个UI元素均展示在初始显示区域；
所述UI元素展示单元，具体用于：
根据所述初始显示区域和所述目标位置信息对应的区域之间的距离，确定该UI元素的移动信息。
14.根据权利要求11所述的装置，其特征在于，所述移动信息包括：移动速度和/或移动轨迹。
15.根据权利要求9或10所述的装置，其特征在于，所述非直线展示形式包括：扇形形式或曲线形式。
16.根据权利要求9所述的装置，其特征在于，所述UI元素为：卡牌、网页界面、游戏中玩家的头像中的任一种。
17.一种电子设备，其特征在于，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；
存储器，用于存放计算机程序；
处理器，用于执行存储器上所存放的程序时，实现权利要求1-8任一所述的方法步骤。
18.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质内存储有计算机程序，所述计算机程序被处理器执行时实现权利要求1-8任一所述的方法步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810844085.XA CN109002293B (zh) | 2018-07-27 | 2018-07-27 | 一种ui元素展示方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810844085.XA CN109002293B (zh) | 2018-07-27 | 2018-07-27 | 一种ui元素展示方法、装置、电子设备及存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN109002293A CN109002293A (zh) | 2018-12-14 |
| CN109002293B true CN109002293B (zh) | 2022-03-04 |
Family
ID=64596466
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810844085.XA Active CN109002293B (zh) | 2018-07-27 | 2018-07-27 | 一种ui元素展示方法、装置、电子设备及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109002293B (zh) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110555123B (zh) * | 2019-07-23 | 2022-09-02 | 深圳赛安特技术服务有限公司 | 界面元素曲线运动的处理方法、装置和计算机设备 |
| CN113332727A (zh) * | 2021-06-08 | 2021-09-03 | 在线途游（北京）科技有限公司 | 一种自动生成游戏关卡的方法及系统 |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106250153A (zh) * | 2016-08-01 | 2016-12-21 | 乐视控股（北京）有限公司 | 一种用户界面控制方法及设备 |
| CN107817930A (zh) * | 2017-10-25 | 2018-03-20 | 珠海市魅族科技有限公司 | 一种桌面元素展示方法及装置 |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US9423927B2 (en) * | 2013-12-04 | 2016-08-23 | Cellco Partnership | Managing user interface elements using gestures |
-
2018
- 2018-07-27 CN CN201810844085.XA patent/CN109002293B/zh active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106250153A (zh) * | 2016-08-01 | 2016-12-21 | 乐视控股（北京）有限公司 | 一种用户界面控制方法及设备 |
| CN107817930A (zh) * | 2017-10-25 | 2018-03-20 | 珠海市魅族科技有限公司 | 一种桌面元素展示方法及装置 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN109002293A (zh) | 2018-12-14 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109718538B (zh) | 游戏中虚拟对象的框选方法及装置、电子设备、存储介质 | |
| CN109885245B (zh) | 应用控制方法、装置、终端设备及计算机可读取存储介质 | |
| CN106990883B (zh) | 图标移动方法、图标移动系统及终端 | |
| CN107704157B (zh) | 一种多屏界面操作方法、装置及存储介质 | |
| CN111338506B (zh) | 触摸响应方法、装置、电子设备及存储介质 | |
| CN107479818B (zh) | 一种信息交互方法及移动终端 | |
| CN109960448B (zh) | 场景特效显示方法、电子设备及计算机存储介质 | |
| CN110841291A (zh) | 游戏中快捷消息的交互方法、装置及电子设备 | |
| US11803248B2 (en) | Gesture operation method, apparatus, device and medium | |
| CN112218134B (zh) | 一种输入方法以及相关设备 | |
| CN118113204A (zh) | 长截屏方法、装置、终端及存储介质 | |
| CN105843547A (zh) | 一种页面滑动方法及装置 | |
| CN109002293B (zh) | 一种ui元素展示方法、装置、电子设备及存储介质 | |
| CN106648281B (zh) | 一种截图方法及装置 | |
| CN110825278A (zh) | 电子设备及截屏方法 | |
| WO2022252748A1 (zh) | 虚拟物品的处理方法、装置、设备及存储介质 | |
| CN108815843B (zh) | 虚拟摇杆的控制方法与装置 | |
| CN113835585A (zh) | 基于导航的应用界面切换方法、装置、设备及存储介质 | |
| CN111796746B (zh) | 音量调节方法、音量调节装置和电子设备 | |
| CN109491746A (zh) | 一种触屏终端点透解决方法、装置、触屏终端及存储介质 | |
| CN113176904A (zh) | 应用启动动画的调整方法和装置 | |
| CN112256178A (zh) | 一种应用图标的调整方法、装置以及系统 | |
| CN108874141B (zh) | 一种体感浏览方法和装置 | |
| CN113721820B (zh) | 人机交互方法、装置和电子设备 | |
| CN107885452A (zh) | 3D‑Touch模拟方法及装置、计算机装置和计算机可读存储介质 |
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 | ||
| CP03 | Change of name, title or address | ||
| CP03 | Change of name, title or address |
Address after: 519000 Room 102, 202, 302 and 402, No. 325, Qiandao Ring Road, Tangjiawan Town, high tech Zone, Zhuhai City, Guangdong Province, Room 102 and 202, No. 327 and Room 302, No. 329 Patentee after: Zhuhai Jinshan Digital Network Technology Co.,Ltd. Patentee after: ZHUHAI XISHANJU INTERACTIVE ENTERTAINMENT TECHNOLOGY Co.,Ltd. Address before: 519080 Room 102, No. 325, Qiandao Ring Road, Tangjiawan Town, high tech Zone, Zhuhai City, Guangdong Province Patentee before: ZHUHAI KINGSOFT ONLINE GAME TECHNOLOGY Co.,Ltd. Patentee before: ZHUHAI XISHANJU INTERACTIVE ENTERTAINMENT TECHNOLOGY Co.,Ltd. |