CN113641443B - 界面元素的显示方法、装置、设备及可读存储介质 - Google Patents

界面元素的显示方法、装置、设备及可读存储介质 Download PDF

Info

Publication number
CN113641443B
CN113641443B CN202111016504.9A CN202111016504A CN113641443B CN 113641443 B CN113641443 B CN 113641443B CN 202111016504 A CN202111016504 A CN 202111016504A CN 113641443 B CN113641443 B CN 113641443B
Authority
CN
China
Prior art keywords
tab
virtual
display area
dimensional model
dimensional
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
Application number
CN202111016504.9A
Other languages
English (en)
Other versions
CN113641443A (zh
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.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen 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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN202111016504.9A priority Critical patent/CN113641443B/zh
Publication of CN113641443A publication Critical patent/CN113641443A/zh
Application granted granted Critical
Publication of CN113641443B publication Critical patent/CN113641443B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

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/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • 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
    • G06F3/04842Selection of displayed objects or displayed text elements
    • 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/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请公开了一种界面元素的显示方法、装置、设备及可读存储介质,涉及界面交互领域。该方法包括:显示元素选择界面,元素选择界面中包括三维模型展示区域和页签展示区域;在处于第一页签时接收页签切换操作;响应于页签切换操作,在页签展示区域从第一页签切换至展示第二页签;在三维模型展示区域中对第二页签对应的虚拟元素进行展示。通过三维模型展示区域和页签展示区域对虚拟元素通过多个页签进行展示,并在单个页签内,通过三维模型的形式对虚拟元素进行展示,提高了虚拟元素的展示效率,通过多个页签之间的切换在多个虚拟元素之间进行切换展示,提高了虚拟元素详情了解的人机交互效率。

Description

界面元素的显示方法、装置、设备及可读存储介质
技术领域
本申请实施例涉及界面交互领域,特别涉及一种界面元素的显示方法、装置、设备及可读存储介质。
背景技术
在游戏应用程序或者一些基于虚拟环境的应用程序中,玩家通常能够在商店界面中对道具、技能、服装、配饰、皮肤等元素进行购买,购买后的道具即为玩家持有的道具,并能够在游戏中体现。
相关技术中,在商店界面中,通常采用卡片列表的形式对待出售的元素进行展示,如:在商店界面的配饰类目中显示有卡片列表,卡片列表中包括多个待出售配饰对应的卡片,如:卡片1上显示配饰a的信息,卡片2上显示配饰b的信息等。
然而,通过上述方式显示待出售元素时,当用户需要对该待出售元素进一步了解时,需要点击对应的卡片,从而跳转至详细信息界面进行了解,该信息了解过程较为繁琐,玩家与待出售元素之间的人机交互效率较低。
发明内容
本申请实施例提供了一种界面元素的显示方法、装置、设备及可读存储介质,可以提高玩家对待出售元素进行了解的人机交互效率。所述技术方案如下:
一方面,提供了一种界面元素的显示方法,所述方法包括:
显示元素选择界面,所述元素选择界面中包括三维模型展示区域和页签展示区域,所述页签展示区域对应至少两个页签,所述三维模型展示区域用于对当前页签对应的虚拟空间中的虚拟元素进行展示,所述虚拟元素以三维模型的形式展示;
在处于所述第一页签时接收页签切换操作,所述页签切换操作用于指示在页签之间进行切换显示;
响应于所述页签切换操作,在所述页签展示区域从所述第一页签切换至展示第二页签,所述第二页签为所述第一页签的邻接页签;
在所述三维模型展示区域中对所述第二页签对应的虚拟元素进行展示,其中,所述第一页签和所述第二页签对应的虚拟空间存在空间邻接关系。
另一方面,提供了一种界面元素的显示装置,所述装置包括:
显示模块,用于显示元素选择界面,所述元素选择界面中包括三维模型展示区域和页签展示区域,所述页签展示区域对应至少两个页签,所述三维模型展示区域用于对当前页签对应的虚拟空间中的虚拟元素进行展示,所述虚拟元素以三维模型的形式展示;
接收模块,用于在处于所述第一页签时接收页签切换操作,所述页签切换操作用于指示在页签之间进行切换显示;
所述显示模块,还用于响应于所述页签切换操作,在所述页签展示区域从所述第一页签切换至展示第二页签,所述第二页签为所述第一页签的邻接页签;
所述显示模块,还用于在所述三维模型展示区域中对所述第二页签对应的虚拟元素进行展示,其中,所述第一页签和所述第二页签对应的虚拟空间存在空间邻接关系。
另一方面,提供了一种计算机设备,所述计算机设备包括处理器和存储器,所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如上述本申请实施例中任一所述的界面元素的显示方法。
另一方面,提供了一种计算机可读存储介质,所述存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现如上述本申请实施例中任一所述的界面元素的显示方法。
另一方面,提供了一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该计算机设备执行上述实施例中任一所述的界面元素的显示方法。
本申请实施例提供的技术方案带来的有益效果至少包括:
通过三维模型展示区域和页签展示区域对虚拟元素通过多个页签进行展示,并在单个页签内,通过三维模型的形式对虚拟元素进行展示,提高了虚拟元素的展示效率,通过多个页签之间的切换在多个虚拟元素之间进行切换展示,提高了虚拟元素详情了解的人机交互效率,避免正对单个虚拟元素进行选择以对详细信息进行了解的繁琐过程,提高了信息传递效率。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请一个示例性实施例提供的相关技术中商店界面的界面示意图;
图2是本申请一个示例性实施例提供的终端的结构框图;
图3是本申请一个示例性实施例提供的实施环境示意图;
图4是本申请一个示例性实施例提供的界面元素的显示界面示意图;
图5是本申请一个示例性实施例提供的界面元素的显示方法的流程图;
图6是基于图5示出的实施例提供的页签及元素切换过程示意图;
图7是本申请另一个示例性实施例提供的界面元素的显示方法的流程图;
图8是基于图7示出的实施例提供的虚拟空间示意图;
图9是基于图7示出的实施例提供的页签切换的逻辑过程示意图;
图10是本申请另一个示例性实施例提供的界面元素的显示方法的流程图;
图11是基于图10示出的实施例提供的根据拖动操作切换元素的示意图;
图12是基于图10示出的实施例提供的子页签切换的示意图;
图13是本申请一个示例性实施例提供的界面元素的显示装置的结构框图;
图14是本申请另一个示例性实施例提供的界面元素的显示装置的结构框图;
图15是本申请一个示例性的实施例提供的终端的结构框图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合附图对本申请实施方式作进一步地详细描述。
图1是本申请一个示例性实施例提供的相关技术中商店界面的界面示意图。如图1所示,在商店界面100中显示有待出售的候选英雄列表110,其中,每个待出售的候选英雄以卡片的形式显示在候选英雄列表110中,玩家能够针对候选英雄列表110中的英雄卡片进行选择,从而对英雄相关的详细信息进行查看,以及对英雄进行购买。
然而,上述英雄的显示方式中,对英雄相关的信息进行查看的过程较为繁琐,导致人机交互效率较低。
本申请中的终端可以是台式计算机、膝上型便携计算机、手机、平板电脑、电子书阅读器、MP3(Moving Picture Experts Group Audio Layer III,动态影像专家压缩标准音频层面3)播放器、MP4(Moving Picture Experts Group Audio Layer IV,动态影像专家压缩标准音频层面4)播放器等等。该终端中安装和运行有支持虚拟环境的应用程序,比如支持三维虚拟环境的应用程序。该应用程序可以是虚拟现实应用程序、三维地图程序、第三人称射击游戏(Third-Person Shooting game,FPS)、第一人称射击游戏(First-PersonShooting game,FPS)、多人在线战术竞技游戏(Multiplayer Online Battle ArenaGames,MOBA)中的任意一种。可选地,该应用程序可以是单机版的应用程序,比如单机版的三维游戏程序,也可以是网络联机版的应用程序。
图2示出了本申请一个示例性实施例提供的电子设备的结构框图。该电子设备200包括:操作系统220和应用程序222。
操作系统220是为应用程序222提供对计算机硬件的安全访问的基础软件。
应用程序222是支持虚拟环境的应用程序。可选地,应用程序222是支持三维虚拟环境的应用程序。该应用程序222可以是虚拟现实应用程序、三维地图程序、TPS游戏、FPS游戏、MOBA游戏、多人枪战类生存游戏中的任意一种。该应用程序222可以是单机版的应用程序,比如单机版的三维游戏程序,也可以是网络联机版的应用程序。
图3示出了本申请一个示例性实施例提供的计算机系统的结构框图。该计算机系统300包括:第一设备320、服务器340和第二设备360。
第一设备320安装和运行有支持虚拟环境的应用程序。该应用程序可以是虚拟现实应用程序、三维地图程序、TPS游戏、FPS游戏、MOBA游戏、多人枪战类生存游戏中的任意一种。第一设备320是第一用户使用的设备,第一用户使用第一设备320控制位于虚拟环境中的第一虚拟对象进行活动,该活动包括但不限于:调整身体姿态、爬行、步行、奔跑、骑行、跳跃、驾驶、拾取、射击、攻击、投掷中的至少一种。示意性的,第一虚拟对象是第一虚拟人物,比如仿真人物角色或动漫人物角色。
第一设备320通过无线网络或有线网络与服务器340相连。
服务器340包括一台服务器、多台服务器、云计算平台和虚拟化中心中的至少一种。服务器340用于为支持三维虚拟环境的应用程序提供后台服务。可选地,服务器340承担主要计算工作,第一设备320和第二设备360承担次要计算工作;或者,服务器340承担次要计算工作,第一设备320和第二设备360承担主要计算工作;或者,服务器340、第一设备320和第二设备360三者之间采用分布式计算架构进行协同计算。
第二设备360安装和运行有支持虚拟环境的应用程序。该应用程序可以是虚拟现实应用程序、三维地图程序、FPS游戏、MOBA游戏、多人枪战类生存游戏中的任意一种。第二设备360是第二用户使用的设备,第二用户使用第二设备360控制位于虚拟环境中的第二虚拟物体进行活动,该活动包括但不限于:调整身体姿态、爬行、步行、奔跑、骑行、跳跃、驾驶、拾取、射击、攻击、投掷中的至少一种。示意性的,第二虚拟物体是第二虚拟人物,比如仿真人物角色或动漫人物角色。
可选地,第一虚拟人物和第二虚拟人物处于同一虚拟环境中。可选地,第一虚拟人物和第二虚拟人物可以属于同一个队伍、同一个组织、具有好友关系或具有临时性的通讯权限。可选地,第一虚拟人物和第二虚拟人物也可以属于不同队伍、不同组织、或具有敌对性的两个团体。
可选地,第一设备320和第二设备360上安装的应用程序是相同的,或两个设备上安装的应用程序是不同控制系统平台的同一类型应用程序。第一设备320可以泛指多个设备中的一个,第二设备360可以泛指多个设备中的一个,本实施例仅以第一设备320和第二设备360来举例说明。第一设备320和第二设备360的设备类型相同或不同,该设备类型包括:游戏主机、台式计算机、智能手机、平板电脑、电子书阅读器、MP3播放器、MP4播放器和膝上型便携计算机中的至少一种。以下实施例以设备是台式计算机来举例说明。
本领域技术人员可以知晓,上述设备的数量可以更多或更少。比如上述设备可以仅为一个,或者上述设备为几十个或几百个,或者更多数量。本申请实施例对设备的数量和设备类型不加以限定。
值得注意的是,上述服务器340可以实现为物理服务器,也可以实现为云端的云服务器,其中,云技术(Cloud technology)是指在广域网或局域网内将硬件、软件、网络等系列资源统一起来,实现数据的计算、储存、处理和共享的一种托管技术。云技术基于云计算商业模式应用的网络技术、信息技术、整合技术、管理平台技术、应用技术等的总称,可以组成资源池,按需所用,灵活便利。云计算技术将变成重要支撑。技术网络系统的后台服务需要大量的计算、存储资源,如视频网站、图片类网站和更多的门户网站。伴随着互联网行业的高度发展和应用,将来每个物品都有可能存在自己的识别标志,都需要传输到后台系统进行逻辑处理,不同程度级别的数据将会分开处理,各类行业数据皆需要强大的系统后盾支撑,只能通过云计算来实现。
在一些实施例中,本申请实施例提供的方法可以应用于云游戏场景中,从而通过云服务器完成游戏过程中数据逻辑的计算,而终端负责游戏界面的显示。
在一些实施例中,上述服务器340还可以实现为区块链系统中的节点。区块链(Blockchain)是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链,本质上是一个去中心化的数据库,是一串使用密码学方法相关联产生的数据块,每一个数据块中包含了一批次网络交易的信息,用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层。
本申请实施例中,针对商城界面,通过页签的方式对多个待售的候选元素进行显示,示意性的,如图4所示,在商城界面400中包括三维模型展示区域410和页签展示区域420,其中,页签展示区域420中指示当前商城界面400中包括5个页签,或者,当前商城界面400中所显示的类目对应包括5个页签,在5个页签之间进行滑动显示,从而对每个页签对应的待售候选元素进行展示。
其中,待售的候选元素在三维模型展示区域410中通过三维模型的形式展示。其中,在三维模型展示区域410中直接展示待售的候选元素;或者,在三维模型展示区域410中显示三维虚拟人物,并在三维虚拟人物的辅助下显示待售的候选元素。
结合上述名词简介以及实施环境说明,对本申请实施例中提供的界面元素的显示方法进行说明,请参考图5,其示出了本申请一个示例性实施例提供的界面元素的显示方法的流程图,以该方法应用于终端中为例进行说明,如图5所示,该方法包括:
步骤501,显示元素选择界面,元素选择界面中包括三维模型展示区域和页签展示区域。
页签展示区域对应至少两个页签。三维模型展示区域用于以三维模型的形式对当前页签对应的虚拟元素进行展示。可选地,三维模型展示区域用于对当前页签对应的虚拟空间中的虚拟元素进行展示,虚拟元素以三维模型的形式展示。
在一些实施例中,虚拟元素包括虚拟道具、虚拟配饰、虚拟服装、虚拟皮肤、虚拟特效、虚拟角色等元素中的至少一种。其中,上述虚拟元素直接以三维模型的形式展示在三维模型展示区域中,如:在三维底座上显示三维虚拟道具、悬空显示三维虚拟配饰等,或者,上述虚拟元素附着在虚拟对象上在三维模型展示区域中进行展示,如:虚拟人物手持三维虚拟道具、虚拟人物佩戴三维虚拟配饰等。本实施例中,以虚拟元素附着在虚拟对象上在三维模型展示区域中进行展示为例进行说明,且以虚拟对象实现为虚拟人物为例进行说明。
示意性的,以上述虚拟元素为例,则当虚拟元素实现为虚拟道具时,虚拟人物手持虚拟道具在三维模型展示区域中进行展示;当虚拟元素实现为虚拟配饰时,则虚拟人物佩戴虚拟配饰在三维模型展示区域中进行展示;当虚拟元素实现为虚拟服装时,则虚拟人物穿着虚拟服装在三维模型展示区域中进行展示;当虚拟元素实现为虚拟皮肤时,则虚拟人物表现为虚拟皮肤的样式在三维模型展示区域中进行展示;当虚拟元素实现为虚拟特效时,则针对虚拟人物以虚拟特效的形式在三维模型展示区域中进行显示。值得注意的是,本实施例中以上述虚拟元素为例进行说明,虚拟元素还可以实现为其他形式的元素,本实施例对此不加以限定。
每个页签对应一个或者一组虚拟元素。
当每个页签对应一个虚拟元素,则通过在各个页签之间切换从而实现在各个虚拟元素之间切换展示;当每个页签对应一组虚拟元素,则在单个页签内,通过对虚拟元素的选择操作在各个虚拟元素之间切换显示,通过在各个页签之间的切换从而实现在各组虚拟元素之间的切换展示。
可选地,页签展示区域所对应的至少两个页签为与同一元素类型对应的页签,也即,页签展示区域中展示的至少两个页签用于对同一类型的虚拟元素进行展示。在一些实施例中,首先对需要展示的虚拟元素类型进行选择,从而在页签展示区域中展示与虚拟元素类型对应的至少两个页签,分别用于展示该虚拟元素类型下的至少两个虚拟元素。示意性的,接收对虚拟元素类型“帽子”的选择操作,从而在页签展示区域中展示与帽子对应的页签1和页签2,其中,页签1用于展示帽子1,页签2用于展示帽子2;或者,页签1用于展示鸭舌帽,页签2用于展示渔夫帽。
步骤502,在处于第一页签时接收页签切换操作。
页签切换操作用于指示在页签之间进行切换显示。
其中,页签切换操作包括滑动操作、点击操作、长按操作、重力按压操作等操作类型中的至少一种。示意性的,针对页签切换操作包括如下情况中的至少一种:
第一,接收在元素选择界面上的滑动操作,根据滑动操作的滑动方向确定在页签之间的切换方向,如:滑动操作为向左滑动操作时,则从当前页签切换至下一页签,滑动操作为向右滑动操作时,则从当前页签切换至上一页签;
第二,接收在元素选择界面上的点击操作,根据点击操作的点击位置确定在页签之间的切换方向,如:点击操作位于元素选择界面的左半屏,则从当前页签切换至上一页签,点击操作位于元素选择界面的右半屏,则从当前页签切换至下一页签;
第三,当接收到在元素选择界面上的长按操作,从当前页签切换至下一页签,当接收到在元素选择界面上的重力按压操作,则从当前页签切换至上一页签。
值得注意的是,上述页签切换操作的切换方式仅为示意性的举例,本申请实施例对此不加以限定。
其中,由于页签为按序排列的,故页签之间存在前后衔接关系。其中,第一页签可以是任意一个页签,如:第一页签为所有页签中排列顺序位于第一个的页签;或者,第一页签为所有页签中排列顺序位于中间位置的页签;或者,第一页签为所有页签中排列顺序位于最后一个的页签,本实施例对此不加以限定。
步骤503,响应于页签切换操作,在页签展示区域从第一页签切换至第二页签,第二页签为第一页签的邻接页签。
在一些实施例中,页签展示区域中的页签呈环形排列,也即,页签展示区域中的第一个页签既与第二个页签邻接,又与最后一个页签邻接。
根据页签切换操作对应的切换方向,在页签展示区域中从第一页签切换至第二页签。示意性的,当页签切换操作指示切换方向为向下一个页签切换,则第二页签为第一页签的下一个页签,如:页签展示区域中包括m个页签,第一页签为第q个页签,1≤q≤m-1,则第二页签为第q+1个页签,第一页签为第m个页签时,则第二页签为第1个页签。
当页签切换操作指示切换方向为向上一个页签切换,则第二页签为第一页签的上一个页签,如:页签展示区域中包括m个页签,第一页签为第q个页签,2≤q≤m,则第二页签为第q-1个页签,第一页签为第1个页签时,则第二页签为第m个页签。
在一些实施例中,响应于页签切换操作的连续执行,则在页签之间进行连续切换。示意性的,以页签切换操作实现为滑动操作为例,单次第一距离的滑动操作对应一次页签切换操作,当滑动操作连续滑动第二距离,且第二距离中包含j个第一距离的长度时,则对应为连续执行j次页签切换操作,j为正整数,如:当前位于第1个页签,滑动操作开始后,当达到第一距离时,确定接收到一次页签切换操作,并切换至第2个页签,此时滑动操作并未终止,并继续达到第二个第一距离,则确定再次接收到一次页签切换操作,并切换至第3个页签,依次类推。
步骤504,在三维模型展示区域中对第二页签对应的虚拟元素进行展示。
第一页签和第二页签对应的虚拟空间存在空间邻接关系。也即,对应第二页签为第一页签的邻接页签,第二页签所对应需要展示的三维模型在空间上与第一页签对应需要展示的三维模型存在空间邻接关系,也即第一页签需要展示的三维模型和第二页签需要展示的三维模型处于相邻的虚拟空间中。
其中,第二页签与第一页签的邻接方向,与第一页签和第二页签对应的虚拟空间的空间邻接方向一致。如:第二页签为第一页签的下一页签,也即第二页签位于第一页签的右侧时,第二页签的三维模型所处的虚拟空间位于第一页签的三维模型所处的虚拟空间的右侧。
在一些实施例中,第一页签和第二页签之间三维模型的空间邻接关系体现为如下形式中的至少一种:
第一,第一页签和第二页签分别对应独立的三维模型,当从第一页签切换至第二页签时,从第一页签对应的第一虚拟空间切换至第二页签对应的第二虚拟空间,第一虚拟空间中包括与第一页签对应的三维模型,第二虚拟空间中包括与第二页签对应的三维模型,从而实现在三维模型之间的切换展示;
第二,第一页签和第二页签对应同一个基准三维人物,在同一个基准三维人物的基础上对虚拟元素进行切换显示,也即,基准三维人物固定位于三维模型展示区域中,第一页签对应第一虚拟元素,第二页签对应第二虚拟元素,当从第一页签切换至第二页签时,将第一页签对应的第一虚拟元素滑动离开三维人物,并将第二页签对应的第二虚拟元素滑动附着至三维人物进行展示。也即,基准三维人物固定不变,第一虚拟元素位于第一虚拟空间中,第二虚拟元素位于第二虚拟空间中,通过在第一虚拟空间和第二虚拟空间之间的切换,实现在第一虚拟元素和第二虚拟元素的三维模型之间的切换。
示意性的,如图6所示,在元素选择界面600中包括页签展示区域610和三维模型展示区域620,其中,三维模型展示区域620中包括三维人物621。当处于第一页签时,附着在三维人物621上显示第一配饰622(如帽子),当从第一页签切换至第二页签时,将第一配饰622划出三维模型展示区域620,并将第二页签对应的第二配饰623划入三维模型展示区域620,并附着在三维人物621上进行展示。
值得注意的是,上述第一页签和第二页签之间三维模型的空间邻接关系仅为示意性的举例,本申请实施例对此不加以限定。
在一些实施例中,元素选择界面中还包括交易控件,接收在交易控件上的触发操作,响应于触发操作,通过虚拟交易道具对第二页签对应的虚拟元素进行交换。
在另一些实施例中,响应于第二页签对应的第二虚拟空间为空虚拟空间,在元素选择界面中显示出售控件,响应于对出售控件的触发操作显示候选待售列表,候选待售列表中包括待售的虚拟元素,响应于对至少一个待售虚拟元素的选择操作,在三维模型展示区域中展示至少一个待售虚拟元素。其中,候选待售列表中待售的虚拟元素为当前用户所持有的,且能够出售的虚拟元素。也即,当第二页签对应的第二虚拟空间为空时,用户能够在第二虚拟空间中添加虚拟元素进行出售。其中,用户对已持有的虚拟元素进行选择,而各个虚拟元素对应的展示方式,或者各个虚拟元素在第二虚拟空间中的陈列方式为预先设定的。
综上所述,本申请实施例提供的界面元素的显示方法,通过三维模型展示区域和页签展示区域对虚拟元素通过多个页签进行展示,并在单个页签内,通过三维模型的形式对虚拟元素进行展示,提高了虚拟元素的展示效率,通过多个页签之间的切换在多个虚拟元素之间进行切换展示,提高了虚拟元素详情了解的人机交互效率,避免正对单个虚拟元素进行选择以对详细信息进行了解的繁琐过程,提高了信息传递效率。
在一个可选的实施例中,三维模型展示区域中的三维模型是通过摄像机模型采集得到的模型画面。图7是本申请另一个示例性实施例提供的界面元素的显示方法的流程图,以该方法应用于终端为例进行说明,如图7所示,该方法包括:
步骤701,显示元素选择界面,元素选择界面中包括三维模型展示区域和页签展示区域。
页签展示区域对应至少两个页签。三维模型展示区域用于以三维模型的形式对当前页签对应的虚拟元素进行展示。
每个页签对应一个或者一组虚拟元素。
步骤702,在处于第一页签时接收页签切换操作。
页签切换操作用于指示在页签之间进行切换显示。
其中,页签切换操作包括滑动操作、点击操作、长按操作、重力按压操作等操作类型中的至少一种。
本实施例中,以页签切换操作实现为滑动操作为例进行说明,则在处于第一页签时,接收在元素选择界面上的滑动操作。
步骤703,响应于页签切换操作,在页签展示区域从第一页签切换至第二页签,第二页签为第一页签的邻接页签。
在一些实施例中,页签展示区域中的页签呈环形排列,也即,页签展示区域中的第一个页签既与第二个页签邻接,又与最后一个页签邻接。
步骤704,响应于页签切换操作,将摄像机模型从第一拍摄方向旋转至第二拍摄方向。
可选地,响应于滑动操作,根据滑动操作的滑动方向,将摄像机模型从第一拍摄方向旋转至第二拍摄方向。
在一些实施例中,至少两个页签对应至少两个虚拟空间,其中,第i个页签对应第i个虚拟空间,i为正整数。
可选地,至少两个虚拟空间呈扇形衔接排布,构成环形空间,其中,第一个页签对应的第一个虚拟空间与最后一个页签对应的最后一个虚拟空间存在空间邻接关系。
可选地,至少两个虚拟空间呈球形切角衔接排布,构成球形空间。也即,以球形表面任意区域与球心之间的切角区域作为页签对应的虚拟空间,并将多个虚拟空间衔接,得到完整的球形空间,其中,多个球形切角对应的虚拟空间之间存在衔接关系,每个球形切角对应的虚拟空间与两个或者更多虚拟空间存在衔接关系。可选地,根据虚拟空间在球形空间内的邻接关系,设计具有对应邻接关系的页签,如:虚拟空间1在球形空间内分别与虚拟空间2、虚拟空间3和虚拟空间4存在邻接关系,则在页签设计中,虚拟空间1对应的页签1向左滑则切换至页签2(对应虚拟空间2),虚拟空间1对应的页签1向右滑则切换至页签3(对应虚拟空间3),虚拟空间1对应的页签1向上滑则切换至页签4(对应虚拟空间4),本申请实施例对滑动方式不加以限定。
可选地,至少两个虚拟空间呈椭球形切角衔接排布,构成椭球形空间。也即,以椭球形表面任意区域与椭球心之间的切角区域作为页签对应的虚拟空间,并将多个虚拟空间衔接,得到完整的椭球形空间,其中,多个椭球形切角对应的虚拟空间之间存在衔接关系。
本申请实施例中,以环形空间为例进行说明,示意性的,如图8所示,在环形空间800中分割成5个虚拟空间,其中每个虚拟空间对应一个页签。环形空间800的中间圆心位置对应有一个摄像机模型810,根据摄像机模型810的拍摄角度对各个页签对应的虚拟空间进行画面采集,从而在三维模型展示区域中对各个页签对应的虚拟元素进行展示。
则在将摄像机模型从第一拍摄方向旋转至第二拍摄方向时,首先响应于页签切换操作,确定第一虚拟空间的扇形角中线对应的第一拍摄方向,然后确定第二虚拟空间的扇形角中线对应的第二拍摄方向,从而将摄像机模型以所处位置为旋转中心,从第一拍摄方向旋转至第二拍摄方向。如图8所示,当第一页签对一个第3个虚拟空间,第二页签对应第4个虚拟空间时,将摄像机模型810从面向第3个虚拟空间的方向旋转至面向第4个虚拟空间的方向。
值得注意的是,本实施例中,以摄像机模型的方向调整实现观察角度的切换为例进行说明,在一些实施例中,通过整体旋转环形空间以实现观察角度的切换。
示意性的,图9是本申请另一个示例性实施例提供的页签切换的逻辑过程示意图,如图9所示,该过程中,首先确定用户在元素选择界面上的滑动操作方向,如图9所示该过程中包括两个分支:
分支一:
步骤910,向左滑动屏幕。
也即接收在元素选择界面上向左的滑动操作,用于指示从当前页签向下一个页签切换。
步骤911,逆时针转动摄像机模型。
基于上述向左的滑动操作,对用于进行虚拟空间图像采集的摄像机模型进行旋转,根据虚拟空间在环形空间内的排列顺序,本申请实施例中以虚拟空间在环形空间内逆时针排列为例,则逆时针旋转摄像机模型,从而从当前虚拟空间切换至下一虚拟空间。
步骤912,判断当前是否为最左页签。
由于上述虚拟空间顺序排列后组成一个环形空间,故,最左页签与最右页签之间也存在邻接关系。
步骤913,若是最左页签,切换到最右页签。
步骤914,若不是最左页签,向左边切换一个页签。
分支二:
步骤920,向右滑动屏幕。
也即接收在元素选择界面上向右的滑动操作,用于指示从当前页签向上一个页签切换。
步骤921,顺时针转动摄像机模型。
基于上述向右的滑动操作,对用于进行虚拟空间图像采集的摄像机模型进行旋转,根据虚拟空间在环形空间内的排列顺序,本申请实施例中以虚拟空间在环形空间内逆时针排列为例,则顺时针旋转摄像机模型,从而从当前虚拟空间切换至上一虚拟空间。
步骤922,判断当前是否为最右页签。
由于上述虚拟空间顺序排列后组成一个环形空间,故,最左页签与最右页签之间也存在邻接关系。
步骤923,若是最右页签,切换到最左页签。
步骤924,若不是最右页签,向右边切换一个页签。
通过如图9所示出的过程,在虚拟空间之间进行切换观察,从而实现对不同页签对应的虚拟元素的切换展示。
步骤705,基于摄像机模型通过第二拍摄方向采集的模型画面,在三维模型展示区域中对第二页签对应的虚拟元素进行展示。
也即,通过摄像机模型以第二拍摄方向进行画面采集,得到第二页签对应的第二虚拟空间的模型画面,从而在三维模型展示区域中对该第二页签对应的模型画面进行展示。其中,由于第二虚拟空间中包括正在展示的虚拟元素,如:独立展示的虚拟元素,或者附着在虚拟人物上进行展示的虚拟元素,从而通过模型画面,对第二虚拟空间中的虚拟元素进行展示。
综上所述,本申请实施例提供的界面元素的显示方法,通过三维模型展示区域和页签展示区域对虚拟元素通过多个页签进行展示,并在单个页签内,通过三维模型的形式对虚拟元素进行展示,提高了虚拟元素的展示效率,通过多个页签之间的切换在多个虚拟元素之间进行切换展示,提高了虚拟元素详情了解的人机交互效率,避免正对单个虚拟元素进行选择以对详细信息进行了解的繁琐过程,提高了信息传递效率。
本实施例提供的方法,由于三维模型展示区域中的三维模型是通过摄像机模型对虚拟空间进行采集得到的模型画面,也即,将不同页签对应的三维模型分布在不同的虚拟空间中,从而通过摄像机模型对不同的虚拟空间进行画面采集,从而得到对不同页签对应的虚拟元素的切换展示,提高了人机交互效率,以及提高了虚拟元素切换的灵活性。
在一个可选的实施例中,上述第一页签可以对应单个候选元素,也可以对应多个候选元素。以第一页签对应至少两个候选元素为例进行说明。图10是本申请另一个示例性实施例提供的界面元素的显示方法的流程图,以该方法应用于终端为例进行说明,如图10所示,该方法包括:
步骤1001,显示元素选择界面,元素选择界面中包括三维模型展示区域和页签展示区域。
页签展示区域对应至少两个页签。三维模型展示区域用于以三维模型的形式对当前页签对应的虚拟元素进行展示。
每个页签对应一个或者一组虚拟元素。
步骤1002,当处于第一页签时,在元素选择界面显示至少两个元素候选项。
至少两个元素候选项与至少两个候选元素分别对应。
在一些实施例中,每个虚拟空间对应显示虚拟元素、元素候选项对应的用户界面(User Interface,UI)控件中的至少一种,也即,虚拟空间中包括虚拟元素,或者,虚拟空间中包括元素候选项,或者,虚拟空间中包括虚拟元素和元素候选项。其中,元素候选项对应的UI控件为直接渲染在元素选择界面中的,也即,无需通过摄像机模型对元素候选项进行画面采集。
可选地,至少两个元素候选项与至少两个候选元素一一对应,通过对元素候选项的选择,在三维模型展示区域中展示对应的虚拟元素。示意性的,第一页签中包括元素候选项A和元素候选项B,其中,元素候选项A对应虚拟元素a,元素候选项B对应虚拟元素b,则当接收到在元素候选项A上的选择操作,则在三维模型展示区域中展示虚拟元素a的三维模型;当接收到在元素候选项B上的选择操作,则在三维模型展示区域中展示虚拟元素b的三维模型。
在一些实施例中,一个元素候选项对应一个虚拟元素,或者,一个元素候选项对应一组搭配成套的虚拟元素,如:元素候选项A对应搭配成套的帽子、衣服、裤子、鞋子、手持道具等。
步骤1003,基于至少两个元素候选项中被选中的目标候选元素,在三维模型展示区域中对目标候选元素对应的三维模型进行展示。
在一些实施例中,直接显示目标候选元素的三维模型,或者,将目标候选元素附着于三维虚拟对象上进行展示。
在一些实施例中,三维模型包括三维虚拟对象,至少两个候选元素为对三维虚拟对象进行装饰的装饰元素,则接收对目标候选元素的拖动操作,拖动操作的拖动起始点位于目标候选元素对应的候选项,拖动操作的终止点位于三维虚拟对象,响应于拖动操作,以对三维虚拟对象的装饰效果显示目标候选元素。
示意性的,请参考图11,在元素选择界面1100中包括三维模型展示区域1110,元素选择界面1100中还对应当前被选中的页签显示有元素候选项1120,当接收到在元素候选项1120上的拖动操作时,根据拖动操作在三维模型展示区域1110中的三维虚拟对象上切换显示对应的装饰元素1130。
值得注意的是,上述实施例中,以通过元素候选项对单个页签对应的多个虚拟元素进行选择展示进行说明,在另一些实施例中,第一页签对应的三维模型展示区域中包括n个三维模型,其中,在处于第一页签时,在三维模型展示区域中展示n个三维模型,其中,第k个三维模型用于展示与第一页签对应的第k个虚拟元素,n为正整数,0<k≤n。
其中,k个三维模型并列排布在三维模型展示区域中;或者,k个三维模型中单次选择一个三维模型正面展示在三维模型展示区域中,其他三维模型以侧面或者背面展示方式展示在三维模型展示区域中;或者,k个三维模型中单次选择一个三维模型正常展示在三维模型展示区域中,其他三维面模型以一定的透明度展示,其中,透明度和被选择正常展示的三维模型之间的距离呈正相关关系。
在一些实施例中,n个三维模型对应第一页签内的n个子页签,其中,第p个三维模型对应第p个子页签。
可选地,在处于第一子页签时接收子页签切换操作,子页签切换操作用于指示在子页签之间进行切换;响应于子页签切换操作,在三维模型展示区域从第一子页签的三维模型切换至第二子页签对应的三维模型中进行居中显示,第二子页签为第一子页签的邻接子页签。
示意性的,请参考图12,在元素选择界面1200中包括三维模型展示区域1210和页签展示区域1220,当前页签展示区域1220中对应选择第一页签,三维模型展示区域1210中包括与第一页签对应的三个虚拟模型,元素选择界面1200中还包括与第一页签对应的子页签展示区域1230,通过子页签切换操作在子页签之间进行切换,从而对三维模型展示区域1210中展示的三维模型进行切换,而切换前后的三维模型皆为与第一页签对应的三维模型。
可选地,元素选择界面中包括至少两个元素候选项和至少两个三维模型,通过至少两个元素候选项在至少两个三维模型上进行搭配显示,从而通过不同的三维模型对不同的元素搭配结果进行展示。
综上所述,本申请实施例提供的界面元素的显示方法,通过三维模型展示区域和页签展示区域对虚拟元素通过多个页签进行展示,并在单个页签内,通过三维模型的形式对虚拟元素进行展示,提高了虚拟元素的展示效率,通过多个页签之间的切换在多个虚拟元素之间进行切换展示,提高了虚拟元素详情了解的人机交互效率,避免正对单个虚拟元素进行选择以对详细信息进行了解的繁琐过程,提高了信息传递效率。
本实施例提供的方法,通过显示元素候选项,从而针对单个页签配置多个元素进行选择展示,提高了元素展示效率;本实施例提供的方法,通过在同一虚拟空间中设置多个虚拟对象对虚拟元素进行展示,从而在不同虚拟对象的三维模型上对不同虚拟元素的搭配效果进行展示,提高了元素展示效率。
图13是本申请一个示例性实施例提供的界面元素的显示装置的结构框图,如图13所示,该装置包括:
显示模块1310,用于显示元素选择界面,所述元素选择界面中包括三维模型展示区域和页签展示区域,所述页签展示区域对应至少两个页签,所述三维模型展示区域用于对当前页签对应的虚拟空间中的虚拟元素进行展示,所述虚拟元素以三维模型的形式展示;
接收模块1320,用于在处于所述第一页签时接收页签切换操作,所述页签切换操作用于指示在页签之间进行切换显示;
所述显示模块1310,还用于响应于所述页签切换操作,在所述页签展示区域从所述第一页签切换至展示第二页签,所述第二页签为所述第一页签的邻接页签;
所述显示模块1310,还用于在所述三维模型展示区域中对所述第二页签对应的虚拟元素进行展示,其中,所述第一页签和所述第二页签对应的虚拟空间存在空间邻接关系。
在一个可选的实施例中,所述三维模型展示区域中的三维模型是通过摄像机模型采集得到的模型画面;
如图14所示,该装置还包括:
切换模块1330,用于响应于所述页签切换操作,将所述摄像机模型从第一拍摄方向旋转至第二拍摄方向,其中,所述第一拍摄方向为对所述第一页签对应的第一虚拟空间进行拍摄的方向,所述第二拍摄方向为对所述第二页签对应的第二虚拟空间进行拍摄的方向;
采集模块1340,用于基于所述摄像机模型通过所述第二拍摄方向采集的模型画面,在所述三维模型展示区域中对所述第二页签对应的虚拟元素进行展示。
在一个可选的实施例中,所述接收模块1320,还用于在处于所述第一页签时,接收在所述元素选择界面上的滑动操作;
所述切换模块1330,还用于响应于所述滑动操作,根据所述滑动操作的滑动方向,将所述摄像机模型从所述第一拍摄方向旋转至所述第二拍摄方向。
在一个可选的实施例中,所述至少两个页签对应至少两个虚拟空间,其中,第i个页签对应第i个虚拟空间,i为正整数。
在一个可选的实施例中,至少两个虚拟空间呈扇形衔接排布,构成环形空间,其中,第一个页签对应的第一个虚拟空间与最后一个页签对应的最后一个虚拟空间存在空间邻接关系;
或者,
所述至少两个虚拟空间呈球形切角衔接排布,构成球形空间,其中,第一个页签对应的第一个虚拟空间与最后一个页签对应的最后一个虚拟空间存在空间邻接关系;
或者,
所述至少两个虚拟空间呈椭球形切角衔接排布,构成椭球形空间,其中,第一个页签对应的第一个虚拟空间与最后一个页签对应的最后一个虚拟空间存在空间邻接关系。
在一个可选的实施例中,所述至少两个虚拟空间呈扇形衔接排布;
所述切换模块1330,包括:
确定单元1331,用于响应于所述页签切换操作,确定所述第一虚拟空间的扇形角中线对应的所述的第一拍摄方向;确定所述第二虚拟空间的扇形角中线对应的所述第二拍摄方向;
旋转单元1332,用于将所述摄像机模型以所处位置为旋转中心,从所述第一拍摄方向旋转至所述第二拍摄方向。
在一个可选的实施例中,所述第一页签对应有至少两个候选元素;
所述显示模块1310,还用于当处于所述第一页签时,在所述元素选择界面显示至少两个元素候选项,所述至少两个元素候选项与所述至少两个候选元素分别对应;
所述显示模块1310,还用于基于所述至少两个元素候选项中被选中的目标候选元素,在所述三维模型展示区域中对所述目标候选元素对应的三维模型进行展示。
在一个可选的实施例中,所述三维模型包括三维虚拟对象,所述至少两个候选元素为对所述三维虚拟对象进行装饰的装饰元素;
所述接收模块1320,还用于接收对所述目标候选元素的拖动操作,所述拖动操作的拖动起始点位于所述所述目标候选元素对应的候选项,所述拖动操作的拖动终止点位于所述三维虚拟对象;
所述显示模块1310,还用于响应于所述拖动操作,以对所述三维虚拟对象的装饰效果显示所述目标候选元素。
在一个可选的实施例中,所述元素选择界面中还包括交易控件;
所述接收模块1320,还用于接收在所述交易控件上的触发操作;响应于所述触发操作,通过虚拟交易道具对所述第二页签对应的虚拟元素进行交换。
在一个可选的实施例中,所述显示模块1310,还用于响应于所述第二页签对应的所述第二虚拟空间为空虚拟空间,在所述元素选择界面中显示出售控件;
所述显示模块1310,还用于响应于对所述出售控件的触发操作,显示候选待售列表,所述候选待售列表中包括待售的虚拟元素;
所述显示模块1310,还用于响应于对至少一个待售虚拟元素的选择操作,在所述三维模型展示区域中展示所述至少一个待售虚拟元素。
在一个可选的实施例中,所述显示模块1310,还用于在处于所述第一页签时,在所述三维模型展示区域中展示n个三维模型,其中,第k个三维模型用于展示与所述第一页签对应的第k个虚拟元素,n为正整数,0<k≤n。
在一个可选的实施例中,所述n个三维模型对应第一页签内的n个子页签,其中,第p个三维模型对应第p个子页签,0<p≤n;
所述接收模块1320,还用于在处于第一子页签时接收子页签切换操作,所述子页签切换操作用于指示在子页签之间进行切换;
所述显示模块1310,还用于响应于子页签切换操作,在所述三维模型展示区域从所述第一子页签对应的三维模型切换至第二子页签对应的三维模型进行居中显示,所述第二子页签为所述第一子页签的邻接子页签。
综上所述,本申请实施例提供的界面元素的显示装置,通过三维模型展示区域和页签展示区域对虚拟元素通过多个页签进行展示,并在单个页签内,通过三维模型的形式对虚拟元素进行展示,提高了虚拟元素的展示效率,通过多个页签之间的切换在多个虚拟元素之间进行切换展示,提高了虚拟元素详情了解的人机交互效率,避免正对单个虚拟元素进行选择以对详细信息进行了解的繁琐过程,提高了信息传递效率。
需要说明的是:上述实施例提供的界面元素的显示装置,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将设备的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的界面元素的显示装置与界面元素的显示方法实施例属于同一构思,其具体实现过程详见方法实施例,这里不再赘述。
图15示出了本申请一个示例性实施例提供的终端1500的结构框图。该终端1500可以是:智能手机、平板电脑、MP3播放器(Moving Picture Experts Group Audio LayerIII,动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group AudioLayer IV,动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。终端1500还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。
通常,终端1500包括有:处理器1501和存储器1502。
处理器1501可以包括一个或多个处理核心,比如4核心处理器、8核心处理器等。处理器1501可以采用DSP(Digital Signal Processing,数字信号处理)、FPGA(Field-Programmable Gate Array,现场可编程门阵列)、PLA(Programmable Logic Array,可编程逻辑阵列)中的至少一种硬件形式来实现。处理器1501也可以包括主处理器和协处理器,主处理器是用于对在唤醒状态下的数据进行处理的处理器,也称CPU(Central ProcessingUnit,中央处理器);协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中,处理器1501可以在集成有GPU(Graphics Processing Unit,图像处理器),GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中,处理器1501还可以包括AI(Artificial Intelligence,人工智能)处理器,该AI处理器用于处理有关机器学习的计算操作。
存储器1502可以包括一个或多个计算机可读存储介质,该计算机可读存储介质可以是非暂态的。存储器1502还可包括高速随机存取存储器,以及非易失性存储器,比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中,存储器1502中的非暂态的计算机可读存储介质用于存储至少一个指令,该至少一个指令用于被处理器1501所执行以实现本申请中方法实施例提供的界面元素的显示方法。
在一些实施例中,终端1500还可选包括有:外围设备接口1503和至少一个外围设备。处理器1501、存储器1502和外围设备接口1503之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口1503相连。具体地,外围设备包括:射频电路1504、显示屏1505、摄像头1506、音频电路1507和电源1509中的至少一种。
外围设备接口1503可被用于将I/O(Input/Output,输入/输出)相关的至少一个外围设备连接到处理器1501和存储器1502。在一些实施例中,处理器1501、存储器1502和外围设备接口1503被集成在同一芯片或电路板上;在一些其他实施例中,处理器1501、存储器1502和外围设备接口1503中的任意一个或两个可以在单独的芯片或电路板上实现,本实施例对此不加以限定。
射频电路1504用于接收和发射RF(Radio Frequency,射频)信号,也称电磁信号。射频电路1504通过电磁信号与通信网络以及其他通信设备进行通信。射频电路1504将电信号转换为电磁信号进行发送,或者,将接收到的电磁信号转换为电信号。可选地,射频电路1504包括:天线系统、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路1504可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于:万维网、城域网、内联网、各代移动通信网络(2G、3G、4G及5G)、无线局域网和/或WiFi(Wireless Fidelity,无线保真)网络。在一些实施例中,射频电路1504还可以包括NFC(Near Field Communication,近距离无线通信)有关的电路,本申请对此不加以限定。
显示屏1505用于显示UI(User Interface,用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏1505是触摸显示屏时,显示屏1505还具有采集在显示屏1505的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器1501进行处理。此时,显示屏1505还可以用于提供虚拟按钮和/或虚拟键盘,也称软按钮和/或软键盘。在一些实施例中,显示屏1505可以为一个,设置终端1500的前面板;在另一些实施例中,显示屏1505可以为至少两个,分别设置在终端1500的不同表面或呈折叠设计;在再一些实施例中,显示屏1505可以是柔性显示屏,设置在终端1500的弯曲表面上或折叠面上。甚至,显示屏1505还可以设置成非矩形的不规则图形,也即异形屏。显示屏1505可以采用LCD(Liquid Crystal Display,液晶显示屏)、OLED(Organic Light-Emitting Diode,有机发光二极管)等材质制备。
摄像头组件1506用于采集图像或视频。可选地,摄像头组件1506包括前置摄像头和后置摄像头。通常,前置摄像头设置在终端的前面板,后置摄像头设置在终端的背面。在一些实施例中,后置摄像头为至少两个,分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种,以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以及VR(Virtual Reality,虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中,摄像头组件1506还可以包括闪光灯。闪光灯可以是单色温闪光灯,也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合,可以用于不同色温下的光线补偿。
音频电路1507可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波,并将声波转换为电信号输入至处理器1501进行处理,或者输入至射频电路1504以实现语音通信。出于立体声采集或降噪的目的,麦克风可以为多个,分别设置在终端1500的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器1501或射频电路1504的电信号转换为声波。扬声器可以是传统的薄膜扬声器,也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时,不仅可以将电信号转换为人类可听见的声波,也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中,音频电路1507还可以包括耳机插孔。
电源1509用于为终端1500中的各个组件进行供电。电源1509可以是交流电、直流电、一次性电池或可充电电池。当电源1509包括可充电电池时,该可充电电池可以是有线充电电池或无线充电电池。有线充电电池是通过有线线路充电的电池,无线充电电池是通过无线线圈充电的电池。该可充电电池还可以用于支持快充技术。
在一些实施例中,终端1500还包括有一个或多个传感器1510。该一个或多个传感器1510包括但不限于:加速度传感器1511、陀螺仪传感器1512、压力传感器1513、光学传感器1515以及接近传感器1516。
加速度传感器1511可以检测以终端1500建立的坐标系的三个坐标轴上的加速度大小。比如,加速度传感器1511可以用于检测重力加速度在三个坐标轴上的分量。处理器1501可以根据加速度传感器1511采集的重力加速度信号,控制触摸显示屏1505以横向视图或纵向视图进行用户界面的显示。加速度传感器1511还可以用于游戏或者用户的运动数据的采集。
陀螺仪传感器1512可以检测终端1500的机体方向及转动角度,陀螺仪传感器1512可以与加速度传感器1511协同采集用户对终端1500的3D动作。处理器1501根据陀螺仪传感器1512采集的数据,可以实现如下功能:动作感应(比如根据用户的倾斜操作来改变UI)、拍摄时的图像稳定、游戏控制以及惯性导航。
压力传感器1513可以设置在终端1500的侧边框和/或触摸显示屏1505的下层。当压力传感器1513设置在终端1500的侧边框时,可以检测用户对终端1500的握持信号,由处理器1501根据压力传感器1513采集的握持信号进行左右手识别或快捷操作。当压力传感器1513设置在触摸显示屏1505的下层时,由处理器1501根据用户对触摸显示屏1505的压力操作,实现对UI界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。
光学传感器1515用于采集环境光强度。在一个实施例中,处理器1501可以根据光学传感器1515采集的环境光强度,控制触摸显示屏1505的显示亮度。具体地,当环境光强度较高时,调高触摸显示屏1505的显示亮度;当环境光强度较低时,调低触摸显示屏1505的显示亮度。在另一个实施例中,处理器1501还可以根据光学传感器1515采集的环境光强度,动态调整摄像头组件1506的拍摄参数。
接近传感器1516,也称距离传感器,通常设置在终端1500的前面板。接近传感器1516用于采集用户与终端1500的正面之间的距离。在一个实施例中,当接近传感器1516检测到用户与终端1500的正面之间的距离逐渐变小时,由处理器1501控制触摸显示屏1505从亮屏状态切换为息屏状态;当接近传感器1516检测到用户与终端1500的正面之间的距离逐渐变大时,由处理器1501控制触摸显示屏1505从息屏状态切换为亮屏状态。
本领域技术人员可以理解,图15中示出的结构并不构成对终端1500的限定,可以包括比图示更多或更少的组件,或者组合某些组件,或者采用不同的组件布置。
可选地,该计算机可读存储介质可以包括:只读存储器(ROM,Read Only Memory)、随机存取记忆体(RAM,Random Access Memory)、固态硬盘(SSD,Solid State Drives)或光盘等。其中,随机存取记忆体可以包括电阻式随机存取记忆体(ReRAM,Resistance RandomAccess Memory)和动态随机存取存储器(DRAM,Dynamic Random Access Memory)。上述本申请实施例序号仅仅为了描述,不代表实施例的优劣。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本申请的可选实施例,并不用以限制本申请,凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。

Claims (15)

1.一种界面元素的显示方法,其特征在于,所述方法包括:
显示元素选择界面,所述元素选择界面中包括三维模型展示区域和页签展示区域,所述页签展示区域对应至少两个页签,所述三维模型展示区域用于对当前页签对应的虚拟空间中的虚拟元素进行展示,所述虚拟元素以三维模型的形式展示,所述三维模型展示区域中包括三维人物,所述至少两个页签用于在所述三维人物的基础上对所述虚拟元素进行切换显示;
在处于第一页签时接收页签切换操作,所述页签切换操作用于指示在页签之间进行切换显示,其中,所述第一页签对应第一虚拟元素,在处于所述第一页签时,显示附着在所述三维人物上的所述第一虚拟元素;
响应于所述页签切换操作,在所述页签展示区域从所述第一页签切换至展示第二页签,所述第二页签为所述第一页签的邻接页签,所述第二页签对应第二虚拟元素;
响应于所述页签切换操作,在所述三维模型展示区域中显示将所述第一虚拟元素滑动离开所述三维人物,并将所述第二虚拟元素滑动附着至所述三维人物进行展示,其中,所述第一页签和所述第二页签对应的虚拟空间存在空间邻接关系。
2.根据权利要求1所述的方法,其特征在于,所述三维模型展示区域中的三维模型是通过摄像机模型采集得到的模型画面;
所述响应于所述页签切换操作,在所述三维模型展示区域中显示将所述第一虚拟元素滑动离开所述三维人物,并将所述第二虚拟元素滑动附着至所述三维人物进行展示,包括:
响应于所述页签切换操作,将所述摄像机模型从第一拍摄方向旋转至第二拍摄方向,其中,所述第一拍摄方向为对所述第一页签对应的第一虚拟空间进行拍摄的方向,所述第二拍摄方向为对所述第二页签对应的第二虚拟空间进行拍摄的方向;
基于所述摄像机模型通过所述第二拍摄方向采集的模型画面,在所述三维模型展示区域中显示将所述第一虚拟元素滑动离开所述三维人物,并将所述第二虚拟元素滑动附着至所述三维人物进行展示。
3.根据权利要求2所述的方法,其特征在于,所述在处于所述第一页签时接收页签切换操作,包括:
在处于所述第一页签时,接收在所述元素选择界面上的滑动操作;
所述响应于所述页签切换操作,将所述摄像机模型从第一拍摄方向旋转至第二拍摄方向,包括:
响应于所述滑动操作,根据所述滑动操作的滑动方向,将所述摄像机模型从所述第一拍摄方向旋转至所述第二拍摄方向。
4.根据权利要求2所述的方法,其特征在于,
所述至少两个页签对应至少两个虚拟空间,其中,第i个页签对应第i个虚拟空间,i为正整数。
5.根据权利要求4所述的方法,其特征在于,
至少两个虚拟空间呈扇形衔接排布,构成环形空间,其中,第一个页签对应的第一个虚拟空间与最后一个页签对应的最后一个虚拟空间存在空间邻接关系;
或者,
所述至少两个虚拟空间呈球形切角衔接排布,构成球形空间;
或者,
所述至少两个虚拟空间呈椭球形切角衔接排布,构成椭球形空间。
6.根据权利要求5所述的方法,其特征在于,所述至少两个虚拟空间呈扇形衔接排布;
所述响应于所述页签切换操作,将所述摄像机模型从第一拍摄方向旋转至第二拍摄方向,包括:
响应于所述页签切换操作,确定所述第一虚拟空间的扇形角中线对应的所述的第一拍摄方向;
确定所述第二虚拟空间的扇形角中线对应的所述第二拍摄方向;
将所述摄像机模型以所处位置为旋转中心,从所述第一拍摄方向旋转至所述第二拍摄方向。
7.根据权利要求1至6任一所述的方法,其特征在于,所述第一页签对应有至少两个候选元素;
所述方法还包括:
当处于所述第一页签时,在所述元素选择界面显示至少两个元素候选项,所述至少两个元素候选项与所述至少两个候选元素分别对应;
基于所述至少两个元素候选项中被选中的目标候选元素,在所述三维模型展示区域中对所述目标候选元素对应的三维模型进行展示。
8.根据权利要求7所述的方法,其特征在于,所述至少两个候选元素为对所述三维人物进行装饰的装饰元素;
所述方法还包括:
接收对所述目标候选元素的拖动操作,所述拖动操作的拖动起始点位于所述目标候选元素对应的候选项,所述拖动操作的拖动终止点位于所述三维人物;
响应于所述拖动操作,以对所述三维人物的装饰效果显示所述目标候选元素。
9.根据权利要求1至6任一所述的方法,其特征在于,所述元素选择界面中还包括交易控件;
所述在所述三维模型展示区域中显示将所述第一虚拟元素滑动离开所述三维人物,并将所述第二虚拟元素滑动附着至所述三维人物进行展示之后,还包括:
接收在所述交易控件上的触发操作;
响应于所述触发操作,通过虚拟交易道具对所述第二页签对应的第二虚拟元素进行交换。
10.根据权利要求2至6任一所述的方法,其特征在于,所述响应于所述页签切换操作,在所述页签展示区域从所述第一页签切换至展示第二页签之后,还包括:
响应于所述第二页签对应的所述第二虚拟空间为空虚拟空间,在所述元素选择界面中显示出售控件;
响应于对所述出售控件的触发操作,显示候选待售列表,所述候选待售列表中包括待售的虚拟元素;
响应于对至少一个待售虚拟元素的选择操作,在所述三维模型展示区域中展示所述至少一个待售虚拟元素。
11.根据权利要求1至6任一所述的方法,其特征在于,所述方法还包括:
在处于所述第一页签时,在所述三维模型展示区域中展示n个三维模型,其中,第k个三维模型用于展示与所述第一页签对应的第k个虚拟元素,n为正整数,0<k≤n。
12.根据权利要求11所述的方法,其特征在于,所述n个三维模型对应第一页签内的n个子页签,其中,第p个三维模型对应第p个子页签,0<p≤n;
所述方法还包括:
在处于第一子页签时接收子页签切换操作,所述子页签切换操作用于指示在子页签之间进行切换;
响应于子页签切换操作,在所述三维模型展示区域从所述第一子页签对应的三维模型切换至第二子页签对应的三维模型进行居中显示,所述第二子页签为所述第一子页签的邻接子页签。
13.一种界面元素的显示装置,其特征在于,所述装置包括:
显示模块,用于显示元素选择界面,所述元素选择界面中包括三维模型展示区域和页签展示区域,所述页签展示区域对应至少两个页签,所述三维模型展示区域用于对当前页签对应的虚拟空间中的虚拟元素进行展示,所述虚拟元素以三维模型的形式展示,所述三维模型展示区域中包括三维人物,所述至少两个页签用于在所述三维人物的基础上对所述虚拟元素进行切换显示;
接收模块,用于在处于第一页签时接收页签切换操作,所述页签切换操作用于指示在页签之间进行切换显示,其中,所述第一页签对应第一虚拟元素,在处于所述第一页签时,显示附着在所述三维人物上的所述第一虚拟元素;
所述显示模块,还用于响应于所述页签切换操作,在所述页签展示区域从所述第一页签切换至展示第二页签,所述第二页签为所述第一页签的邻接页签,所述第二页签对应第二虚拟元素;
所述显示模块,还用于响应于所述页签切换操作,在所述三维模型展示区域中显示将所述第一虚拟元素滑动离开所述三维人物,并将所述第二虚拟元素滑动附着至所述三维人物进行展示,其中,所述第一页签和所述第二页签对应的虚拟空间存在空间邻接关系。
14.一种计算机设备,其特征在于,所述计算机设备包括处理器和存储器,所述存储器中存储有至少一段程序,所述至少一段程序由所述处理器加载并执行以实现如权利要求1至12任一所述的界面元素的显示方法。
15.一种计算机可读存储介质,其特征在于,所述存储介质中存储有至少一段程序,所述至少一段程序由处理器加载并执行以实现如权利要求1至12任一所述的界面元素的显示方法。
CN202111016504.9A 2021-08-31 2021-08-31 界面元素的显示方法、装置、设备及可读存储介质 Active CN113641443B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111016504.9A CN113641443B (zh) 2021-08-31 2021-08-31 界面元素的显示方法、装置、设备及可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111016504.9A CN113641443B (zh) 2021-08-31 2021-08-31 界面元素的显示方法、装置、设备及可读存储介质

Publications (2)

Publication Number Publication Date
CN113641443A CN113641443A (zh) 2021-11-12
CN113641443B true CN113641443B (zh) 2023-10-24

Family

ID=78424667

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111016504.9A Active CN113641443B (zh) 2021-08-31 2021-08-31 界面元素的显示方法、装置、设备及可读存储介质

Country Status (1)

Country Link
CN (1) CN113641443B (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117482528A (zh) * 2022-07-25 2024-02-02 腾讯科技(成都)有限公司 虚拟场景的汇总信息处理方法、装置、设备及存储介质

Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108376424A (zh) * 2018-02-09 2018-08-07 腾讯科技(深圳)有限公司 用于对三维虚拟环境进行视角切换的方法、装置、设备及存储介质
CN109272380A (zh) * 2018-08-30 2019-01-25 腾讯科技(深圳)有限公司 虚拟宠物商品的交易方法、装置、设备及存储介质
CN110083282A (zh) * 2019-04-26 2019-08-02 腾讯科技(深圳)有限公司 基于信息展示页面的人机交互方法、装置、终端及介质
CN110755841A (zh) * 2019-10-21 2020-02-07 腾讯科技(深圳)有限公司 虚拟环境中道具的切换方法、装置、设备及可读存储介质
CN110841276A (zh) * 2019-10-31 2020-02-28 腾讯科技(深圳)有限公司 虚拟道具的控制方法和装置、存储介质及电子装置
CN111462307A (zh) * 2020-03-31 2020-07-28 腾讯科技(深圳)有限公司 虚拟对象的虚拟形象展示方法、装置、设备及存储介质
CN111494934A (zh) * 2020-04-16 2020-08-07 网易(杭州)网络有限公司 游戏中虚拟道具展示方法、装置、终端及存储介质
CN111589128A (zh) * 2020-04-23 2020-08-28 腾讯科技(深圳)有限公司 基于虚拟场景的操作控件显示方法及装置
CN111589132A (zh) * 2020-04-26 2020-08-28 腾讯科技(深圳)有限公司 虚拟道具展示方法、计算机设备及存储介质
CN111694478A (zh) * 2020-06-10 2020-09-22 广州酷狗计算机科技有限公司 内容展示方法、装置、终端及存储介质
CN111841014A (zh) * 2020-07-22 2020-10-30 腾讯科技(深圳)有限公司 虚拟物品展示方法、装置、电子设备及存储介质
CN112691372A (zh) * 2020-12-30 2021-04-23 腾讯科技(深圳)有限公司 虚拟道具的显示方法、装置、设备及可读存储介质

Patent Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108376424A (zh) * 2018-02-09 2018-08-07 腾讯科技(深圳)有限公司 用于对三维虚拟环境进行视角切换的方法、装置、设备及存储介质
CN109272380A (zh) * 2018-08-30 2019-01-25 腾讯科技(深圳)有限公司 虚拟宠物商品的交易方法、装置、设备及存储介质
CN110083282A (zh) * 2019-04-26 2019-08-02 腾讯科技(深圳)有限公司 基于信息展示页面的人机交互方法、装置、终端及介质
CN110755841A (zh) * 2019-10-21 2020-02-07 腾讯科技(深圳)有限公司 虚拟环境中道具的切换方法、装置、设备及可读存储介质
CN110841276A (zh) * 2019-10-31 2020-02-28 腾讯科技(深圳)有限公司 虚拟道具的控制方法和装置、存储介质及电子装置
CN111462307A (zh) * 2020-03-31 2020-07-28 腾讯科技(深圳)有限公司 虚拟对象的虚拟形象展示方法、装置、设备及存储介质
CN111494934A (zh) * 2020-04-16 2020-08-07 网易(杭州)网络有限公司 游戏中虚拟道具展示方法、装置、终端及存储介质
CN111589128A (zh) * 2020-04-23 2020-08-28 腾讯科技(深圳)有限公司 基于虚拟场景的操作控件显示方法及装置
CN111589132A (zh) * 2020-04-26 2020-08-28 腾讯科技(深圳)有限公司 虚拟道具展示方法、计算机设备及存储介质
CN111694478A (zh) * 2020-06-10 2020-09-22 广州酷狗计算机科技有限公司 内容展示方法、装置、终端及存储介质
CN111841014A (zh) * 2020-07-22 2020-10-30 腾讯科技(深圳)有限公司 虚拟物品展示方法、装置、电子设备及存储介质
CN112691372A (zh) * 2020-12-30 2021-04-23 腾讯科技(深圳)有限公司 虚拟道具的显示方法、装置、设备及可读存储介质

Also Published As

Publication number Publication date
CN113641443A (zh) 2021-11-12

Similar Documents

Publication Publication Date Title
US11980814B2 (en) Method and apparatus for controlling virtual object to mark virtual item and medium
CN109614171B (zh) 虚拟道具转移方法、装置、电子设备及计算机存储介质
CN110841285B (zh) 界面元素的显示方法、装置、计算机设备及存储介质
CN109107155B (zh) 虚拟物品的调整方法、装置、终端及存储介质
CN111603771B (zh) 动画生成方法、装置、设备及介质
WO2021164315A1 (zh) 热点图的显示方法、装置、计算机设备及可读存储介质
US11954200B2 (en) Control information processing method and apparatus, electronic device, and storage medium
CN113244616B (zh) 基于虚拟场景的互动方法、装置、设备及可读存储介质
CN112957732B (zh) 搜索方法、装置、终端及存储介质
CN113509714B (zh) 虚拟道具合成预览方法、装置、终端及存储介质
CN112891931A (zh) 虚拟角色的选择方法、装置、设备及存储介质
CN111273780B (zh) 基于虚拟环境的动画播放方法、装置、设备及存储介质
CN113274729B (zh) 基于虚拟场景的互动观察方法、装置、设备及介质
CN112691372A (zh) 虚拟道具的显示方法、装置、设备及可读存储介质
CN112007362B (zh) 虚拟世界中的显示控制方法、装置、存储介质及设备
CN110833695B (zh) 基于虚拟场景的业务处理方法、装置、设备及存储介质
CN112827166A (zh) 基于牌类对象的交互方法、装置、计算机设备及存储介质
CN110052030B (zh) 虚拟角色的形象设置方法、装置及存储介质
CN112755517B (zh) 虚拟对象控制方法、装置、终端及存储介质
CN112843703B (zh) 信息显示方法、装置、终端及存储介质
CN113641443B (zh) 界面元素的显示方法、装置、设备及可读存储介质
CN113633970B (zh) 动作效果的显示方法、装置、设备及介质
CN112188268B (zh) 虚拟场景展示方法、虚拟场景的介绍视频生成方法及装置
CN111921191B (zh) 状态图标的显示方法、装置、终端及存储介质
CN112717391A (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
REG Reference to a national code

Ref country code: HK

Ref legal event code: DE

Ref document number: 40055269

Country of ref document: HK

GR01 Patent grant
GR01 Patent grant