CN105931285A - 一种3d空间中的控件实现方法及其装置 - Google Patents

Abstract

本申请实施例提供一种3D空间中的控件实现方法及其装置，属于虚拟现实技术领域。所述方法包括：根据控件设计要求，进行控件背景画布绘制；更改控件背景画布的边缘属性，改变所述控件背景画布的外形。本申请实施例简化3D空间中的控件外形的设计，降低了用户界面设计的复杂性，且节约设计时间。

Description

一种3D空间中的控件实现方法及其装置

技术领域

本申请属于虚拟现实技术领域，具体涉及一种3D空间中的控件实现方法及其装置。

背景技术

虚拟现实技术综合了计算机图形技术、计算机仿真技术、传感器技术、显示技术等多种科学技术，它在多维信息空间上创建一个虚拟信息环境，能使用户具有身临其境的沉浸感，具有与环境完善的交互作用能力，并有助于启发构思。

由于虚拟现实技术的上述优势，其改进了现有音视频设备的用户体验，它已涉及更广的领域，如电视会议、网络技术和分布计算技术，并向分布式虚拟现实发展。虚拟现实技术已成为新产品设计开发的重要手段。

控件是对数据和方法的封装。控件可以有自己的属性和方法。属性是控件数据的简单访问者。方法则是控件的一些简单而可见的功能。

开发虚拟现实技术的用户界面(User Interface，简称UI，亦称使用者界面)的控件，以帮助完成软件开发中视窗、文本框、按钮、下拉式菜单等界面元素的开发。在3D空间中的控件实现难度大于在2D空间中进行空间进行控件设计，在3D空间中的控件通常只有规则的矩形。如果想要获得其他形状的控件则需要对面片进行更改，过程复杂，并且渲染的工作量很大。

因此，如何简化3D空间中的控件外形的设计，成为现有技术亟待解决的技术问题。

发明内容

本申请实施例解决的技术问题之一在于提供一种3D空间中的控件实现方法及其装置，简化3D空间中的控件外形的设计，降低了用户界面设计的复杂性，且节约设计时间。

本申请实施例提供一种3D空间中的控件实现方法，包括：

根据控件设计要求，进行控件背景画布绘制；

更改控件背景画布的边缘属性，改变所述控件背景画布的外形。

在本申请一具体实施例中，所述更改控件背景画布的边缘属性，改变所述控件背景画布的外形包括：

根据接收的所述控件背景画布的边缘曲线参数，更改所述控件背景画布的边缘属性；

根据所述控件背景画布的边缘属性，改变所述控件背景画布的外形。

在本申请一具体实施例中，所述根据接收的所述控件背景画布的边缘曲线参数，更改所述控件背景画布的边缘属性具体为：根据接收的所述控件背景画布的倒角值，更改所述控件背景画布的边缘属性为圆角边缘属性。

在本申请一具体实施例中，所述根据所述控件背景画布的边缘属性，改变所述控件背景画布的外形具体为：

根据所述圆角边缘属性，将所述控件背景画布的边缘剪切成圆角。

在本申请一具体实施例中，所述方法还包括：

将纹理添加至所述控件背景画布上，并添加至面片上。

对应上述方法，本申请提供一种3D空间中的控件实现装置，包括：

画布绘制模块，用于根据控件设计要求，进行控件背景画布绘制；

外形更改模块，用于更改控件背景画布的边缘属性，改变所述控件背景画布的外形。

在本申请一具体实施例中，所述外形更改模块包括：

属性更改单元，用于根据接收的所述控件背景画布的边缘曲线参数，更改所述控件背景画布的边缘属性；

变形变化单元，用于根据所述控件背景画布的边缘属性，改变所述控件背景画布的外形。

在本申请一具体实施例中，所述属性更改单元具体用于根据接收的所述控件背景画布的倒角值，更改所述控件背景画布的边缘属性为圆角边缘属性。

在本申请一具体实施例中，所述变形变化单元具体用于根据所述圆角边缘属性，将所述控件背景画布的边缘剪切成圆角。

在本申请一具体实施例中，所述装置还包括：

面片添加模块，用于将纹理添加至所述控件背景画布上，并添加至面片上。

本申请实施例根据控件设计要求，进行控件背景画布绘制，并更改控件背景画布的边缘属性，改变所述控件背景画布的外形。因此，本申请可以通过改变背景画布的边缘属性，即可以改变所述控件背景画布的外形，从而获得不同外形的控件。本申请实现在3D空间改变所述控件背景画布的外形，而无需更改画片，减少了渲染工作量，且过程简单。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请中记载的一些实施例，对于本领域普通技术人员来讲，还可以根据这些附图获得其他的附图。

图1是本申请所应用的计算机设备的硬件结构图；

图2是本申请提供的一种3D空间中的控件实现方法一实施例流程图；

图3是本申请提供的一种3D空间中的控件实现方法一实施例步骤S2的流程图；

图4是本申请提供的一种3D空间中的控件实现方法另一实施例流程图；

图5是本申请提供的一种3D空间中的控件实现装置一实施例结构图；

图6是本申请提供的一种3D空间中的控件实现装置一实施例的外形更改模块的结构图；

图7是本申请提供的一种3D空间中的控件实现装置另一实施例的指令操作模块结构图；

图8是本申请一具体应用场景的流程图。

具体实施方式

本申请实施例根据控件设计要求，进行控件背景画布绘制，并更改控件背景画布的边缘属性，改变所述控件背景画布的外形。因此，本申请可以通过改变背景画布的边缘属性，即可以改变所述控件背景画布的外形，从而获得不同外形的控件。本申请实现在3D空间改变所述控件背景画布的外形，而无需更改画片，减少了渲染工作量，且过程简单。

尽管本申请能够具有许多不同形式的实施例，但在附图中显示并且将在本文详细描述的特定实施例，应该理解，这种实施例的公开应该被视为原理的示例，而非意图把本申请限制于显示和描述的特定实施例。在以下的描述中，相同的标号用于描述附图的几个示图中的相同、相似或对应的部分。

如本文所使用，术语“一个”或“一种”被定义为一个(种)或超过一个(种)。如本文所使用，术语“多个”被定义为两个或超过两个。如本文所使用，术语“其他”被定义为至少再一个或更多个。如本文所使用，术语“包含”和/或“具有”被定义为包括(即，开放式语言)。如本文所使用，术语“耦合”被定义为连接，但未必是直接连接，并且未必是以机械方式连接。如本文所使用，术语“程序”或“计算机程序”或类似术语被定义为设计用于在计算机***上执行的指令序列。“程序”或“计算机程序”可包括子程序、函数、过程、对象方法、对象实现、可执行应用、小应用程序、小服务程序、源代码、目标代码、共享库/动态加载库和/或设计用于在计算机***上执行的其它指令序列。

如本文所使用，术语“节目”也可用在第二语境中(以上定义用于第一语境)。在第二语境中，在“电视节目”的意义上使用该术语。在这种语境中，该术语用于表示任何相干系列的音频视频内容，诸如将会被解释为并且在电子节目指南(EPG)中被报告为单个电视节目的内容，而不管该内容是电影、体育赛事、多部分连续剧的片段、新闻广播等。该术语也可被解释为包括商业插播广告和可能未在电子节目指南中被报告为节目的其它像节目一样的内容。

在整个本文件中对“一个实施例”、“某些实施例”、“实施例”或类似术语的提及表示结合实施例描述的特定特征、结构或特性被包括在本发明的至少一个实施例中。因此，在整个本说明书的各种地方的这种词语的出现不必全部表示相同的实施例。另外，所述特定特征、结构或特性可非限制性地在一个或多个实施例中以任何合适的方式组合。

如本文所使用，术语“或者”应该被解释为是包括性的或者表示任何一种或任何组合。因此，“A、B或者C”表示“下面的任何一种：A；B；C；A和B；A和C；B和C；A，B和C”。仅当元件、功能、步骤或动作的组合以某种方式固有地相互排斥时，将会发生这种定义的例外。

如本文所使用，术语3D或三维旨在应用于立体三维视觉体验。这种体验能够以许多方法创建，包括使用针对每只眼睛不同地偏振或针对每只眼睛滤色的图像。具体地讲，在本发明的上下文内，通过分开的左眼和右眼图像的产生和显示来创建三维视觉体验。在呈现分开的用于每只眼睛的图像的显示装置上观看这种图像，其中主动技术(诸如，由每只眼睛观看的图像的交替的同步的阻挡和通过)用于创建左眼和右眼图像的分离，或者被动技术(诸如，偏振或有色眼镜)用于分离左眼和右眼图像，由此产生立体三维视觉体验幻觉。

为了使本领域的人员更好地理解本申请中的技术方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员所获得的所有其他实施例，都应当属于本申请保护的范围。

下面结合本申请附图进一步说明本申请具体实现。

本申请一实施例提供一种3D空间中的控件实现方法，通常应用于计算机设备。

参见图1，所述计算机设备通常包括：主控芯片11、存储器12、输入输出装置13以及其他硬件14。所述主控芯片11控制各功能模块，存储器12存储各应用程序和数据。

参见图2，所述方法包括：

S1、根据控件设计要求，进行控件背景画布绘制。

用户界面是***和用户之间进行交互和信息交换的媒介，它实现信息的内部形式与人类可以接受形式之间的转换。用户界面是介于用户与硬件而设计彼此之间交互沟通相关软件，目的在使得用户能够方便有效率地去操作硬件以达成双向之交互，完成所希望借助硬件完成之工作，用户界面定义广泛，包含了人机交互与图形用户接口，凡参与人类与机械的信息交流的领域都存在着用户界面。

3D空间中的控件用于完成软件开发中视窗、文本框、按钮、下拉式菜单等界面元素的开发。

本申请在用户界面层进行控件设计，根据控件的设计要求，比如，控件的尺寸、控件的颜色、纹理等进行控件背景画布绘制。

S2、更改控件背景画布的边缘属性，改变所述控件背景画布的外形。

本申请通过更改控件背景画布的边缘属性，比如将控件边缘属性改为圆角、心形曲线等，来改变控件背景画布的外形为圆角控件或者心形控件等。

因此，本申请可以通过改变背景画布的边缘属性，即可以改变所述控件背景画布的外形，从而获得不同外形的控件。本申请实现在3D空间改变所述控件背景画布的外形，而无需更改画片，减少了渲染工作量，且过程简单。

在本申请另一具体实现中，参见图3，所述步骤S2包括：

S21、根据接收的所述控件背景画布的边缘曲线参数，更改所述控件背景画布的边缘属性。

用户界面设计人员可以根据设计的需要，输入不同的控件背景画布的边缘曲线参数。

本申请接收用户界面设计人员输入的所述控件背景画布的边缘曲线参数，根据接收的边缘曲线参数来更改所述控件背景画布的边缘属性。

S22、根据所述控件背景画布的边缘属性，改变所述控件背景画布的外形。

本申请根据改变后的所述控件背景画布的边缘属性，改变所述控件背景画布的外形，从而实现根据用户界面设计人员输入的所述控件背景画布的边缘曲线参数，得到不同外形的控件背景画布。

本申请无需用户界面设计人员对面片进行修改，且仅需用户界面设计人员根据自身的设计需要输入所述控件背景画布的边缘曲线参数，即可获得改变外形的控件背景画布。本申请简化了3D控件设计的程序，节约进行3D控件设计的时间。

在本申请再一具体实现中，所述步骤S21具体为：根据接收的所述控件背景画布的倒角值，更改所述控件背景画布的边缘属性为圆角边缘属性。

倒角一般是指位于零件的端部的圆角，在3D空间中的控件通常为矩形，用户界面设计人员输入的所述控件背景画布的倒角值，根据接收的倒角值来更改所述控件背景画布的边缘属性为圆角边缘属性。

所述步骤S22具体为：根据所述圆角边缘属性，将所述控件背景画布的边缘剪切成圆角。

具体的，本申请可以将所述控件背景画布的边缘剪切成圆角。本申请也可以采用其他方式将所述控件背景画布的边缘变化为圆角，比如将部分边缘透明化等。

在本申请再一具体实现中，参见图4，所述方法还包括：

S3、将纹理添加至所述控件背景画布上，并添加至面片上。

本申请对背景画布的外形进行更改后，在背景画布上添加纹理，然后将添加纹理的背景画布添加至面片，从而完成3D空间中控件的设计。

对应上述方法，本申请一实施例提供一种3D空间中的控件实现装置，通常应用于计算机设备。

参见图1，所述计算机设备通常包括：主控芯片11、存储器12、输入输出装置13以及其他硬件14。所述主控芯片11控制各功能模块，存储器12存储各应用程序和数据。

参见图5，所述装置包括：

画布绘制模块51，用于根据控件设计要求，进行控件背景画布绘制。

外形更改模块52，用于更改控件背景画布的边缘属性，改变所述控件背景画布的外形。

用户界面是***和用户之间进行交互和信息交换的媒介，它实现信息的内部形式与人类可以接受形式之间的转换。用户界面是介于用户与硬件而设计彼此之间交互沟通相关软件，目的在使得用户能够方便有效率地去操作硬件以达成双向之交互，完成所希望借助硬件完成之工作，用户界面定义广泛，包含了人机交互与图形用户接口，凡参与人类与机械的信息交流的领域都存在着用户界面。

3D空间中的控件用于完成软件开发中视窗、文本框、按钮、下拉式菜单等界面元素的开发。

本申请在用户界面层进行控件设计，根据控件的设计要求，比如，控件的尺寸、控件的颜色、纹理等进行控件背景画布绘制。

本申请通过更改控件背景画布的边缘属性，比如将控件边缘属性改为圆角、心形曲线等，来改变控件背景画布的外形为圆角控件或者心形控件等。

因此，本申请可以通过改变背景画布的边缘属性，即可以改变所述控件背景画布的外形，从而获得不同外形的控件。本申请实现在3D空间改变所述控件背景画布的外形，而无需更改画片，减少了渲染工作量，且过程简单。

在本申请另一具体实现中，参见图6，所述外形更改模块52包括：

属性更改单元521，用于根据接收的所述控件背景画布的边缘曲线参数，更改所述控件背景画布的边缘属性。

变形变化单元522，用于根据所述控件背景画布的边缘属性，改变所述控件背景画布的外形。

用户界面设计人员可以根据设计的需要，输入不同的控件背景画布的边缘曲线参数。

本申请接收用户界面设计人员输入的所述控件背景画布的边缘曲线参数，根据接收的边缘曲线参数来更改所述控件背景画布的边缘属性。

本申请根据改变后的所述控件背景画布的边缘属性，改变所述控件背景画布的外形，从而实现根据用户界面设计人员输入的所述控件背景画布的边缘曲线参数，得到不同外形的控件背景画布。

本申请无需用户界面设计人员对面片进行修改，且仅需用户界面设计人员根据自身的设计需要输入所述控件背景画布的边缘曲线参数，即可获得改变外形的控件背景画布。本申请简化了3D控件设计的程序，节约进行3D控件设计的时间。

在本申请再一具体实现中，所述属性更改单元521具体用于根据接收的所述控件背景画布的倒角值，更改所述控件背景画布的边缘属性为圆角边缘属性。

倒角一般是指位于零件的端部的圆角，在3D空间中的控件通常为矩形，用户界面设计人员输入的所述控件背景画布的倒角值，根据接收的倒角值来更改所述控件背景画布的边缘属性为圆角边缘属性。

所述变形变化单元522具体用于根据所述圆角边缘属性，将所述控件背景画布的边缘剪切成圆角。

具体的，本申请可以将所述控件背景画布的边缘剪切成圆角。本申请也可以采用其他方式将所述控件背景画布的边缘变化为圆角，比如将部分边缘透明化等。

在本申请再一具体实现中，参见图7，所述装置还包括：

面片添加模块53，用于将纹理添加至所述控件背景画布上，并添加至面片上。

本申请对背景画布的外形进行更改后，在背景画布上添加纹理，然后将添加纹理的背景画布添加至面片，从而完成3D空间中控件的设计。

下面通过本申请一具体应用场景来进一步说明本申请实现。

本申请应用于一计算机设备上，用户界面设计人员利用本申请进行3D用户界面中控件的设计。

参见图8，所述方法包括：

81、根据控件设计要求，进行控件背景画布绘制。

82、根据接收的所述控件背景画布的倒角值，更改所述控件背景画布的边缘属性为圆角边缘属性。

83、根据所述圆角边缘属性，将所述控件背景画布的边缘剪切成圆角。

84、将纹理添加至所述控件背景画布上，并添加至面片上。

本申请通过将控件边缘属性改为圆角，来改变控件背景画布的外形为圆角控件。本申请实现在3D空间改变所述控件背景画布的外形，而无需更改画片，减少了渲染工作量，且过程简单。

本领域的技术人员应明白，本申请的实施例可提供为方法、装置(设备)、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本申请是参照实施例的方法、装置(设备)和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

尽管已描述了本申请的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例作出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本申请范围的所有变更和修改。显然，本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样，倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内，则本申请也意图包含这些改动和变型在内。

Claims (10)

1.一种3D空间中的控件实现方法，其特征在于，包括：

根据控件设计要求，进行控件背景画布绘制；

更改控件背景画布的边缘属性，改变所述控件背景画布的外形。

2.如权利要求1所述的方法，其特征在于，所述更改控件背景画布的边缘属性，改变所述控件背景画布的外形包括：

根据接收的所述控件背景画布的边缘曲线参数，更改所述控件背景画布的边缘属性；

根据所述控件背景画布的边缘属性，改变所述控件背景画布的外形。

3.如权利要求2所述的方法，其特征在于，所述根据接收的所述控件背景画布的边缘曲线参数，更改所述控件背景画布的边缘属性具体为：

根据接收的所述控件背景画布的倒角值，更改所述控件背景画布的边缘属性为圆角边缘属性。

4.如权利要求3所述的方法，其特征在于，所述根据所述控件背景画布的边缘属性，改变所述控件背景画布的外形具体为：

根据所述圆角边缘属性，将所述控件背景画布的边缘剪切成圆角。

5.如权利要求1所述的方法，其特征在于，所述方法还包括：

将纹理添加至所述控件背景画布上，并添加至面片上。

6.一种3D空间中的控件实现装置，其特征在于，包括：

画布绘制模块，用于根据控件设计要求，进行控件背景画布绘制；

外形更改模块，用于更改控件背景画布的边缘属性，改变所述控件背景画布的外形。

7.如权利要求6所述的装置，其特征在于，所述外形更改模块包括：

属性更改单元，用于根据接收的所述控件背景画布的边缘曲线参数，更改所述控件背景画布的边缘属性；

变形变化单元，用于根据所述控件背景画布的边缘属性，改变所述控件背景画布的外形。

8.如权利要求7所述的装置，其特征在于，所述属性更改单元具体用于根据接收的所述控件背景画布的倒角值，更改所述控件背景画布的边缘属性为圆角边缘属性。

9.如权利要求8所述的装置，其特征在于，所述变形变化单元具体用于根据所述圆角边缘属性，将所述控件背景画布的边缘剪切成圆角。

10.如权利要求6所述的装置，其特征在于，所述装置还包括：

面片添加模块，用于将纹理添加至所述控件背景画布上，并添加至面片上。