CN111008012A - 一种原型设计方法、装置、电子产品及存储介质 - Google Patents

Abstract

本发明实施例公开了一种原型设计方法、装置、电子产品及存储介质，其中该方法包括：对预设应用的代码进行解析，获取所述预设应用中界面的组件资源ID、跳转方式和跳转关系；根据所述组件资源ID进行界面图形显示，根据所述跳转方式生成跳转控件，根据所述跳转关系，将所述跳转控件设置于跳转至当前界面图形的上层界面图形。本发明实施例提供的一种原型设计方法、装置、电子产品及存储介质，可方便快捷地实现产品界面的原型设计，且界面功能的展示效果逼真，避免人力物力资源浪费。

Description

一种原型设计方法、装置、电子产品及存储介质

技术领域

本发明实施例涉及计算机技术，尤其涉及一种原型设计方法、装置、电子产品及存储介质。

背景技术

本发明实施例中所公开的原型设计，可以认为是产品面市之前的一个框架设计。通过进行产品的原型设计，可快速验证产品的可用性，也可进行界面功能的效果展示。

现有原型设计方法可以包括如下两种：1.反复截取产品实际界面，根据截取图片拼接产品原型，该设计方法费时费力，且界面功能的展示效果并不直观；2.程序开发人员编写无后台功能的产品原型程序，UI设计人员进行UI设计，美工人员进行图片绘制，该设计方法需要调配大量的人力物力实现，且后续原型设计更新同样耗时耗力。

发明内容

有鉴于此，本发明实施例提供了一种原型设计方法、装置、电子产品及存储介质，可方便快捷地实现产品界面的原型设计，界面功能的展示效果逼真，避免人力物力资源浪费。

第一方面，本发明实施例提供了一种原型设计方法，包括：

对预设应用的代码进行解析，获取所述预设应用中界面的组件资源ID、跳转方式和跳转关系；

根据所述组件资源ID进行界面图形显示，根据所述跳转方式生成跳转控件，根据所述跳转关系，将所述跳转控件设置于跳转至当前界面图形的上层界面图形。

第二方面，本发明实施例提供了一种原型设计装置，包括：

代码解析模块，用于对预设应用的代码进行解析，获取所述预设应用中界面的组件资源ID、跳转方式和跳转关系；

原型设计模块，用于根据所述组件资源ID进行界面图形显示，根据所述跳转方式生成跳转控件，根据所述跳转关系，将所述跳转控件设置于跳转至当前界面图形的上层界面图形。

第三方面，本发明实施例提供了一种电子产品，包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如本发明任一实施例所述的原型设计方法。

第四方面，本发明实施例提供了一种存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本发明任一实施例所述的原型设计方法。

本发明实施例提供的一种原型设计方法、装置、电子产品及存储介质，可先对预设应用的代码进行解析，获取预设应用中界面的组件资源ID、跳转方式和跳转关系；再根据组件资源ID进行界面图形显示，根据跳转方式生成跳转控件，根据跳转关系，将跳转控件设置于跳转至当前界面图形的上层界面图形。通过获取预设应用中界面的组件资源ID，可还原显示预设应用的各界面；通过获取各界面的跳转方式，和各界面间的跳转关系，可以在各界面上设置相应的跳转控件，从而实现各界面之间的跳转。无需人为截图拼接或编程设计，可方便快捷地实现产品界面的原型设计，并且原型中界面跳转与真实预设应用的界面跳转效果接近，提高了界面功能的展示效果。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图做一简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例一提供的一种原型设计方法流程图；

图2是本发明实施例二提供的一种原型设计装置结构示意图；

图3是本发明实施例三提供的一种电子产品的结构示意图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，以下将参照本发明实施例中的附图，通过实施方式清楚、完整地描述本发明的技术方案，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。下述各实施例中，每个实施例中同时提供了可选特征和示例，实施例中记载的各个特征可进行组合，形成多个可选方案，不应将每个编号的实施例仅视为一个技术方案。

实施例一

图1是本发明实施例一提供的一种原型设计方法流程图，本实施例可适用于原型设计的情况，例如适用于对已有一定完成度的应用软件产品进行原型设计的情况。该方法可以由本发明实施例提供的原型设计装置实现，其中原型设计装置可由硬件和/或软件构成，且原型设计装置可集成于本发明实施例提供的电子产品中。

参见图1，该原型设计方法，包括如下步骤：

S110、对预设应用的代码进行解析，获取预设应用中界面的组件资源ID、跳转方式和跳转关系。

本发明实施例提供的原型设计方法可以由原型设计装置实施，而原型设计装置可以为由不同功能的代码程序构成的虚拟装置，可以将其理解为实现原型设计的软件工具，且该软件工具可提供有操作界面，在该操作界面上可进行原型设计操作和展示。

实施本发明实施例提供的原型设计方法的代码程序，可与预设应用的代码程序构建依赖关系。在原型设计方法的代码程序运行后，可以对预设应用的代码程序进行解析，以得到预设应用中界面的组件资源ID、跳转方式和跳转关系。

其中，预设应用中界面的组件资源ID，例如可以包括背景图片的资源ID，图标图片的资源ID，文本的资源ID和界面布局的资源ID等。其中，跳转方式例如可以包括点击按钮控件跳转，通过文本框控件输入参数后并点击按钮控件跳转和滑动滑块跳转等。其中，跳转关系可以理解为界面之间的跳转关系，即各界面的上层界面和下层界面的链接关系。

S120、根据组件资源ID进行界面图形显示，根据跳转方式生成跳转控件，根据跳转关系，将跳转控件设置于跳转至当前界面图形的上层界面图形。

在获取预设应用中一个或多个界面的组件资源ID后，可分别对各界面的组件资源进行查询和调用，例如通过findViewById的方法获取各界面的组件资源。在获取各界面的组件资源后，可将预设应用的各界面图形在当前原型设计装置的操作界面上进行展示，以对预设应用的各界面进行还原显示，使界面图形的显示效果逼近于真实的预设应用界面。

根据跳转方式生成跳转控件，例如可以是当跳转方式为点击按钮控件跳转时，则生成按钮控件；当跳转方式为通过文本框控件输入参数后并点击按钮控件跳转时，则生成文本框控件和按钮控件；当跳转方式为滑动滑块跳转时，则生成滑块控件。此外，当跳转方式为其他方式时，也可对应生成相应的跳转控件，在此不做穷举。

其中，生成可跳转至各界面的跳转控件后，可进一步根据实际预设应用的界面之间的跳转关系，将当前显示的界面图形的跳转控件设置于跳转至当前界面图形的上层界面图形，从而可实现原型设计装置的操作界面上各界面图形之间的跳转，且界面图形跳转与真实预设应用界面跳转效果接近，提高了界面图形的展示效果。同时还可以快速验证预设应用的各界面的跳转关系是否正确。

示例性的，假如预设应用中，通过点击界面1中的跳转控件1可跳转至界面2，通过点击界面2中的跳转控件2可以跳转至界面3。则通过本发明实施例提供的原型设计方法，可先获界面1-3的组件资源ID、跳转方式和跳转关系；在根据界面1-3的组件资源ID在当前原型设计装置的操作界面上显示界面图形1-3；根据界面2的跳转方式生成跳转控件1，以及根据界面3的跳转方式生成跳转控件2；根据界面1跳转至界面2的跳转关系，将跳转控件1设置于界面图形1上；根据界面2跳转至界面3的跳转关系，将跳转控件2设置于界面图形2上。从而可以在原型设计装置的操作界面上呈现与预设应用相似度极高的原型设计，且根据该原型设计可以快速验证预设应用的可用性，也可进行预设应用的界面功能的跳转效果展示。

可选的，组件资源ID包括跳转控件的图片资源ID；相应的，在将跳转控件设置于跳转至当前界面图形的上层界面图形之后，还包括：根据跳转控件的图片资源ID，对跳转控件添加图片。

在跳转控件设置完毕后，可根据跳转控件的图片资源ID对该跳转控件添加图片，以使跳转控件可以还原预设应用中跳转控件的样式，增加原型设计的还原度，提高了预设应用的展示效果。

可选的，在将跳转控件设置于跳转至当前界面图形的上层界面图形之后，还包括：基于作用在跳转控件的操作指令，对跳转控件进行调整。

进一步的，操作指令，包括下述至少一种：位置移动指令，尺寸调整指令、角度调整指令和添加图片指令。

在跳转控件设置完毕后，或根据图片资源ID添加图片后，还可以通过原型设计装置的操作界面实现对已呈现原型的更新设计，例如输入对跳转控件的操作指令，以对跳转控件进行调整，又如输入对界面图形中其他组件的调整指令，以对界面图形中其他组件进行调整。其中，通过作用于跳转控件的位置移动指令，可以移动跳转控件在原型设计界面中的位置；通过作用于跳转控件的尺寸调整指令，可以调整跳转控件的大小；通过作用于跳转控件的角度调整指令，可以调整跳转控件的旋转角度；通过作用于跳转控件的添加图片指令，可以更改跳转控件的当前图片，从而改变跳转控件的样式。其中，输入对界面图形中其他组件的调整指令，例如可以是对界面图形的背景、图标或文本进行调整的指令，以实现对界面图形的背景、图标或文本进行调整。

通过对原型的界面进行调整，可实现在预设应用的原型设计的基础上进行设计更新，以直观观察到更新后界面图形的展示效果，有助于指导产品研发，提升产品质量。

可选的，预设应用为游戏类应用。

本发明实施例提供的实现原型设计的软件工具，可基于游戏应用的程序代码，呈现游戏应用的原型设计，可实现游戏应用的快速验证和效果展示。此外，预设应用还可以为其他应用，如购物类应用，通信类应用或多媒体类应用，在此不做穷举。

本实施例提供的原型设计方法，可先对预设应用的代码进行解析，获取预设应用中界面的组件资源ID、跳转方式和跳转关系；再根据组件资源ID进行界面图形显示，根据跳转方式生成跳转控件，根据跳转关系，将跳转控件设置于跳转至当前界面图形的上层界面图形。通过获取预设应用中界面的组件资源ID，可还原显示预设应用的各界面；通过获取各界面的跳转方式，和各界面间的跳转关系，可以在各界面上设置相应的跳转控件，从而实现各界面之间的跳转。无需人为截图拼接或编程设计，可方便快捷地实现产品界面的原型设计，并且原型中界面跳转与真实预设应用的界面跳转效果接近，提高了界面功能的展示效果。

实施例二

图2是本发明实施例二提供的一种原型设计装置结构示意图，本实施例可适用于原型设计的情况。

参见图2，本实施例中原型设计装置，包括：

代码解析模块210，用于对预设应用的代码进行解析，获取预设应用中界面的组件资源ID、跳转方式和跳转关系；

原型设计模块220，用于根据组件资源ID进行界面图形显示，根据跳转方式生成跳转控件，根据跳转关系，将跳转控件设置于跳转至当前界面图形的上层界面图形。

可选的，组件资源ID包括跳转控件的图片资源ID；相应的，原型设计模块，还用于根据跳转控件的图片资源ID，对跳转控件添加图片。

可选的，原型设计装置，还包括：控件调整模块，用以基于作用在跳转控件的操作指令，对跳转控件进行调整。

可选的，操作指令，包括下述至少一种：位置移动指令，尺寸调整指令、角度调整指令和添加图片指令。

可选的，预设应用为游戏类应用。

本实施例提供的原型设计装置，与上述实施例提出的原型设计方法属于同一发明构思，未在本实施例中详尽描述的技术细节可参见上述实施例，并且本实施例与上述实施例具有相同的有益效果。

实施例三

本实施例提供了一种电子产品，本实施例可适用于原型设计的情况，例如适用于对已有一定完成度的应用软件产品进行原型设计的情况。

图3是本发明实施例三提供的一种电子产品的结构示意图。参见图3，该电子产品包括：

一个或多个处理器310；

存储器320，用于存储一个或多个程序；

当一个或多个程序被一个或多个处理器310执行，使得一个或多个处理器310实现如上述实施例提出的原型设计方法。

图3中以一个处理器310为例；处理器310和存储器320可以通过总线或其他方式连接，图3中以通过总线连接为例。

存储器320作为一种计算机可读存储介质，可用于存储软件程序、计算机可执行程序以及模块，如本发明实施例中的原型设计方法对应的程序指令/模块。处理器310通过运行存储在存储器320中的软件程序、指令以及模块，从而执行电子产品的各种功能应用以及数据处理，即实现上述的原型设计方法。

存储器320可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作装置、功能所需的应用程序；存储数据区可存储根据电子产品的使用所创建的数据等。此外，存储器320可以包括高速随机存取存储器，还可以包括非易失性存储器，例如磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中，存储器320可进一步包括相对于处理器310远程设置的存储器，这些远程存储器可以通过网络连接至电子产品。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

本实施例提出的电子产品与上述实施例提出的原型设计方法属于同一发明构思，未在本实施例中详尽描述的技术细节可参见上述实施例，并且本实施例与上述实施例具有相同的有益效果。

实施例四

本实施例提供一种存储介质，其上存储有计算机程序，该程序被处理器执行时实现如上述实施例提出的原型设计方法。

本实施例提出的存储介质与上述实施例提出的原型设计方法属于同一发明构思，未在本实施例中详尽描述的技术细节可参见上述实施例，并且本实施例与上述实施例具有相同的有益效果。

通过以上关于实施方式的描述，所属领域的技术人员可以清楚地了解到，本发明可借助软件及必需的通用硬件来实现，当然也可以通过硬件实现，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如计算机的软盘、只读存储器(Read-Only Memory，ROM)、随机存取存储器(RandomAccess Memory，RAM)、闪存(FLASH)、硬盘或光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例的方法。

注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。

Claims (10)

1.一种原型设计方法，其特征在于，包括：

对预设应用的代码进行解析，获取所述预设应用中界面的组件资源ID、跳转方式和跳转关系；

根据所述组件资源ID进行界面图形显示，根据所述跳转方式生成跳转控件，根据所述跳转关系，将所述跳转控件设置于跳转至当前界面图形的上层界面图形。

2.根据权利要求1所述的方法，其特征在于，所述组件资源ID包括跳转控件的图片资源ID；

相应的，在所述将所述跳转控件设置于跳转至当前界面图形的上层界面图形之后，还包括：根据跳转控件的图片资源ID，对所述跳转控件添加图片。

3.根据权利要求1所述的方法，其特征在于，在所述将所述跳转控件设置于跳转至当前界面图形的上层界面图形之后，还包括：

基于作用在所述跳转控件的操作指令，对所述跳转控件进行调整。

4.根据权利要求3所述的方法，其特征在于，所述操作指令，包括下述至少一种：位置移动指令，尺寸调整指令、角度调整指令和添加图片指令。

5.根据权利要求1-4所述的方法，其特征在于，所述预设应用为游戏类应用。

6.一种原型设计装置，其特征在于，包括：

代码解析模块，用于对预设应用的代码进行解析，获取所述预设应用中界面的组件资源ID、跳转方式和跳转关系；

原型设计模块，用于根据所述组件资源ID进行界面图形显示，根据所述跳转方式生成跳转控件，根据所述跳转关系，将所述跳转控件设置于跳转至当前界面图形的上层界面图形。

7.根据权利要求6所述的装置，其特征在于，所述组件资源ID包括跳转控件的图片资源ID；

相应的，所述原型设计模块，还用于根据跳转控件的图片资源ID，对所述跳转控件添加图片。

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

控件调整模块，用以基于作用在所述跳转控件的操作指令，对所述跳转控件进行调整。

9.一种电子产品，其特征在于，所述电子产品包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-5中任一所述的原型设计方法。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-5中任一所述的原型设计方法。

Images