CN109814860A - 生成界面的方法及装置、存储介质 - Google Patents

Abstract

本发明提供生成界面的方法及装置、存储介质。所述生成界面的方法包括：获取用户的界面设计方案，所述界面设计方案中包括控件以及所述控件的位置信息；在接收到所述用户对所述界面设计方案的编译请求时，获取预先存储的所述控件对应的代码；编译所述控件对应的代码，根据编译后的结果和所述位置信息生成与所述界面设计方案对应的界面。所述方法相对于现有技术来说，对于用户，设计界面的过程不需要编写每个控件的代码，只需要发起编译请求，就能生成相应的设计界面，提高了设计界面的效率。

Description

生成界面的方法及装置、存储介质

技术领域

本发明涉及计算机技术领域，具体而言，涉及生成界面的方法及装置、存储介质。

背景技术

界面无处不在，例如电脑显示界面、手机显示界面、网页显示界面等。目前实现设计界面的方式就是靠代码堆积，在设计界面的时候需要输入代码，每调整一个设计元素可能都需要重新编写代码，在完成代码的编写后再运行代码最终生成想要的界面。

这种设计方式过于繁琐，且对设计人员的要求也比较高，整个设计过程也比较复杂，使设计界面的效率比较低。

发明内容

本发明在于提供一种生成界面的方法及装置、存储介质，以改善现有技术设计界面的效率比较低的技术问题。

本发明的实施例通过如下方式实现：

第一方面，本发明实施例提供一种生成界面的方法，所述方法包括获取用户的界面设计方案，所述界面设计方案中包括控件以及所述控件的位置信息；在接收到所述用户对所述界面设计方案的编译请求时，获取预先存储的所述控件对应的代码；编译所述控件对应的代码，根据编译后的结果和所述位置信息生成与所述界面设计方案对应的界面。

在本发明实施例的方案中，通过获取用户的界面设计方案，在用户需要编译所述界面设计方案时，获取预先存储的所述控件对应的代码，编译所述代码并根据编译后的结果和所述位置信息生成对应的界面。所述方法相对于现有技术来说，对于用户，设计界面的过程不需要编写每个控件的代码，只需要发起编译请求，就能生成相应的设计界面，提高了设计界面的效率。

结合第一方面，在第一方面的第一种可能的实现方式中，获取用户的界面设计方案，包括：

接收用户的界面设计请求；响应所述界面设计请求，向所述用户提供设计页面，所述设计页面上包括控件库和设计面板；接收所述用户的选定操作，所述选定操作包括选择所述控件库中的控件、确定选择的所述控件在所述设计面板上的位置；根据所述控件和所述控件的位置确定所述界面设计方案。用户可以在所述设计页面上进行操作，且这些操作也是简单的选择控件和移动控件的位置等，因此能够快速的完成界面设计，得到界面设计方案。

结合第一方面的第一种可能的实现方式，在第一方面的第二种可能的实现方式中，所述方法还包括：

向所述用户提供控件样式设置面板；确定所述用户通过所述控件样式设置面板选择的控件样式；对应的，根据所述控件和所述控件的位置确定所述界面设计方案包括：根据所述控件和所述控件的位置以及所述控件样式确定所述界面设计方案。用户还可以选择所述控件的样式，因此能够满足各种界面设计需求，得到用户想要的界面设计方案。

结合第一方面的第二种可能的实现方式，在第一方面的第三种可能的实现方式中：获取预先存储的所述控件对应的代码包括：获取预先存储的所述控件对应的代码和所述控件样式对应的代码；编译所述控件对应的代码包括：编译所述控件对应的代码和所述控件样式对应的代码。

结合第一方面的第二种可能的实现方式，在第一方面的第四种可能的实现方式中，在接收用户的界面设计请求之前，所述方法还包括：

获取用户定义的控件和样式，将所述用户定义的控件和样式分别作为自定义控件和自定义样式；根据所述自定义控件和预先存储的系统控件生成所述控件库，根据所述自定义样式和预先存储的系统样式生成所述控件样式设置面板。对于所述控件库和所述控件样式设置面板来说，可以是用户自定义的或者是固有的系统的，将其保存起来，方便用户在设计界面时进行选择。

结合第一方面，在第一方面的第五种可能的实现方式中，获取用户的界面设计方案包括：接收所述用户从预先存储的界面设计方案中选择的所述界面设计方案。对于所述界面设计方案来说，可以是预先存储好的方案，用户可以直接在其中选择，提高了设计界面的效率。

第二方面，本发明实施例还提供一种生成界面的装置，所述装置包括用于实现第一方面以及第一方面各种可能实现方式所述的方法的功能模块。

第三方面，本发明实施例提供一种可读存储介质，所述可读存储介质上存储有计算机程序，所述计算机程序被计算机运行时实现如第一方面的方法的任意可能。

为使本发明的上述目的、特征和优点能更明显易懂，下文特举本发明实施例，并配合所附附图，作详细说明如下。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍。应当理解，以下附图仅示出了本发明的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1为本发明实施例提供的生成界面的方法的流程图；

图2为本发明实施例提供的界面设计平台初始显示界面示例图；

图3为本发明实施例提供的界面设计平台的控件库示例图；

图4为本发明实施例提供的界面设计平台的控件树示例图；

图5为本发明实施例提供的界面设计平台的控件样式设置面板示例图；

图6为本发明实施例提供的界面设计平台生成的界面示例图；

图7为本发明实施例提供的生成界面的装置的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述。显然，所描述的实施例仅仅是本发明的一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。

因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。

下面结合附图，对本发明的一些实施方式作详细说明。在不冲突的情况下，下述的实施例及实施例中的特征可以相互组合。

为了能够更加清楚地理解本发明实施例的技术方案，本发明实施例首先对本发明实施例的技术方案的应用场景作介绍。

本发明实施例的技术方案可以运用于任意的界面设计平台，该界面设计平台可以是在例如手机或者电脑等客户端上的APP或者软件，数据直接存储在对应的客户端上；可以是一个设计网站，该设计网站具有固定的链接，通过在浏览器上输入该链接就可以进入该网站，该浏览器可以安装在任意的客户端上，通过统一的服务器完成系统数据的开发、维护和使用；也可以是一个独立的设计平台，该独立的设计平台不需要集成在客户端或者通过浏览器建立连接，是可以独立运行的平台。

使用该界面设计平台的包括两类用户，一类是开发人员，另一类是使用人员，开发人员主要对该界面设计平台进行开发、维护；使用人员在该界面设计平台发布后，可以使用该界面设计平台进行设计。不管是开发人员或者是使用人员都可以在系统服务器上进行注册，拥有自己的账户，开发人员登录账户后可以根据自己的权限对设计平台进行开发或者维护；使用人员登录自己的账户后可以进行界面设计，并保存自己的设计方案或者下载自己的设计方案等。

相对于现有技术而言，现有技术中并没有类似的界面设计平台，需要通过手动敲写代码完成自己想要的界面设计，本发明实施例的技术方案的界面设计方案只需要在前期完成开发后，就可以供用户使用，操作简单，方便快捷，大大提高了界面设计的效率。

接下来请参照图1，是本发明实施例提供的生成界面的方法的流程图，所述方法应用于前述所描述的界面设计平台。如图1所示，所述方法包括：

步骤101：获取用户的界面设计方案，所述界面设计方案中包括控件以及所述控件的位置信息。

步骤102：在接收到所述用户对所述界面设计方案的编译请求时，获取预先存储的所述控件对应的代码。

步骤103：编译所述控件对应的代码，根据编译后的结果和所述位置信息生成与所述界面设计方案对应的界面。

其中，在步骤101中，界面设计方案中包括控件以及所述控件的位置信息的意思是指，在界面设计方案中有一个或者多个控件，并且该控件在界面设计平台上的位置信息也是知道的。可以理解的是，用户的界面设计方案是在该界面设计平台上设计的，因此这里的位置信息也就是指各个控件具体摆放的位置，该位置信息可以代表不同的控件之间的位置关系或者距离关系，还可以代表整个设计的界面的布局和显示效果等。

步骤101是一个获取界面设计方案的过程，对于界面设计平台来说，也就是根据用户的设计得到一个界面设计方案，而这个界面设计方案主要是通过用户设计，因此用户需要在界面设计平台上完成相应的设计，因此，步骤101的具体实施过程可以是：接收用户的界面设计请求；响应所述界面设计请求，向所述用户提供设计页面，所述设计页面上包括控件库和设计面板；接收所述用户的选定操作，所述选定操作包括选择所述控件库中的控件、确定选择的所述控件在所述设计面板上的位置；根据所述控件和所述控件的位置确定所述界面设计方案。

其中，接收用户的界面设计请求，可以是用户在平台上登录自己的账户后，点击相应的开始设计，或者新建设计等选项，即表示发起一个界面设计请求，此时平台就接收该设计请求。举例来说，如图2所示，为初始进入设计平台的界面，用户可以输入自己的账号和密码进行登录，登录后会弹出设计页面。

如图3所示为弹出的设计页面，可以看到，该设计页面上包括左侧的控件库以及空白区域的设计面板。当然控件库和设计面板的分布位置是任意的，不限于图3所示。控件库中包含了各种控件，这些控件都是由开发者提前开发好的，每个控件有自身对应的代码，用户只需根据自己的需求进行控件的选择。

举例来说，从图3中可以看出，控件库中可以包含各种文本、不同的输入框、不同的下拉框、复选框还有表格和图等等。在控件库区域，一部分是选择区，另一部分是预览区。用户在设计时，在选择区点击自己想要选择的控件类型，在预览区就会显示该控件类型下所有可选的控件，用户可以点击其中一个进行预览，预览后认为符合自己的需求，就可以将其拖拽到设计面板上的任意位置。需要注意的是，在用户设计的过程中，随时都可以改变控件所处的位置，对于平台来说，用户停止对某个控件的位置进行改变时，即代表该位置为某个控件的最终位置。

在用户将控件拖拽到设计面板上相应的位置后，也不再进行改变控件的位置或者新增控件等相关操作后，可以点击相应的例如完成或者保存按钮等，即表示完成了用户需要的设计，那么平台可以在接收到这些相应的操作后生成对应的界面设计方案。如图4所示，假设用户设计的是一个登录页面，设计面板上会显示与其对应的设计界面，可以看到，点击左侧的控件树选择框，还可以显示该界面设计方案中包括的所有控件。如图4中所示的文字、输入框、带标签的输入框等。也就是说，用户还可以查看自己的界面设计方案中包含的控件信息。

为了使用户能够设计出丰富多样的界面，以及满足用户的一些特定需求，对于设计方案中的每一个控件，还可以相应的进行调整，因此所述方法还可以包括：向所述用户提供控件样式设置面板；确定所述用户通过所述控件样式设置面板选择的控件样式；对应的，根据所述控件和所述控件的位置确定所述界面设计方案包括：根据所述控件和所述控件的位置以及所述控件样式确定所述界面设计方案。

其中，向用户提供控件样式设置面板可以是在用户登录后就有控件样式设置的选择框，用户点击该选择框后就会弹出控件样式设置面板。如图5所示，控件样式设置面板在设计面板的右侧，控件样式设置面板中有属性设置、样式设置、事件设置、转换设置等。以属性设置为例，主要是设置控件的属性例如控件的名字、显示模式比如高度宽度等、控件中输入的文字等。以样式为例，可以是包括文字的颜色、字体大小等。通过改变控件的样式可以得到用户想要的显示效果。

详细来说，还是假设用户设计的是一个登录界面，在该登录界面设计中，包含了三个文本框控件，一个账号文本框控件、一个密码文本框控件和登录文本框控件。在账号文本框控件和密码文本框控件中，一部分是文字提示区，也就是“账号”和“密码”，文字提示区的文字的大小颜色字体等都是可以设置的。另一部分是输入区，也就是空白可输入区，空白可输入区的宽度高度长度以及和文字提示区的间隔等也都是可以设置的。在登录文本框控件中，仅显示了“登录”两个字，这两个字的字体、大小颜色等均可以设置。此外，登录文本框主要是起一个指示性的作用，所以登录文本框的形状、颜色等也可以为了显示的美观性而作调整。

在本发明实施例中，仅是示意性的以登录界面为例，当然对于其他的界面设计，也是同理。

对于前述部分描述的控件库和控件样式，是预先生成的，因此，在接收用户的界面设计请求之前，所述方法还包括：获取用户定义的控件和样式，将所述用户定义的控件和样式分别作为自定义控件和自定义样式；根据所述自定义控件和预先存储的系统控件生成所述控件库，根据所述自定义样式和预先存储的系统样式生成所述控件样式设置面板。

其中，系统控件和系统样式可以是在开发该界面设计平台时就存储好的固定的控件和样式，例如一些基本的控件和样式：文本框控件、文本；文本框形状、大小、文本字体、文本颜色等。而用户定义的控件和样式则是比较灵活的：例如把多个控件自由组合得到的组合控件、把某个控件拆分得到的多个拆分控件、或者设置文字的动态显示效果等，与系统控件对比来说功能更完善更实用。

对于可以定义控件和样式的用户来说，可以是具有定义权限的开发人员，开发人员在定义完成后将其和系统控件和样式进行存储，并在平台上进行发布，也就是通常所说的应用更新或者网站更新等。也可以是具有权限的使用人员，例如需要成为该平台的VIP会员或者充值相应的金额等，才能进行自定义控件，定义完成后可以存储在控件库和样式库中，根据自己的需要进行选择性使用。

当然，在用户完成一次界面设计后，如果用户认为自己所设计的界面可复用性比较强，或者说以后可能还需要再次使用已完成的界面设计方案，还可以将该界面设计方案进行上传，存储在数据库中。在下次设计时，可以在已存储的界面设计方案中进行选择。因此，获取用户的界面设计方案还可以包括接收所述用户从预先存储的界面设计方案中选择的所述界面设计方案。

其中，预先存储的界面设计方案可以是系统数据库上存储的公有的界面设计方案，可以是不同用户上传的可供选择的设计方案。也可以是针对每个用户各自存储的私有的界面设计方案，也就是说只有存储该设计方案的用户才能看到的。也可以是包括前述的两种，即系统数据库上存储的和用户存储在自己的账号中的。

举例来说，若用户每完成一个界面设计方案，都将其存储，并为每个界面设计方案进行命名以及分类。用户可以选择本地存储或者上传至系统数据库。若选择本地存储的话，系统会把界面设计方案依据用户账号信息进行存储；若选择上传至系统数据库，系统会把界面设计方案上传到公有的数据库中，使用该平台的所有用户在登录后都可以查看这些界面设计方案。此外，用户在上传自己设计的界面设计方案时，若觉得自己的界面设计方案比较好，还可以设置相应的报酬，也就是说，若其他用户想要使用自己的界面设计方案，需要支付一定的资金才能获得使用权。这个资金可以是线上形式的资金也可以是实际的资金，例如线上的消费积分或者通过一定渠道支付实际金额的资金。

因此，在用户登录后，可以在通过相应的入口或者选择项进行选择，查看是否已有自己所需要的设计方案，若有的话，无需设计，直接选择即可。

在执行步骤101后，界面设计平台上会展示相应的界面设计方案，此时，用户可以选择编译所设计的界面设计方案，因此界面设计平台执行步骤102，对于用户发起编译请求的方式，可以是通过点击例如预览、展示等类似的选项。对于获取预先存储的控件对应的代码，因为每个控件所对应的代码是开发人员预先就编写好并存储在系统服务器中的，所以只需要获取每个控件对应的代码。

在步骤102中，若用户还设置了控件样式，那么在获取控件的代码的同时还需要获取控件样式对应的代码，因此获取预先存储的所述控件对应的代码包括：获取预先存储的所述控件对应的代码和所述控件样式对应的代码。

在执行完步骤102后，执行步骤103，若有一个控件，编译一个控件对应的代码，编译完成后再结合控件的位置信息生成并显示对应的界面。若有多个控件，同时编译每个控件对应的代码，然后这些代码整合成为完整的前端代码，再结合每个控件的位置信息生成并显示对应的界面。

对应的，在步骤102中若还获取了控件样式对应的代码，那么在步骤103中，编译所述控件对应的代码包括：编译所述控件对应的代码和所述控件样式对应的代码。

举例来说，还是以前述的设计登录界面为例，如图6所示，为最终生成的界面，可以看到，经过编译后得到的界面与前期设计是的界面相同的，在相应的文本输入位置还可以输入文字。

综上，本发明提供的生成界面的方法，相对于现有技术来说，对于用户，整个设计过程不需要编写任何代码，只需要发起编译请求，就能生成相应的设计界面，提高了设计界面的效率。

接下来请参照图7，为本发明实施例提供的生成界面的装置200，如图7所示，装置200包括获取模块201和处理模块202。

获取模块201：用于获取用户的界面设计方案，所述界面设计方案中包括控件以及所述控件的位置信息；获取模块201还用于：在接收到所述用户对所述界面设计方案的编译请求时，获取预先存储的所述控件对应的代码；处理模块202：用于编译所述控件对应的代码，根据编译后的结果和所述位置信息生成与所述界面设计方案对应的界面。

可选的，获取模块201还用于接收用户的界面设计请求；处理模块202还用于：响应所述界面设计请求，向所述用户提供设计页面，所述设计页面上包括控件库和设计面板；获取模块201还用于接收所述用户的选定操作，所述选定操作包括选择所述控件库中的控件、确定选择的所述控件在所述设计面板上的位置；处理模块202还用于根据所述控件和所述控件的位置确定所述界面设计方案。

可选的，处理模块202还用于向所述用户提供控件样式设置面板；确定所述用户通过所述控件样式设置面板选择的控件样式；根据所述控件和所述控件的位置以及所述控件样式确定所述界面设计方案。

可选的，获取模块201还用于获取用户定义的控件和样式，将所述用户定义的控件和样式分别作为自定义控件和自定义样式；处理模块202还用于根据所述自定义控件和预先存储的系统控件生成所述控件库，根据所述自定义样式和预先存储的系统样式生成所述控件样式设置面板。

可选的，获取模块201还用于接收所述用户从预先存储的界面设计方案中选择的所述界面设计方案。

前述实施例中的生成界面的方法中的各实施方式和具体实例同样适用于图7中的生成界面的装置，通过前述对生成界面的方法的详细描述，本领域技术人员可以清楚的知道图7中的生成界面的装置的实施方法，所以为了说明书的简洁，在此不再详述。

本发明实施例还提供一种可读存储介质，所述可读存储介质上存储有计算机程序，所述计算机程序被计算机运行时执行上述的生成界面的方法中的步骤。

在本申请所提供的实施例中，应该理解到，所揭露的装置和方法，也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，附图中的流程图和框图显示了根据本发明的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

另外，在本发明各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。

所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，笔记本电脑,服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-OnlyMemory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅为本发明的实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种生成界面的方法，其特征在于，包括：

获取用户的界面设计方案，所述界面设计方案中包括控件以及所述控件的位置信息；

在接收到所述用户对所述界面设计方案的编译请求时，获取预先存储的所述控件对应的代码；

编译所述控件对应的代码，根据编译后的结果和所述位置信息生成与所述界面设计方案对应的界面。

2.根据权利要求1所述的方法，其特征在于，获取用户的界面设计方案，包括：

接收用户的界面设计请求；

响应所述界面设计请求，向所述用户提供设计页面，所述设计页面上包括控件库和设计面板；

接收所述用户的选定操作，所述选定操作包括选择所述控件库中的控件、确定选择的所述控件在所述设计面板上的位置；

根据所述控件和所述控件的位置确定所述界面设计方案。

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

向所述用户提供控件样式设置面板；

确定所述用户通过所述控件样式设置面板选择的控件样式；

对应的，根据所述控件和所述控件的位置确定所述界面设计方案包括：根据所述控件和所述控件的位置以及所述控件样式确定所述界面设计方案。

4.根据权利要求3所述的方法，其特征在于，获取预先存储的所述控件对应的代码包括：获取预先存储的所述控件对应的代码和所述控件样式对应的代码；

编译所述控件对应的代码包括：编译所述控件对应的代码和所述控件样式对应的代码。

5.根据权利要求4所述的方法，其特征在于，在接收用户的界面设计请求之前，所述方法还包括：

获取用户定义的控件和样式，将所述用户定义的控件和样式分别作为自定义控件和自定义样式；

根据所述自定义控件和预先存储的系统控件生成所述控件库，根据所述自定义样式和预先存储的系统样式生成所述控件样式设置面板。

6.根据权利要求1所述的方法，其特征在于，获取用户的界面设计方案包括：

接收所述用户从预先存储的界面设计方案中选择的所述界面设计方案。

7.一种生成界面的装置，其特征在于，包括：

获取模块：用于获取用户的界面设计方案，所述界面设计方案中包括控件以及所述控件的位置信息；

所述获取模块还用于：在接收到所述用户对所述界面设计方案的编译请求时，获取预先存储的所述控件对应的代码；

处理模块：用于编译所述控件对应的代码，根据编译后的结果和所述位置信息生成与所述界面设计方案对应的界面。

8.根据权利要求7所述的装置，其特征在于，所述获取模块还用于

接收用户的界面设计请求；所述处理模块还用于：响应所述界面设计请求，向所述用户提供设计页面，所述设计页面上包括控件库和设计面板；所述获取模块还用于接收所述用户的选定操作，所述选定操作包括选择所述控件库中的控件、确定选择的所述控件在所述设计面板上的位置；所述处理模块还用于根据所述控件和所述控件的位置确定所述界面设计方案。

9.根据权利要求8所述的装置，其特征在于，所述处理模块还用于

向所述用户提供控件样式设置面板；确定所述用户通过所述控件样式设置面板选择的控件样式；根据所述控件和所述控件的位置以及所述控件样式确定所述界面设计方案。

10.一种可读存储介质，其特征在于，所述可读存储介质上存储有计算机程序，所述计算机程序被计算机运行时执行如权利要求1-6任一所述方法中的步骤。