CN111782198A

CN111782198A - 一种纹理资源的预览方法及装置

Info

Publication number: CN111782198A
Application number: CN202010769395.7A
Authority: CN
Inventors: 刘晓晗; 刘煜
Original assignee: Netease Hangzhou Network Co Ltd
Current assignee: Netease Hangzhou Network Co Ltd
Priority date: 2020-08-03
Filing date: 2020-08-03
Publication date: 2020-10-16
Anticipated expiration: 2040-08-03
Also published as: CN111782198B

Abstract

本发明实施例提供了一种纹理资源的预览方法及装置，其中，所述的方法包括：读取纹理资源的数据文件，所述纹理资源的数据文件包括纹理资源的纹理信息；封装针对所述纹理资源的画刷对象，所述画刷对象具有初始属性；根据所述纹理资源的纹理信息调整所述画刷对象的初始属性得到目标属性；根据所述目标属性调整与所述画刷对象对应的图片控件；在所述图片控件中展示所述纹理资源。使得在图片控件中展示的纹理资源可以反应纹理资源的真实显示效果，以便于用户在预览纹理资源时，可以看到所设置的纹理资源的真实显示效果，提高开发效率。

Description

一种纹理资源的预览方法及装置

技术领域

本发明涉及软件应用技术领域，特别是涉及一种纹理资源的预览方法，以及一种纹理资源的预览装置。

背景技术

UE4(Unreal Engine 4，虚幻引擎4)是全球最开放最先进的实时3D创作平台，可用于构建游戏、模拟及可视化内容，具备照片集逼真的渲染功能、动态物理与效果、栩栩如生的动画、简装的数据转换接口等。经过持续的改进，UE4已经不仅仅是一款实时引擎与编辑器，还能为各行各业的专业人士带去无限的创作自由和空前的掌控力。

在基于UE4进行开发创作时，通常需要在开发创作的过程中不断预览作品的效果。目前，UE4自带纹理预览的功能，但是，基于UE4自带的纹理预览的功能进行预览时，纹理预览是变形的、模糊的，经常无法识别，起不到预览作用。如图1所示，纹理资源被压缩并显示为固定的大小，使得纹理预览较为模糊，无法识别。

发明内容

鉴于上述问题，提出了本发明实施例以便提供一种克服上述问题或者至少部分地解决上述问题的一种纹理资源的预览方法和相应的一种纹理资源的预览装置。

本发明实施例公开了一种纹理资源的预览方法，包括：

读取纹理资源的数据文件，所述纹理资源的数据文件包括纹理资源的纹理信息；

封装针对所述纹理资源的画刷对象，所述画刷对象具有初始属性；

根据所述纹理资源的纹理信息调整所述画刷对象的初始属性得到目标属性；

根据所述目标属性调整与所述画刷对象对应的图片控件；

在所述图片控件中展示所述纹理资源。

可选地，所述封装针对所述纹理资源的画刷对象，包括：

构建画刷对象，并定义所述画刷对象使用的资源为所述纹理资源。

可选地，还包括：

根据所述目标属性调整所述图片控件的父节点控件对应的属性，以使得所述图片控件中的纹理资源正常显示。

可选地，在所述图片控件中展示所述纹理资源的步骤之前，还包括：

针对所述图片控件创建控件插槽；

将所述图片控件添加到所述控件插槽中。

可选地，所述在图片控件中展示所述纹理资源，包括：

当检测到作用于所述图片控件的鼠标悬停事件时，在所述图片控件中展示所述纹理资源。

可选地，所述纹理资源的数据文件还包括纹理资源的预览信息，所述方法还包括：

在所述图片控件中的预设区域展示所述预览信息。

可选地，所述纹理信息包括大小信息和色泽信息。

本发明实施例还公开了一种纹理资源的预览装置，包括：

数据文件读取模块，用于读取纹理资源的数据文件，所述纹理资源的数据文件包括纹理资源的纹理信息；

画刷对象封装模块，用于封装针对所述纹理资源的画刷对象，所述画刷对象具有初始属性；

画刷对象调整模块，用于根据所述纹理资源的纹理信息调整所述画刷对象的初始属性得到目标属性；

图片控件调整模块，用于根据所述目标属性调整与所述画刷对象对应的图片控件；

纹理资源展示模块，用于在所述图片控件中展示所述纹理资源。

可选地，所述画刷对象封装模块，包括：

画刷对象构建子模块，用于构建画刷对象，并定义所述画刷对象使用的资源为所述纹理资源。

可选地，还包括：

父节点控件调整模块，用于根据所述目标属性调整所述图片控件的父节点控件对应的属性，以使得所述图片控件中的纹理资源正常显示。

可选地，还包括：

控件插槽创建模块，用于针对所述图片控件创建控件插槽；

控件添加模块，用于将所述图片控件添加到所述控件插槽中。

可选地，所述纹理资源展示模块，包括：

展示子模块，用于当检测到作用于所述图片控件的鼠标悬停事件时，在所述图片控件中展示所述纹理资源。

可选地，所述纹理资源的数据文件还包括纹理资源的预览信息，所述装置还包括：

预览信息展示模块，用于在所述图片控件中的预设区域展示所述预览信息。

可选地，所述纹理信息包括大小信息和色泽信息。

本发明实施例还公开了一种电子设备，包括：

一个或多个处理器；和

其上存储有指令的一个或多个机器可读介质，当由所述一个或多个处理器执行时，使得所述电子设备执行如本发明实施例任一项所述的方法。

本发明实施例还公开了一种计算机可读存储介质，其上存储有指令，当由一个或多个处理器执行时，使得所述处理器执行如本发明实施例任一项所述的方法。

本发明实施例包括以下优点：

在本发明实施例中，通过读取纹理资源的数据文件，为纹理资源封装画刷对象，根据纹理资源的纹理信息调整画刷对象的初始属性得到目标属性，并根据目标属性调整画刷对象对应的图片控件，在图片控件中展示纹理资源。由于画刷对象的属性是根据纹理资源的纹理信息进行调整的，使得画刷对象对应的图片控件也是根据纹理资源的纹理信息进行调整，使得图片控件中展示的纹理资源可以反应纹理资源的真实显示效果，以便于用户在预览纹理资源时，可以看到所设置的纹理资源的真实显示效果，从而能够对不符合预期的纹理资源及时进行改进，极大提高以采用界面编辑器进行的开发的效率。

附图说明

图1是现有技术的一种纹理预览的显示效果示意图；

图2是本发明的一种纹理资源的预览方法实施例的步骤流程图；

图3是本发明的一种纹理资源的显示效果示意图；

图4是本发明的另一种纹理资源的预览的流程框图；

图5是本发明的一种纹理资源的预览装置实施例的结构框图。

具体实施方式

为使本发明的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本发明作进一步详细的说明。

参照图2，示出了本发明的一种预览资源方法实施例的步骤流程图，应用于界面编辑器，具体可以包括如下步骤：

步骤201，读取纹理资源的数据文件，所述数据文件包括纹理资源的纹理信息；

本发明实施例可以应用于界面编辑器中，界面编辑器可以是一种用于设计UI(User Interface，用户界面)的编辑器。如UMG(Unreal Motion Graphics UI Designer，虚幻运动图形界面设计器)，UMG是一款视觉UI创作工具，可用于创作想要呈现给用户的UI元素，比如游戏内的HUD、菜单或与界面相关的其他图形元素。UMG的核心是控件，即用于构成界面的一系列预先制作的功能组件(比如按钮、复选框、滑块、进度条等)。

通过界面编辑器读取纹理资源的数据文件，该纹理资源可以是具有纹理的图片资源，纹理资源的数据文件可以为uasset格式。具体的，界面编辑器可以包括内容管理器，用户可以打开内容管理器，找到所需要的纹理资源的数据文件，鼠标悬停于该纹理资源的数据文件上，选择针对该纹理资源的数据文件进行读取，进而，界面编辑器可以响应于用户的操作，对纹理资源的数据文件进行读取。

纹理资源的数据文件中包括纹理资源的纹理信息，该纹理信息可以指描述纹理资源的属性的信息。在本发明实施例中，纹理资源的纹理信息可以包括大小信息和色泽信息等，其中，大小信息用于描述纹理资源的Size尺寸(大小)，色泽信息用于描述纹理资源中每一像素的Tint色泽(颜色)。

此外，纹理资源的数据文件中还可以包括纹理资源的预览信息，该预览信息可以指针对纹理资源的概括性描述信息，或针对纹理资源的解释说明信息等，本发明实施例对此并不限制。

在具体实现中，在读取纹理资源的数据文件之后，可以将数据文件中的纹理资源加载为界面编辑器能够识别的特定格式的图片资源，以便于后续进一步对纹理资源进行处理并在图片控件中展示。

步骤202，封装针对所述纹理资源的画刷对象，所述画刷对象具有初始属性；

在本发明实施例中，可以为纹理资源封装一层画刷对象，该画刷对象可以指用于控制或调整纹理资源的基础属性(如，纹理资源的尺寸，色泽等)的一项接口对象。

具体的，可以通过界面编辑器(如UMG)自带的FslateBrush结构体来构建画刷对象，并在FslateBrush的实例中定义画刷对象的初始属性。画刷对象可以具有Image图像属性，ImageSize图像大小属性和Tint色泽属性等，其中，Image用于指定此画刷对象使用的资源，如设置Image为数据文件中读取的纹理资源；ImageSize用于指定图像大小；Tint可以影响最后绘制出来的图像的颜色。画刷对象具有的初始属性可以指在构建画刷对象时，设定的Image，ImageSize和Tint等初始属性。

在具体实现中，画刷对象可以具有对应的图片控件，该图片控件用于展示纹理资源，在为纹理资源封装画刷对象之后，可以实现画刷对象对应的图片控件与图片控件中展示纹理资源的对接，使得图片控件中展示的纹理资源的显示效果可以随着图片控件的属性的改变而改变。

步骤203，根据所述纹理资源的纹理信息调整所述画刷对象的初始属性得到目标属性；

具体的，可以提取纹理资源的数据文件中纹理资源的纹理信息，并根据该纹理资源的纹理信息调整画刷对象的初始属性得到目标属性，如，设置画刷对象的ImageSize属性为纹理资源的大小，以及设置画刷对象的Tint属性为纹理资源的色泽。

步骤204，根据所述目标属性调整与所述画刷对象对应的图片控件；

图片控件可以具有对应的属性，该图片控件对应的属性可以随着画刷对象的属性进行调整。具体的，画刷对象可以是一种抽象类的对象，图片控件是画刷对象的子类对象，图片控件通过继承的方式来继承画刷对象的属性，将图片控件的属性调整为与画刷对象的目标属性一致。

作为一种示例，假设目标属性包括调整后的ImageSize属性和Tint属性，图片控件具有Size属性和Tint属性，则可以将图片控件的Size属性调整为与画刷对象的ImageSize属性一样，以及将图片控件的Tint属性调整为与画刷对象的Tint属性一样。

步骤205，在所述图片控件中展示所述纹理资源。

在本发明实施例中，可以在画刷对象对应的图片控件中展示纹理资源，根据图片控件的大小属性压缩或拉伸所展示的纹理资源，并在图片控件中平铺展示该纹理资源，并根据图片控件的颜色属性调整所展示的纹理资源的颜色。

通过读取纹理资源的数据文件，为纹理资源封装画刷对象，根据纹理资源的纹理信息调整画刷对象的初始属性得到目标属性，并根据目标属性调整画刷对象对应的图片控件，在图片控件中展示纹理资源。由于画刷对象的属性是根据纹理资源的纹理信息进行调整的，使得画刷对象对应的图片控件也是根据纹理资源的纹理信息进行调整，使得图片控件中展示的纹理资源可以反应纹理资源的真实显示效果，以便于用户在预览纹理资源时，可以看到所设置的纹理资源的真实显示效果，从而能够对不符合预期的纹理资源及时进行改进，极大地提高采用界面编辑器进行的开发的效率。

在本发明的一种优选实施例中，所述步骤205可以包括如下子步骤：

构造画刷对象，并定义所述画刷对象使用的资源为所述纹理资源。

在本发明实施例中，可以通过构造画刷对象，并定义画刷对象使用的资源为从数据文件中读取的纹理资源，从而为纹理资源封装画刷对象。具体的，画刷对象可以为FslateBrush结构体，通过构建FslateBrush结构体，并定义FslateBrush结构体的Image图像属性指向从数据文件中读取的纹理资源。

在本发明的一种优选实施例中，所述的方法还可以包括如下子步骤：

由于一些父节点控件的属性会影响子节点控件的属性，从而影响子节点控件中纹理资源的显示效果，如父节点控件的大小属性会影响子节点控件的大小属性。在本发明实施例中，为了防止在图片控件中展示的纹理资源发生变形，模糊等，影响预览纹理资源的效果，可以根据目标属性调整图片控件的父节点控件对应的属性，使得图片控件中的纹理资源能够正常显示。

具体的，图片控件的父节点控件可以包括外延边框控件，画布控件等控件，可以将外延边框控件、画布控件对应的属性调整为与目标属性一致，例如，将大小属性调整为与ImageSize属性一致。由于目标属性是根据纹理资源的纹理信息进行设置得到的，因此，根据目标属性设置图片控件的父节点控件对应的属性之后，图片控件的父节点控件也能够满足图片控件展示纹理资源的需求，使得图片控件中的纹理资源能够正常显示，进一步保证预览纹理资源的效果。

在本发明的一种优选实施例中，在所述步骤205之前，还包括：

针对所述图片控件创建控件插槽；将所述图片控件添加到所述控件插槽中。

在本发明实施例中，可以针对图片控件创建控件插槽，并将图片控件添加到控件插槽中，该控件插槽用于在界面编辑器的用户界面上添加一显示区域，以在界面编辑器的用户界面上在显示图片控件。

在本发明的一种优选实施例中，所述在图片控件中展示所述纹理资源，可以包括如下子步骤：

具体的，可以设置一针对图片控件的鼠标悬停事件，通过实时检测针对图片控件的鼠标悬停事件是否发生，在检测到作用于图片控件的鼠标悬停事件时，在图片控件中展示纹理资源，以便于用户对纹理资源进行预览。

作为一种示例，如图3示出了本发明的一种展示纹理资源的示意图，通过在检测到作用于图片控件的鼠标悬停事件时，在图片控件中展示纹理资源，图3中，展示的纹理资源没有发生变形，色泽清晰，显示效果较为真实。

在本发明的一种优选实施例中，所述纹理资源的数据文件还包括纹理资源的预览信息，所述方法还包括：

在所述图片控件中的预设区域展示所述预览信息。

其中，预览信息可以指针对纹理资源的概括性描述信息，或针对纹理资源的解释说明信息等，本发明实施例对此并不限制。

在本发明实施例中，可以在展示纹理资源时，在图片控件的预设区域中展示预览信息，以进一步加快开发的效率。预设区域可以是预先设定的一定范围大小的区域，如，图片控件的右上角大小为50*50px的区域等，在具体实现时，预设区域可以根据实际需要进行自由设置，本发明实施例对此并不限制。

如图4示出了本发明的另一种纹理资源的预览流程框图，具体的纹理资源的预览流程如下：

步骤S401：读取纹理资源的数据文件，所述纹理资源的数据文件包括纹理资源的纹理信息和预览信息；

步骤S402：加载所述纹理资源的数据文件得到特定格式的纹理资源；

步骤S403：封装针对所述纹理资源的画刷对象，所述画刷对象具有初始属性；

步骤S404：根据所述纹理资源的纹理信息调整所述画刷对象的初始属性得到目标属性；

步骤S405：根据所述目标属性调整与所述画刷对象对应的图片控件；

步骤S406：根据所述目标属性调整所述图片控件的父节点控件对应的属性；

步骤S407：针对所述图片控件创建控件插槽，将所述图片控件添加到所述控件插槽中；

步骤S408：在图片控件中展示所述纹理资源及其预览信息。

在本发明实施例中，可以通过界面编辑器读取纹理资源的数据文件，并加载纹理资源的数据文件得到特定格式的纹理资源，封装针对纹理资源的画刷对象，根据纹理资源的纹理信息调整画刷对象的初始属性得到目标属性，并根据目标属性调整画刷对象对应的图片控件，以及，根据所述目标属性调整所述图片控件的父节点控件对应的属性，针对图片控件创建控件插槽，将图片控件添加到控件插槽中，在图片控件中展示纹理资源及其预览信息。由于画刷对象的属性是根据纹理资源的纹理信息进行调整的，使得画刷对象对应的图片控件也是根据纹理资源的纹理信息进行调整，使得图片控件中展示的纹理资源可以反应纹理资源的真实显示效果，以便于用户在预览纹理资源时，可以看到所设置的纹理资源的真实显示效果，从而能够对不符合预期的纹理资源及时进行改进，极大提高以采用界面编辑器进行的开发的效率。

需要说明的是，对于方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明实施例并不受所描述的动作顺序的限制，因为依据本发明实施例，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作并不一定是本发明实施例所必须的。

参照图5，示出了本发明的一种纹理资源的预览装置实施例的结构框图，具体可以包括如下模块：

数据文件读取模块501，用于读取纹理资源的数据文件，所述纹理资源的数据文件包括纹理资源的纹理信息；

画刷对象封装模块502，用于封装针对所述纹理资源的画刷对象，所述画刷对象具有初始属性；

画刷对象调整模块503，用于根据所述纹理资源的纹理信息调整所述画刷对象的初始属性得到目标属性；

图片控件调整模块504，用于根据所述目标属性调整与所述画刷对象对应的图片控件；

纹理资源展示模块505，用于在所述图片控件中展示所述纹理资源。

在本发明的一种优选实施例中，所述画刷对象封装模块503，包括：

在本发明的一种优选实施例中，所述装置还可以包括如下模块：

控件插槽创建模块，用于针对所述图片控件创建控件插槽；

在本发明的一种优选实施例中，所述纹理资源展示模块505，包括：

在本发明的一种优选实施例中，所述纹理资源的数据文件还包括纹理资源的预览信息，所述装置还可以包括如下模块：

在本发明的一种优选实施例中，所述纹理信息包括大小信息和色泽信息。

对于装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本发明实施例提供了一种电子设备，包括：

一个或多个处理器；和其上存储有指令的一个或多个机器可读介质，当由所述一个或多个处理器执行时，使得所述电子设备执行如本发明实施例任一项所述的方法。

本发明实施例公开了一种计算机可读存储介质，其上存储有指令，当由一个或多个处理器执行时，使得所述处理器执行如本发明实施例任一项所述的方法。

本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。

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

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

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

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

尽管已描述了本发明实施例的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明实施例范围的所有变更和修改。

最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者终端设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者终端设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者终端设备中还存在另外的相同要素。

以上对本发明所提供的一种纹理资源的预览方法和一种纹理资源的预览装置，进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。

Claims

1.一种纹理资源的预览方法，其特征在于，包括：

根据所述目标属性调整与所述画刷对象对应的图片控件；

在所述图片控件中展示所述纹理资源。

2.根据权利要求1所述的方法，其特征在于，所述封装针对所述纹理资源的画刷对象，包括：

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

4.根据权利要求1所述的方法，其特征在于，在所述在所述图片控件中展示所述纹理资源的步骤之前，还包括：

针对所述图片控件创建控件插槽；

将所述图片控件添加到所述控件插槽中。

5.根据权利要求1所述的方法，其特征在于，所述在所述图片控件中展示所述纹理资源，包括：

6.根据权利要求1所述的方法，其特征在于，所述纹理资源的数据文件还包括纹理资源的预览信息，所述方法还包括：

在所述图片控件中的预设区域展示所述预览信息。

7.根据权利要求1所述的方法，其特征在于，所述纹理信息包括大小信息和色泽信息。

8.一种纹理资源的预览装置，其特征在于，包括：

9.一种电子设备，其特征在于，包括：

一个或多个处理器；和

其上存储有指令的一个或多个机器可读介质，当由所述一个或多个处理器执行时，使得所述电子设备执行如权利要求1-7任一项所述的方法。

10.一种计算机可读存储介质，其上存储有指令，当由一个或多个处理器执行时，使得所述处理器执行如权利要求1-7任一项所述的方法。