一种UI元素展示方法、装置、电子设备及存储介质制造方法及图纸

技术编号:19778031 阅读:33 留言:0更新日期:2018-12-15 11:13
本发明专利技术实施例提供了一种UI元素展示方法、装置、电子设备及存储介质,该方法包括:在接收到展示多个UI元素的触发指令后,获取各个UI元素对应的第一位置信息,其中,第一位置信息为:以直线展示形式展示各个UI元素时,各个UI元素对应的位置信息;按照预设的位置信息转换方式,将各个UI元素对应的第一位置信息转换为第二位置信息,其中,位置信息转换方式为:用于将各个UI元素从直线展示形式转换为非直线展示形式的方式;针对每一UI元素,将该UI元素展示在目标位置信息所对应的区域,目标位置信息为该UI元素对应的第二位置信息。可见,通过本发明专利技术实施例提供的技术方案,电子设备能够通过非直线展示形式来展示多个UI元素,使得UI元素展示具有个性化。

【技术实现步骤摘要】
一种UI元素展示方法、装置、电子设备及存储介质
本专利技术涉及互联网
,特别是涉及一种UI元素展示方法、装置、电子设备及存储介质。
技术介绍
UI(UserInterface,用户界面)是指对软件的人机交互、操作逻辑、界面美观的整体设计。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为本专利技术实施例所提供的一种电子设备的结构示意图。具体实施方式下面将结合本专利技术实施例中的附图,对本专利技术实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本专利技术一部分实施例,而不是全部的实施例。基于本专利技术中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本专利技术保护的范围。为本文档来自技高网...

【技术保护点】
1.一种UI元素展示方法,其特征在于,应用于电子设备,所述方法包括:在接收到展示多个UI元素的触发指令后,获取各个UI元素对应的第一位置信息,其中,所述第一位置信息为:以直线展示形式展示各个UI元素时,各个UI元素对应的位置信息;按照预设的位置信息转换方式,将所述各个UI元素对应的第一位置信息转换为第二位置信息,其中,所述预设的位置信息转换方式为:用于将所述各个UI元素从直线展示形式转换为非直线展示形式的方式;针对每一UI元素,将该UI元素展示在目标位置信息所对应的区域,所述目标位置信息为该UI元素对应的第二位置信息。

【技术特征摘要】
1.一种UI元素展示方法,其特征在于,应用于电子设备,所述方法包括:在接收到展示多个UI元素的触发指令后,获取各个UI元素对应的第一位置信息,其中,所述第一位置信息为:以直线展示形式展示各个UI元素时,各个UI元素对应的位置信息;按照预设的位置信息转换方式,将所述各个UI元素对应的第一位置信息转换为第二位置信息,其中,所述预设的位置信息转换方式为:用于将所述各个UI元素从直线展示形式转换为非直线展示形式的方式;针对每一UI元素,将该UI元素展示在目标位置信息所对应的区域,所述目标位置信息为该UI元素对应的第二位置信息。2.根据权利要求1所述的方法,其特征在于,所述获取各个UI元素对应的第一位置信息的步骤之前,所述方法还包括:判断所述触发指令是否为用于触发多个UI元素非直线展示的指令;如果是,执行所述获取各个UI元素对应的第一位置信息的步骤。3.根据权利要求1或2所述的方法,其特征在于,所述针对每一UI元素,将该UI元素展示在目标位置信息所对应的区域的步骤,包括:针对每一UI元素,确定该UI元素对应的移动信息,并按照所述移动信息,控制该UI元素移动至目标位置信息所对应的区域。4.根据权利要求3所述的方法,其特征在于,所述确定该UI元素的移动信息的步骤,包括:根据预设的各个UI元素的序号与移动信息的对应关系,确定该UI元素对应的移动信息。5.根据权利要求3所述的方法,其特征在于,在接收到展示多个UI元素的触发指令后,获取各个UI元素对应的第一位置信息之前,所述方法还包括:将各个UI元素均展示在初始显示区域;所述确定该UI元素的移动信息的步骤,包括:根据所述初始显示区域和所述目标位置信息对应的区域之间的距离,确定该UI元素的移动信息。6.根据权利要求3所述的方法,其特征在于,所述移动信息包括:移动速度和/或移动轨迹。7.根据权利要求1或2所述的方法,其特征在于,所述非直线展示形式包括:扇形形式或曲线形式。8.根据权利要求1所述的方法,其特征在于,所述UI元素为:卡牌、网页界面、游戏中玩家的头像中的任一种。9.一种UI元素展示装置,其特征在于,应用于电子设备,所述装置包括:位置信息获取模块,用于在接收到展示多个UI元素的触发指令后,获取各个UI元素对应的第一位置信息,其中,所述第一位置信息为:以直线展示形式展示各个UI元素时,各个UI元素对应的位置信息;位...

【专利技术属性】
技术研发人员:李金龙杨超群
申请(专利权)人:珠海金山网络游戏科技有限公司珠海西山居互动娱乐科技有限公司
类型:发明
国别省市:广东,44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1