一种界面编辑方法以及装置、系统、设备、介质

技术领域

本发明涉及图像处理技术领域，尤其涉及一种界面编辑方法以及装置、系统、设备、介质。

背景技术

不同地区玩家的阅读习惯不同。对于跨地区运营的游戏，需要针对不同地区定制符合不同阅读习惯的游戏界面。

例如，国内通常习惯从左往右阅读，阿拉伯地区则通常习惯从右往左阅读。国内游戏进入阿拉伯地区运营，通常需要开发人员针对界面中的文字方向进行从右往左的调整。而对于阿拉伯地区玩家所习惯的右文字左按钮、以及从右往左的条目滑动操作等界面效果，还需要开发人员逐个界面进行手动替换，使得跨地区运营的游戏需要经历大量的二次开发及测试工作，制作周期长，制作效率低。

综上，如何缩短跨地区运营的游戏的制作周期，提高跨地区运营的游戏的制作效率，成为亟待解决的技术问题。

发明内容

本发明实施例提供一种界面编辑方法以及装置、系统、设备、介质，用以缩短界面制作周期，提高界面制作效率。

第一方面，本发明实施例提供一种界面编辑方法，该界面编辑方法包括：

响应于对待编辑的服务程序的载入指令，获取服务程序中的多个界面；

将多个界面以各界面的中心线为轴进行水平翻转，并将翻转后的多个界面中属于预设类型的界面元素以各界面元素的中心线为轴进行水平翻转；

显示服务程序中经至少一次水平翻转处理后的多个界面。

在一种可能的设计中，将多个界面以各界面的中心线为轴进行水平翻转，包括：

响应于对多个界面的第一编辑指令，设置多个界面各自的缩放Scale参数；

根据多个界面各自的Scale参数，将多个界面以各界面的中心线为轴进行水平翻转，以得到翻转后的多个界面。

在一种可能的设计中，将翻转后的多个界面中属于预设类型的界面元素以各界面元素的中心线为轴进行水平翻转，包括：

从翻转后的多个界面中选取属于预设类型的多个界面元素；

将选取出的多个界面元素以各界面元素的中心线为轴进行水平翻转，得到翻转后的界面元素。

在一种可能的设计中，界面元素i为选取出的多个界面元素中的任一个，并且，界面元素i的类型为文本、输入框控件、图片中的任一种。

将选取出的多个界面元素以各界面元素的中心线为轴进行水平翻转，包括：

响应于对界面元素i的第二编辑指令，设置界面元素i的Scale参数；

根据界面元素i的Scale参数，将界面元素i以界面元素i的中心线为轴进行水平翻转。

在一种可能的设计中，界面元素j为选取出的多个界面元素中的任一个，并且，界面元素j的类型为交互操作控件。

相应地，将选取出的多个界面元素以各界面元素的中心线为轴进行水平翻转，包括：修改界面元素j在横向上的操作方式。

在一种可能的设计中，对Scale参数中的x轴参数进行取反操作。

第二方面，本发明实施例提供一种界面编辑装置，该界面编辑装置用于编辑服务程序，服务程序中加载有多个界面，该界面编辑装置包括：

获取模块，用于响应于对服务程序的载入指令，获取服务程序中的多个界面；

翻转模块，用于将多个界面以各界面的中心线为轴进行水平翻转，并将翻转后的多个界面中属于预设类型的界面元素以各界面元素的中心线为轴进行水平翻转；

显示模块，用于显示服务程序中经至少一次水平翻转处理后的多个界面。

在一种可能的设计中，翻转模块将多个界面以各界面的中心线为轴进行水平翻转时，具体用于：

响应于对多个界面的第一编辑指令，设置多个界面各自的缩放Scale参数；

根据多个界面各自的Scale参数，将多个界面以各界面的中心线为轴进行水平翻转，以得到翻转后的多个界面。

在一种可能的设计中，翻转模块将翻转后的多个界面中属于预设类型的界面元素以各界面元素的中心线为轴进行水平翻转时，具体用于：

从翻转后的多个界面中选取属于预设类型的多个界面元素；

将选取出的多个界面元素以各界面元素的中心线为轴进行水平翻转，得到翻转后的界面元素。

在一种可能的设计中，界面元素i为选取出的多个界面元素中的任一个，并且，界面元素i的类型为文本、输入框控件、图片中的任一种。

翻转模块将选取出的多个界面元素以各界面元素的中心线为轴进行水平翻转时，具体用于：

响应于对界面元素i的第二编辑指令，设置界面元素i的Scale参数；

根据界面元素i的Scale参数，将界面元素i以界面元素i的中心线为轴进行水平翻转。

在一种可能的设计中，界面元素j为选取出的多个界面元素中的任一个，并且，界面元素j的类型为交互操作控件。

翻转模块将选取出的多个界面元素以各界面元素的中心线为轴进行水平翻转时，具体用于：修改界面元素j在横向上的操作方式。

在一种可能的设计中，对Scale参数中的x轴参数进行取反操作。

第三方面，本发明实施例提供一种界面编辑系统，该界面编辑系统包括第一应用和第二应用，第一应用加载有虚拟场景，其中

第二应用，用于创建用于编辑天气系统的天气文件，天气文件中加载有天气组件，天气组件对应于天气系统中的天气效果；响应于对天气文件的第一编辑指令，设置天气组件的天气参数；响应于对天气文件的展示指令，基于天气文件对天气组件进行渲染以得到渲染结果；

第一应用，用于与第二应用建立通信连接；通过通信连接接收渲染结果；基于渲染结果在虚拟场景中展示天气系统的天气效果。

第四方面，本发明实施例提供一种电子设备，其中包括处理器和存储器，其中，存储器上存储有可执行代码，当可执行代码被处理器执行时，使处理器至少可以实现第一方面中的界面编辑方法。

本发明实施例又提供了一种系统，包括处理器和存储器，存储器中存储有至少一条指令、至少一段程序、代码集或指令集，至少一条指令、至少一段程序、代码集或指令集由处理器加载并执行以实现上面描述的界面编辑方法。

本发明实施例提供了一种计算机可读介质，其上存储有至少一条指令、至少一段程序、代码集或指令集，至少一条指令、至少一段程序、代码集或指令集由处理器加载并执行以实现上面描述的界面编辑方法。

在本发明实施例提供的技术方案中，响应于对待编辑的服务程序的载入指令，获取服务程序中的多个界面，以便对服务程序中需要调整的多个界面进行统一处理。由于不同地区的阅读习惯不同，为使多个界面能够适配于目标地区的阅读习惯，首先，将多个界面以各界面的中心线为轴进行水平翻转，以便对多个界面统一进行水平翻转处理，使各界面中界面元素的整体布局符合目标地区的阅读习惯。由于水平翻转后部分界面元素会出现显示异常，如文本、输入框控件、图片、交互操作控件等，因而，需要针对这些存在显示异常(如界面显示的文字反向、图片反向等)的界面元素进行二次翻转处理，也就是，将经过翻转后的多个界面中属于预设类型的界面元素(即上述存在显示异常的界面元素)以各界面元素的中心线为轴进行水平翻转，使上述界面元素的显示效果符合日常阅读习惯。最终，在服务程序中显示的多个界面均至少经过一次水平翻转处理，能够适配目标地区的阅读习惯。

该技术方案中，通过获取服务程序中的多个界面，并对多个界面进行至少一次水平翻转处理，使得多个界面能够适配于目标地区的阅读习惯，实现了对跨地区界面的自动化调整，能够有效避免手动替换界面效果造成的错漏，缩短界面的制作周期，提高界面的制作效率。

附图说明

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

图1为本发明一实施例提供的一种界面编辑方法的流程图；

图2至图5为本发明一实施例提供的一种界面编辑过程的原理示意图；

图6为本发明一实施例提供的一种界面编辑系统的工作过程示意图；

图7为本发明实施例提供的一种界面编辑装置的结构示意图；

图8为与图7所示实施例提供的界面编辑装置对应的电子设备的结构示意图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

在本发明实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本发明。在本发明实施例和所附权利要求书中所使用的单数形式的“一种”、“”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义，“多种”一般包含至少两种。

取决于语境，如在此所使用的词语“如果”、“若”可以被解释成为“在……时”或“当……时”或“响应于确定”或“响应于检测”。类似地，取决于语境，短语“如果确定”或“如果检测(陈述的条件或事件)”可以被解释成为“当确定时”或“响应于确定”或“当检测(陈述的条件或事件)时”或“响应于检测(陈述的条件或事件)”。

另外，下述各方法实施例中的步骤时序仅为一种举例，而非严格限定。

本发明实施例提供的界面编辑方案可以由一电子设备来执行，该电子设备可以是服务器。该服务器可以是包含一独立主机的物理服务器，或者也可以为主机集群承载的虚拟服务器，或者也可以为云服务器。该电子设备也可以是诸如平板电脑、PC机、笔记本电脑等终端设备。

本发明实施例提供了一种界面编辑系统。该界面编辑系统包括第一应用和第二应用。

假设第一应用加载有多个界面。上述电子设备可以实现为用于编辑第一应用的第二应用。实际应用中，可选地，该第一应用可以作为一个待编辑文件载入到第二应用中。基于第二应用可以实时编辑第一应用中的多个界面，以便对第一应用中的多个界面的布局进行调整。这里，实时编辑可以理解为，对所编辑的多个界面进行实时渲染和展示。编辑对象可以是第一应用包含的多个界面整体，也可以是多个界面中的任一个。当然，编辑过程也可以是离线的，此处并不限定。

举例来说，第二应用比如是游戏编辑器、虚拟引擎(如UE4)、虚拟场景编辑器，第一应用比如是载入到上述第二应用的游戏应用。

本发明实施例提供的界面编辑方案适用于各种界面制作场景。比如，为适配不同地区的阅读习惯，该界面编辑方案可以适用于修改游戏界面布局的场景。

当然，除游戏界面之外，该界面编辑方案还适用于对其他界面的编辑，如办公软件界面、广告页面等。比如，针对左撇子的使用习惯，可以通过该界面编辑方案对办公软件界面进行调整，以使办公软件界面适配于左撇子的使用习惯，避免误操作。或者，该界面编辑方案还适用于对广告页面的制作场景。比如，面对不同地区的广告可以采用该界面编辑方案对广告中的界面效果进行调整。具体地，可以将国内广告界面中左文字右按钮的界面效果修改为阿拉伯地区习惯的右文字左按钮的界面效果。

下面结合以下实施例对界面编辑方案的执行过程进行说明。

图1为本发明一实施例提供的一种界面编辑方法的流程图，如图1所示，该界面编辑方法包括如下步骤：

101、响应于对待编辑的服务程序的载入指令，获取该服务程序中的多个界面；

102、将多个界面以各界面的中心线为轴进行水平翻转，并将翻转后的多个界面中属于预设类型的界面元素以各界面元素的中心线为轴进行水平翻转；

103、显示服务程序中经至少一次水平翻转处理后的多个界面。

本实施例中的界面编辑方法用于对服务程序的界面进行编辑。该服务程序加载有多个界面。

实际应用中，该服务程序比如是游戏应用、办公软件等。以服务程序是游戏应用为例，游戏应用中加载有多个界面，比如登录界面、对战界面、任务界面、排名界面、聊天界面等。例如，登陆界面可以如图2所示。

为实现对服务程序中的多个界面的编辑制作，101中，响应于对待编辑的服务程序的载入指令，获取该服务程序中的多个界面，以便后续对服务程序中需要调整的多个界面进行统一处理。

具体地，需要触发对待编辑的服务程序的载入过程。触发该服务程序载入后，可以获取该服务程序中的多个界面。简单来说，就是从载入的服务程序中获取多个界面各自的数据信息。

实际上，待编辑的服务程序可以载入到能够获取服务程序的数据信息的各种服务程序中。各种服务程序比如是虚拟引擎、游戏开发软件、网页开发软件、以及其他各种应用开发程序。

举例来说，假设服务程序为游戏应用。可选地，101之前，触发游戏应用预先载入到虚拟引擎上，建立游戏应用与虚拟引擎的通信链路。可以理解的是，载入后，虚拟引擎具有获取游戏应用所管理的数据信息的能力。

当然，服务程序也可以载入到游戏客户端中，或者还可以载入到其他服务程序中。

进而，获取待编辑的服务程序中的多个界面之后，为使多个界面适配目标地区的阅读习惯，102中，将多个界面以各界面的中心线为轴进行水平翻转，并将翻转后的多个界面中属于预设类型的界面元素以各界面元素的中心线为轴进行水平翻转。

通过上述步骤，可以对多个界面进行至少一次水平翻转处理，从而缩短界面制作周期，提高界面制作效率，避免界面制作过程中产生的错漏。本发明实施例中的水平翻转即左右翻转。

当然，上述水平翻转处理的对象可以是服务程序中的所有界面，也可以是服务程序中的部分界面，比如部分界面可以是包含与用户交互相关逻辑的界面、或包含文字信息的界面。

本实施例中目标地区可以是根据用户使用的语言进行分类的，比如汉语地区、英语地区、阿拉伯地区。也可以直接根据用户的阅读习惯进行划分，比如从右往左阅读的地区，或从左往右阅读的地区。

当然，多个界面的布局适配还可以适配于其他用户需求，比如多个界面的布局可以适配于不同惯用手的用户。

具体而言，102中，将多个界面以各界面的中心线为轴进行水平翻转，可以实现为：

响应于对多个界面的编辑指令(为区分，本文称为第一编辑指令)，设置多个界面各自的缩放(Scale)参数；根据多个界面各自的Scale参数，将多个界面以各界面的中心线为轴进行水平翻转，以得到翻转后的多个界面。

实际上，Scale参数是界面的基础参数之一。各界面的Scale参数主要用于控制界面尺寸，即调整界面尺寸的缩放变化。各界面的Scale参数至少包括各界面的x轴参数、y轴参数、z轴参数。

具体而言，可以采用如下方式实现对多个界面的水平翻转：响应于对多个界面的第一编辑指令，对多个界面各自的Scale参数中的x轴参数进行取反操作，从而使多个界面根据取反后的x轴参数进行显示，这样，即可将多个界面以各界面的中心线为轴进行水平翻转得到翻转后的多个界面。

实际上，多个界面各自的Scale参数包括各界面中所有界面元素的Scale参数，因此，通过对多个界面各自的Scale参数的取反操作，能够对多个界面中所有界面元素进行统一翻转，避免逐一翻转带来的错漏。

例如，假设第一编辑指令为对多个界面的翻转指令。基于此，响应于对多个界面的翻转指令，通过触发这多个界面各自的底层程序逻辑，将这多个界面各自的x轴参数乘以-1，即对这多个x轴参数进行取反操作。

以图2示出的登陆界面为例，假设该登陆界面的x轴参数的初始值为1。登录界面的x轴参数从初始值(即1)经过取反处理变化为-1，从而，该登录界面根据取反后的x轴参数进行显示，显示效果如图3所示。

实际上，对多个界面统一进行水平翻转处理后，部分界面元素会出现显示异常，如文本、输入框控件、图片、交互操作控件等。例如，在图3中，输入框控件中的文字方向、标题文字方向、以及按钮控件中的文字方向、以及界面左上角的版本号的文字方向，均为反向。因而，需要针对这些存在显示异常(如界面显示的文字反向、图片反向等)的界面元素进行二次翻转处理。

也就是，将经过翻转后的多个界面中属于预设类型的界面元素(即上述存在显示异常的界面元素)以各界面元素的中心线为轴进行水平翻转，使上述界面元素的显示效果符合日常阅读习惯。

本实施例中的预设类型可以根据服务程序类型预先设置。比如，针对游戏应用中的界面元素，预设类型可以是输入框控件、图片、交互操作控件、游戏中出现的各种文本信息等。再比如，针对办公软件中的界面元素，预设类型可以是输入框控件、拖动操作控件等。

其中，将经过翻转后的多个界面中属于预设类型的界面元素以各界面元素的中心线为轴进行水平翻转，可以实现为：

从翻转后的多个界面中选取属于预设类型的多个界面元素；将选取出的多个界面元素以各界面元素的中心线为轴进行水平翻转，得到翻转后的界面元素。

具体而言，对于翻转后的多个界面中的任一界面，判断该界面是否存在属于预设类型的界面元素。若存在，基于界面元素所属的类型，以各界面元素的中心线为轴，对界面元素进行水平翻转得到翻转后的界面元素。

对于不同类型的界面元素，需要采用不同的水平翻转处理方式。结合以下示例对几种常见界面元素的水平翻转方式处理方式进行说明：

方式一：通过设置界面元素的Scale参数，根据界面元素的Scale参数，将界面元素以该界面元素的中心线为轴进行水平翻转。

假设界面元素i为选取出的多个界面元素中的任一个。并且，假设界面元素i的类型为文本、输入框控件、图片中的任一种。

基于上述假设，102中，将选取出的多个界面元素以各界面元素的中心线为轴进行水平翻转，可以实现为：

响应于对界面元素i的第二编辑指令，设置界面元素i的Scale参数；根据界面元素i的Scale参数，将界面元素i以界面元素i的中心线为轴进行水平翻转。

实际上，界面元素的Scale参数与界面的Scale参数类似。界面元素的Scale参数是界面元素的基础参数之一。界面元素的Scale参数主要用于控制界面元素的尺寸，即调整界面元素的尺寸的缩放变化。界面元素的Scale参数至少包括各界面元素的x轴参数、y轴参数、z轴参数。

当然，界面元素i的Scale参数的设置思路也与各界面的Scale参数的设置思路类似，相似之处相互参见。

例如：假设界面元素i的类型为输入框控件。假设界面元素i为图3中示出的输入框。基于此，响应于对界面元素的翻转指令，触发将输入框的x轴参数乘以-1，即将输入框的x轴参数进行取反。从而，输入框根据取反后的x轴参数进行显示，实现输入框中的文本内容水平翻转，输入框的最终显示效果如图4示出的输入框，即“点击更换”、“策划17服”。

类似的，也可以将图3中示出的按钮控件的x轴参数进行取反。从而，按钮控件根据取反后的x轴参数进行显示，实现按钮控件中的文本内容水平翻转，按钮控件的最终显示效果如图4示出的按钮控件，即“开始游戏”。

再例如：假设界面元素i的类型为文本。假设界面元素i为图3中示出的游戏标题文本。基于此，响应于对界面元素的翻转指令，触发将游戏标题文本的x轴参数乘以-1，即将游戏标题文本的x轴参数进行取反。从而，游戏标题文本根据取反后的x轴参数进行显示，显示效果如图5示出的游戏标题文本。

类似的，假设界面元素i的类型为图3中示出的包含游戏标题文本的背景图片，也可以通过修改该图片的x轴参数进行取反，以将该图片调整为符合用户视觉习惯的显示效果，如图5所示。

方式二：修改界面元素在横向上的操作方式，以使界面元素在横向上的操作逻辑进行左右互换。

经过翻转后的多个界面中，部分包含交互操作逻辑的控件可能会出现功能异常。比如，地图界面中包含拖动操作的拖动操作控件，左右操作出现异常，此情况下，对这部分交互操作控件，需要改变原有的交互操作逻辑，使其符合用户使用习惯。

假设界面元素j为选取出的多个界面元素中的任一个。并且，假设界面元素j的类型为交互操作控件。

基于上述假设，102中，将选取出的多个界面元素以各界面元素的中心线为轴进行水平翻转，可以实现为：修改界面元素在横向上的操作方式。

例如：假设界面元素j的类型为拖动操作控件。由于拖动操作控件在横向上的操作方式包括从右向左拖动和从左向右拖动，基于此，可以将拖动操作控件在横向上的操作方式进行左右互换，以便使拖动操作控件的操作方式符合目标地区用户使用习惯。具体地，可以通过引入第三方变量实现拖动操作控件在横向上操作方式的左右互换。

最终，对预设类型的界面元素(即显示异常的界面元素)进行二次翻转处理后，103中，显示服务程序中经至少一次水平翻转处理后的多个界面。

本实施例中经至少一次水平翻转处理后的多个界面至少包括：经过二次翻转处理后的界面、以及经过一次翻转处理但未经过二次翻转处理的界面。

例如：假设服务程序载入到虚拟引擎中。基于此，响应于对服务程序中的多个界面的展示指令，对经至少一次水平翻转处理后的多个界面进行渲染，以在虚拟引擎中显示这些界面。

此处，展示指令可以是对多个界面的预览指令，或者也可以是对多个界面的实时调整指令。

可选地，多个界面中包括用于指示界面翻转次数以及界面翻转方式的图标。图标比如是珠宝图像、动物图像、水果图像等。其中，图标的数量可以与翻转次数对应，图标所显示的属性可以与界面翻转方式对应。以珠宝图像为例，界面中展示的珠宝图像的个数可以与该界面被翻转的次数对应，珠宝生长方向可以与该界面的翻转方式相对应。再比如，以动物图像为例，界面中展示的动物图像的个数可以与该界面被翻转的次数对应，动物种类可以与该界面的翻转方式相对应。

下面结合具体实施例示例性说明上述界面编辑方法的执行过程。

假设待编辑的服务程序为游戏应用。假设游戏应用中登录界面的初始显示效果如图2所示。

基于上述假设，响应于对游戏应用的载入指令，将该游戏应用载入到虚拟引擎中，建立与虚拟引擎的通信连接，并通过通信连接获取该游戏应用的多个界面。多个界面包括如图2所示的登陆界面。获取多个界面后，将多个界面以各界面的中心线为轴进行水平翻转，并将翻转后的多个界面中属于预设类型的界面元素以各界面元素的中心线为轴进行水平翻转。具体地，以图2示出的登陆界面为例，以该界面的中心线为轴进行水平翻转，得到图3示出的登陆界面。从图3示出的登陆界面中选取属于预设类型的界面元素，如背景图片、输入框控件、按钮控件等。对于图3示出的输入框和按钮，通过修改输入框控件、按钮控件各自的Scale参数，将输入框和按钮以各自的中心线为轴进行水平翻转，得到图4示出的登陆界面。对于图3示出的背景图片，修改背景图片的Scale参数，将背景图片以其中心线为轴进行水平翻转，得到图5示出的登陆界面。实际上，也可以同时对多个预设类型的界面元素进行二次翻转，即将图3示出的登录界面变换为图5示出的登陆界面。最终，显示游戏应用中经过至少一次水平翻转后的多个界面。显示操作可以是由虚拟引擎执行的，也可以是由游戏应用自身执行的。

在一可选实施例中，本发明所涉及的界面和游戏中的珠宝管理系统关联。具体地，将珠宝管理系统中特定珠宝图像与界面关联；所述界面上珠宝的显示方式和所述界面的中心线关联，所述界面的珠宝为晶体生长状态。

其中，珠宝的显示个数和界面的翻转次数对应，珠宝生长方向和所述界面的中心线的翻转方式对应。比如，当所述界面沿中心线竖直翻转，并且翻转两次时，所述珠宝为上下排布的两个晶体，显示为向上的生长状态；当所述界面沿中心线水平翻转，并且翻转3次时，所述珠宝为水平排布的三个晶体，显示为水平的生长状态。

所述珠宝优选的为具有晶体形状的红宝石、蓝宝石等，这里不做限制。

本发明通过珠宝管理系统和界面的关联，扩充了界面的展示内容，并通过珠宝的晶体生长状态显示界面的翻转情况，便于技术人员对技术实现的了解。

当然，除珠宝外还可以采用其他形式的界面元素来表示界面的翻转次数以及翻转方式，比如水果形状的图标、动物形状的图标、或游戏中其他元素的图标。

图1示出的界面编辑方法的执行过程中，响应于对待编辑的服务程序的载入指令，获取服务程序中的多个界面，以便对服务程序中需要调整的多个界面进行统一处理。由于不同地区的阅读习惯不同，为使多个界面能够适配于目标地区的阅读习惯，首先，将多个界面以各界面的中心线为轴进行水平翻转，以便对多个界面统一进行水平翻转处理，使各界面中界面元素的整体布局符合目标地区的阅读习惯。由于水平翻转后部分界面元素会出现显示异常，如文本、输入框控件、图片、交互操作控件等，因而，需要针对这些存在显示异常的界面元素进行二次翻转处理，也就是，将经过翻转后的多个界面中属于预设类型的界面元素以各界面元素的中心线为轴进行水平翻转，使上述界面元素的显示效果符合日常阅读习惯。最终，在服务程序中显示的多个界面均至少经过一次水平翻转处理，能够适配目标地区的阅读习惯。该界面编辑方法中，通过获取服务程序中的多个界面，并对多个界面进行至少一次水平翻转处理，使得多个界面能够适配于目标地区的阅读习惯，实现了对跨地区界面的自动化调整，能够有效避免手动替换界面效果造成的错漏，缩短界面的制作周期，提高界面的制作效率。

图6为本发明实施例提供的一种界面编辑系统的工作过程示意图。如图6所示，该界面编辑系统包括第一应用以及用于编辑第一应用的第二应用，该第一应用加载有多个界面。该工作过程包括如下步骤：

601、在第二应用中载入第一应用；

602、第二应用获取第一应用中的多个界面；

603、第二应用将多个界面以各界面的中心线为轴进行水平翻转，并将翻转后的多个界面中属于预设类型的界面元素以各界面元素的中心线为轴进行水平翻转；

604、第一应用显示经至少一次水平翻转处理后的多个界面。

实际应用中，步骤604也可以由第二应用执行。

需要说明的是，图6示出的界面编辑系统的工作过程与上文图1示出的界面编辑方法的执行过程类似，相似之处不再赘述。其中，第一应用即上文图1示出的界面编辑方法中涉及到的服务程序。

以下将详细描述本发明的一个或多个实施例的界面编辑装置。本领域技术人员可以理解，这些界面编辑装置均可使用市售的硬件组件通过本方案所教导的步骤进行配置来构成。

图7为本发明实施例提供的一种界面编辑装置的结构示意图，如图7所示，该界面编辑装置包括：获取模块11、翻转模块12、显示模块13。

获取模块11，用于响应于对服务程序的载入指令，获取服务程序中的多个界面；

翻转模块12，用于将多个界面以各界面的中心线为轴进行水平翻转，并将翻转后的多个界面中属于预设类型的界面元素以各界面元素的中心线为轴进行水平翻转；

显示模块13，用于显示服务程序中经至少一次水平翻转处理后的多个界面。

可选地，翻转模块12将多个界面以各界面的中心线为轴进行水平翻转时，具体用于：

响应于对多个界面的第一编辑指令，设置多个界面各自的缩放Scale参数；

根据多个界面各自的Scale参数，将多个界面以各界面的中心线为轴进行水平翻转，以得到翻转后的多个界面。

可选地，翻转模块12将翻转后的多个界面中属于预设类型的界面元素以各界面元素的中心线为轴进行水平翻转时，具体用于：

从翻转后的多个界面中选取属于预设类型的多个界面元素；

将选取出的多个界面元素以各界面元素的中心线为轴进行水平翻转，得到翻转后的界面元素。

可选地，界面元素i为选取出的多个界面元素中的任一个，并且，界面元素i的类型为文本、输入框控件、图片中的任一种。

翻转模块12将选取出的多个界面元素以各界面元素的中心线为轴进行水平翻转时，具体用于：

响应于对界面元素i的第二编辑指令，设置界面元素i的Scale参数；

根据界面元素i的Scale参数，将界面元素i以界面元素i的中心线为轴进行水平翻转。

可选地，界面元素j为选取出的多个界面元素中的任一个，并且，界面元素j的类型为交互操作控件。

翻转模块12将选取出的多个界面元素以各界面元素的中心线为轴进行水平翻转时，具体用于：修改界面元素j在横向上的操作方式。

可选地，对Scale参数中的x轴参数进行取反操作。

可选地，显示模块13还用于，在经至少一次水平翻转处理后的多个界面中显示对应的图标，该图标用于指示界面翻转次数以及界面翻转方式。

可选地，对于经至少一次水平翻转处理后的多个界面中的任一个，该界面所展示的图标数量与翻转次数对应，图标属性与该界面翻转方式对应。

图7所示界面编辑装置可以执行前述各实施例中提供的方法，本实施例未详细描述的部分，可参考前述实施例的相关说明，在此不再赘述。

在一个可能的设计中，上述图8所示的界面编辑装置的结构可实现为一电子设备。如图8所示，该电子设备可以包括：处理器21、存储器22。其中，存储器22上存储有可执行代码，当可执行代码被处理器21执行时，至少使处理器21可以实现如前述实施例中提供的界面编辑方法。其中，该电子设备的结构中还可以包括通信接口23，用于与其他设备或通信网络通信。

另外，本发明实施例提供了一种非暂时性机器可读存储介质，非暂时性机器可读存储介质上存储有可执行代码，当可执行代码被无线路由器的处理器执行时，使处理器执行前述各实施例中提供的界面编辑方法。

以上所描述的装置实施例仅仅是示意性的，其中作为分离部件说明的各个模块可以是或者也可以不是物理上分开的。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。

通过以上的实施例的描述，本领域的技术人员可以清楚地了解到各实施例可借助加必需的通用硬件平台的方式来实现，当然也可以通过硬件和软件结合的方式来实现。基于这样的理解，上述技术方案本质上或者说做出贡献的部分可以以计算机产品的形式体现出来，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。