CN112269527A - 应用界面的生成方法及相关装置 - Google Patents

Abstract

本申请实施例公开了一种应用界面的生成方法及相关装置，应用于第一设备，方法包括：响应于用户对控件编辑界面中控件编辑区域的适配控件进行操作的第一操作指令，编排适配控件，该适配控件与被选择的原生控件对应，被选择的原生控件是第二设备运行目标应用时所显示的第一应用界面上的控件；响应于用户对适配控件进行操作的第二操作指令，对适配控件对应的第一属性信息进行更改；基于适配控件生成第二应用界面，第二应用界面与第一应用界面对应于目标应用的同一个功能界面。采用本申请实施例有利于提高用户体验。

Description

应用界面的生成方法及相关装置

技术领域

本申请涉及电子技术领域，具体涉及一种应用界面的生成方法及相关装置。

背景技术

随着电子设备(手机、平板电脑等)的大量普及应用，电子设备向着多样化、个性化的方向发展，电子设备能够支持的应用越来越多，功能越来越强大成为用户生活中不可缺少的电子用品。

目前，很多用户可能同时拥有多个设备，如手机、电脑、平板、电视、路由器等等，不同的设备上可能对应有不同的系统，或者可以有多种系统，如电脑可对应有Windows和Mac等系统，手机可对应有Android、IOS等等。每个系统上有自己的应用生态，大多数情况下，不同系统的应用是不兼容的，例如，Android上的应用不能运行在PC上，当用户需要使用多设备时，有些应用只能在一个设备中运行，用户体验不高。

发明内容

本申请实施例提供了一种应用界面的生成方法及相关装置，有利于提高用户体验。

第一方面，本申请实施例提供一种应用界面的生成方法，应用于第一设备，所述方法包括：

响应于用户对控件编辑界面中适配控件进行操作的第一操作指令，编排所述适配控件，所述适配控件与被选择的原生控件对应，所述被选择的原生控件是第二设备运行目标应用时所显示的第一应用界面上的控件；

响应于所述用户对所述适配控件进行操作的第二操作指令，对所述适配控件对应的第一属性信息进行更改；

基于所述适配控件生成第二应用界面，所述第二应用界面与所述第一应用界面对应于所述目标应用的同一个功能界面。

第二方面，本申请实施例提供一种应用界面的生成方法，应用于第一设备，所述方法包括：

第一设备显示控件编辑界面，所述控件编辑界面包括控件编辑区域和控件显示区域，所述控件显示区域用于显示目标应用的第一应用界面，所述第一应用界面包括至少一个原生控件，所述目标应用为所述第一设备上的应用，所述原生控件是指所述第一设备显示的所述第一应用界面上的控件，所述控件编辑区域用于显示所述至少一个原生控件中被选择的原生控件所对应的适配控件，所述适配控件是指第二设备在跨端运行所述目标应用时显示的第二应用界面上的控件，所述第一应用界面与所述第二应用界面对应所述目标应用的同一个功能界面。

第三方面，本申请实施例提供一种应用界面的生成装置，应用于第一设备，所述装置包括：编排单元、属性更改单元和生成单元，其中，

所述编排单元，用于响应于用户对所述控件编辑界面中适配控件进行操作的第一操作指令，编排所述适配控件，所述适配控件与被选择的原生控件对应，所述被选择的原生控件是第二设备运行目标应用时所显示的第一应用界面上的控件；

所述属性更改单元，用于响应于所述用户对所述适配控件进行操作的第二操作指令，对所述适配控件对应的第一属性信息进行更改；

所述生成单元，用于基于所述适配控件生成第二应用界面，所述第二应用界面与所述第一应用界面对应于所述目标应用的同一个功能界面。

第四方面，本申请实施例提供一种电子设备，包括处理器、存储器、通信接口以及一个或多个程序，其中，上述一个或多个程序被存储在上述存储器中，并且被配置由上述处理器执行，上述程序包括用于执行本申请实施例第一方面和/或第二方面任一方法中的步骤的指令。

第五方面，本申请实施例提供了一种计算机可读存储介质，其中，上述计算机可读存储介质存储用于电子数据交换的计算机程序，其中，上述计算机程序使得计算机执行如本申请实施例第一方面和/或第二方面任一方法中所描述的部分或全部步骤。

第六方面，本申请实施例提供了一种计算机程序产品，其中，上述计算机程序产品包括存储了计算机程序的非瞬时性计算机可读存储介质，上述计算机程序可操作来使计算机执行如本申请实施例第一方面和/或第二方面任一方法中所描述的部分或全部步骤。该计算机程序产品可以为一个软件安装包。

可以看出，本申请实施例中，响应于用户对控件编辑界面中控件编辑区域的适配控件进行操作的第一操作指令，编排适配控件，该适配控件与被选择的原生控件对应，被选择的原生控件是第二设备运行目标应用时所显示的第一应用界面上的控件；响应于用户对适配控件进行操作的第二操作指令，对适配控件对应的第一属性信息进行更改；基于适配控件生成第二应用界面，第二应用界面与第一应用界面对应于目标应用的同一个功能界面。如此，用户可在第三方应用不参与的情况下，把现有的应用在不同的设备上进行适配，并可通过控件编辑界面实现对目标应用界面的自定义外观设计，以实现应用的跨设备使用，有利于提高用户体验。

附图说明

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

图1是本申请实施例提供的一种电子设备的结构示意图；

图2是本申请实施例提供的一种电子设备的软件结构示意图；

图3A是本申请实施例提供的一种应用界面的生成方法的网络架构示意图；

图3B是本申请实施例提供的一种应用编辑器的结构示意图；

图3C是本申请实施例提供的一种应用编辑器的结构示意图；

图3D是本申请实施例提供的一种第二应用界面的界面示意图；

图4A是本申请实施例提供的一种应用界面的生成方法的流程示意图；

图4B是本申请实施例提供的一种第一设备与第二设备的交互示意图；

图4C是本申请实施例提供的一种控件编辑界面的界面示意图；

图4D是本申请实施例提供的一种控件绑定策略的场景示意图；

图4E是本申请实施例提供的一种控件绑定策略的场景示意图；

图4F是本申请实施例提供的一种应用界面的生成方法的场景示意图；

图4G是本申请实施例提供的一种应用界面的生成方法的场景示意图；

图4H是本申请实施例提供的一种应用界面的生成方法的流程示意图；

图5是本申请实施例提供的一种应用界面的生成方法的流程示意图；

图6是本申请实施例提供的一种应用界面的生成方法的时序示意图；

图7A是本申请实施例提供的一种应用界面的生成装置的功能单元组成框图；

图7B是本申请实施例提供的一种应用界面的生成装置的功能单元组成框图；

图7C是本申请实施例提供的一种电子设备的交互示意图。

具体实施方式

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

本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别不同对象，而不是用于描述特定顺序。此外，术语“包括”和“具有”以及它们任何变形，意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、方法、系统、产品或设备没有限定于已列出的步骤或单元，而是可选地还包括没有列出的步骤或单元，或可选地还包括对于这些过程、方法、产品或设备固有的其他步骤或单元。

在本文中提及“实施例”意味着，结合实施例描述的特定特征、结构或特性可以包含在本申请的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例，也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是，本文所描述的实施例可以与其它实施例相结合。

1)电子设备可以是还包含其它功能诸如个人数字助理和/或音乐播放器功能的便携式电子设备，诸如手机、平板电脑、具备无线通讯功能的可穿戴电子设备(如智能手表)等。便携式电子设备的示例性实施例包括但不限于搭载IOS系统、Android系统、Microsoft系统或者其它操作系统的便携式电子设备。上述便携式电子设备也可以是其它便携式电子设备，诸如膝上型计算机(Laptop)等。还应当理解的是，在其他一些实施例中，上述电子设备也可以不是便携式电子设备，而是台式计算机。

2)当前设备可指用户正在使用的设备，远端设备可指用户通过当前设备访问远端的应用所在的设备。

3)应用编辑器指用户或开发者使用的工具，可利用该工具实现对应用定义的制作。

4)应用定义指在当前设备显示远端应用时，由于显示和布局都发生了变化，因此需要有一个应用定义来重新定义当前设备的展现形式.

5)适配控件可指在当前设备重新绘制的应用中的控件。

6)原生控件可指远端设备上的应用中的控件，可与上述适配控件对应。

第一部分，本申请所公开的技术方案的软硬件运行环境介绍如下。

示例性的，图1示出了电子设备100的结构示意图。电子设备100可以包括处理器110、外部存储器接口120、内部存储器121、通用串行总线(universal serial bus，USB)接口130、充电管理模块140、电源管理模块141、电池142、天线1、天线2、移动通信模块150、无线通信模块160、音频模块170、扬声器170A、受话器170B、麦克风170C、耳机接口170D、传感器模块180、指南针190、马达191、指示器192、摄像头193、显示屏194以及用户标识模块(subscriber identification module，SIM)卡接口195等。

可以理解的是，本申请实施例示意的结构并不构成对电子设备100的具体限定。在本申请另一些实施例中，电子设备100可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。图示的部件可以以硬件，软件或软件和硬件的组合实现。

处理器110可以包括一个或多个处理单元，例如：处理器110可以包括应用处理器(application processor，AP)，调制解调处理器，图形处理器(graphics processingunit，GPU)，图像信号处理器(image signal processor，ISP)，控制器，视频编解码器，数字信号处理器(digital signal processor，DSP)，基带处理器，和/或神经网络处理器(neural-network processing unit，NPU)等。其中，不同的处理单元可以是独立的部件，也可以集成在一个或多个处理器中。在一些实施例中，电子设备100也可以包括一个或多个处理器110。其中，控制器可以根据指令操作码和时序信号，产生操作控制信号，完成取指令和执行指令的控制。在其他一些实施例中，处理器110中还可以设置存储器，用于存储指令和数据。示例性地，处理器110中的存储器可以为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据，可从所述存储器中直接调用。这样就避免了重复存取，减少了处理器110的等待时间，因而提高了电子设备100处理数据或执行指令的效率。

在一些实施例中，处理器110可以包括一个或多个接口。接口可以包括集成电路间(inter-integrated circuit，I2C)接口、集成电路间音频(inter-integrated circuitsound，I2S)接口、脉冲编码调制(pulse code modulation，PCM)接口、通用异步收发传输器(universal asynchronous receiver/transmitter，UART)接口、移动产业处理器接口(mobile industry processor interface，MIPI)、用输入输出(general-purpose input/output，GPIO)接口、SIM卡接口和/或USB接口等。其中，USB接口130是符合USB标准规范的接口，具体可以是Mini USB接口、Micro USB接口、USB Type C接口等。USB接口130可以用于连接充电器为电子设备100充电，也可以用于电子设备100与外围设备之间传输数据。该USB接口130也可以用于连接耳机，通过耳机播放音频。

可以理解的是，本申请实施例示意的各模块间的接口连接关系，只是示意性说明，并不构成对电子设备100的结构限定。在本申请另一些实施例中，电子设备100也可以采用上述实施例中不同的接口连接方式，或多种接口连接方式的组合。

充电管理模块140用于从充电器接收充电输入。其中，充电器可以是无线充电器，也可以是有线充电器。在一些有线充电的实施例中，充电管理模块140可以通过USB接口130接收有线充电器的充电输入。在一些无线充电的实施例中，充电管理模块140可以通过电子设备100的无线充电线圈接收无线充电输入。充电管理模块140为电池142充电的同时，还可以通过电源管理模块141为电子设备供电。

电源管理模块141用于连接电池142，充电管理模块140与处理器110。电源管理模块141接收电池142和/或充电管理模块140的输入，为处理器110、内部存储器121、外部存储器、显示屏194、摄像头193和无线通信模块160等供电。电源管理模块141还可以用于监测电池容量、电池循环次数、电池健康状态(漏电，阻抗)等参数。在其他一些实施例中，电源管理模块141也可以设置于处理器110中。在另一些实施例中，电源管理模块141和充电管理模块140也可以设置于同一个器件中。

电子设备100的无线通信功能可以通过天线1、天线2、移动通信模块150、无线通信模块160、调制解调处理器以及基带处理器等实现。

天线1和天线2用于发射和接收电磁波信号。电子设备100中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用，以提高天线的利用率。例如：可以将天线1复用为无线局域网的分集天线。在另外一些实施例中，天线可以和调谐开关结合使用。

移动通信模块150可以提供应用在电子设备100上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块150可以包括至少一个滤波器，开关，功率放大器，低噪声放大器(low noise amplifier，LNA)等。移动通信模块150可以由天线1接收电磁波，并对接收的电磁波进行滤波，放大等处理，传送至调制解调处理器进行解调。移动通信模块150还可以对经调制解调处理器调制后的信号放大，经天线1转为电磁波辐射出去。在一些实施例中，移动通信模块150的至少部分功能模块可以被设置于处理器110中。在一些实施例中，移动通信模块150的至少部分功能模块可以与处理器110的至少部分模块被设置在同一个器件中。

无线通信模块160可以提供应用在电子设备100上的包括无线局域网(wirelesslocal area networks，WLAN)(如无线保真(wireless fidelity，Wi-Fi)网络)、蓝牙(bluetooth，BT)，全球导航卫星系统(global navigation satellite system，GNSS)、调频(frequency modulation，FM)、近距离无线通信技术(near field communication，NFC)、红外技术(infrared，IR)、UWB等无线通信的解决方案。无线通信模块160可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块160经由天线2接收电磁波，将电磁波信号调频以及滤波处理，将处理后的信号发送到处理器110。无线通信模块160还可以从处理器110接收待发送的信号，对其进行调频，放大，经天线2转为电磁波辐射出去。

电子设备100通过GPU，显示屏194，以及应用处理器等实现显示功能。GPU为应用界面的生成的微处理器，连接显示屏194和应用处理器。GPU用于执行数学和几何计算，用于图形渲染。处理器110可包括一个或多个GPU，其执行程序指令以生成或改变显示信息。

显示屏194用于显示图像、视频等。显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display，LCD)、有机发光二极管(organic light-emittingdiode，OLED)、有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrixorganic light emitting diode的，AMOLED)、柔性发光二极管(flex light-emittingdiode，FLED)、迷你发光二极管(mini light-emitting diode，miniled)、MicroLed、Micro-oLed、量子点发光二极管(quantum dot light emitting diodes，QLED)等。在一些实施例中，电子设备100可以包括1个或多个显示屏194。

电子设备100可以通过ISP、摄像头193、视频编解码器、GPU、显示屏194以及应用处理器等实现拍摄功能。

ISP用于处理摄像头193反馈的数据。例如，拍照时，打开快门，光线通过镜头被传递到摄像头感光元件上，光信号转换为电信号，摄像头感光元件将所述电信号传递给ISP处理，转化为肉眼可见的图像。ISP还可以对图像的噪点、亮度、肤色进行算法优化。ISP还可以对拍摄场景的曝光、色温等参数优化。在一些实施例中，ISP可以设置在摄像头193中。

摄像头193用于捕获静态图像或视频。物体通过镜头生成光学图像投射到感光元件。感光元件可以是电荷耦合器件(charge coupled device，CCD)或互补金属氧化物半导体(complementary metal-oxide-semiconductor，CMOS)光电晶体管。感光元件把光信号转换成电信号，之后将电信号传递给ISP转换成数字图像信号。ISP将数字图像信号输出到DSP加工处理。DSP将数字图像信号转换成标准的RGB，YUV等格式的图像信号。在一些实施例中，电子设备100可以包括1个或多个摄像头193。

数字信号处理器用于处理数字信号，除了可以处理数字图像信号，还可以处理其他数字信号。例如，当电子设备100在频点选择时，数字信号处理器用于对频点能量进行傅里叶变换等。

视频编解码器用于对数字视频压缩或解压缩。电子设备100可以支持一种或多种视频编解码器。这样，电子设备100可以播放或录制多种编码格式的视频，例如：动态图像专家组(moving picture experts group，MPEG)1、MPEG2、MPEG3、MPEG4等。

NPU为神经网络(neural-network，NN)计算处理器，通过借鉴生物神经网络结构，例如借鉴人脑神经元之间传递模式，对输入信息快速处理，还可以不断的自学习。通过NPU可以实现电子设备100的智能认知等应用，例如：图像识别、人脸识别、语音识别、文本理解等。

外部存储器接口120可以用于连接外部存储卡，例如Micro SD卡，实现扩展电子设备100的存储能力。外部存储卡通过外部存储器接口120与处理器110通信，实现数据存储功能。例如将音乐，视频等文件保存在外部存储卡中。

内部存储器121可以用于存储一个或多个计算机程序，该一个或多个计算机程序包括指令。处理器110可以通过运行存储在内部存储器121的上述指令，从而使得电子设备100执行本申请一些实施例中所提供的显示页面元素的方法，以及各种应用以及数据处理等。内部存储器121可以包括存储程序区和存储数据区。其中，存储程序区可存储操作系统；该存储程序区还可以存储一个或多个应用(比如图库、联系人等)等。存储数据区可存储电子设备100使用过程中所创建的数据(比如照片，联系人等)等。此外，内部存储器121可以包括高速随机存取存储器，还可以包括非易失性存储器，例如一个或多个磁盘存储部件，闪存部件，通用闪存存储器(universal flash storage，UFS)等。在一些实施例中，处理器110可以通过运行存储在内部存储器121的指令，和/或存储在设置于处理器110中的存储器的指令，来使得电子设备100执行本申请实施例中所提供的显示页面元素的方法，以及其他应用及数据处理。电子设备100可以通过音频模块170、扬声器170A、受话器170B、麦克风170C、耳机接口170D、以及应用处理器等实现音频功能。例如音乐播放、录音等。

传感器模块180可以包括压力传感器180A、陀螺仪传感器180B、气压传感器180C、磁传感器180D、加速度传感器180E、距离传感器180F、接近光传感器180G、指纹传感器180H、温度传感器180J、触摸传感器180K、环境光传感器180L、骨传导传感器180M等。

其中，压力传感器180A用于感受压力信号，可以将压力信号转换成电信号。在一些实施例中，压力传感器180A可以设置于显示屏194。压力传感器180A的种类很多，如电阻式压力传感器，电感式压力传感器，电容式压力传感器等。电容式压力传感器可以是包括至少两个具有导电材料的平行板。当有力作用于压力传感器180A，电极之间的电容改变。电子设备100根据电容的变化确定压力的强度。当有触摸操作作用于显示屏194，电子设备100根据压力传感器180A检测所述触摸操作强度。电子设备100也可以根据压力传感器180A的检测信号计算触摸的位置。在一些实施例中，作用于相同触摸位置，但不同触摸操作强度的触摸操作，可以对应不同的操作指令。例如：当有触摸操作强度小于第一压力阈值的触摸操作作用于短消息应用图标时，执行查看短消息的指令。当有触摸操作强度大于或等于第一压力阈值的触摸操作作用于短消息应用图标时，执行新建短消息的指令。

陀螺仪传感器180B可以用于确定电子设备100的运动姿态。在一些实施例中，可以通过陀螺仪传感器180B确定电子设备100围绕三个轴(即X、Y和Z轴)的角速度。陀螺仪传感器180B可以用于拍摄防抖。示例性的，当按下快门，陀螺仪传感器180B检测电子设备100抖动的角度，根据角度计算出镜头模组需要补偿的距离，让镜头通过反向运动抵消电子设备100的抖动，实现防抖。陀螺仪传感器180B还可以用于导航，体感游戏场景。

加速度传感器180E可检测电子设备100在各个方向上(一般为三轴)加速度的大小。当电子设备100静止时可检测出重力的大小及方向。还可以用于识别电子设备姿态，应用于横竖屏切换，计步器等应用。

环境光传感器180L用于感知环境光亮度。电子设备100可以根据感知的环境光亮度自适应调节显示屏194亮度。环境光传感器180L也可用于拍照时自动调节白平衡。环境光传感器180L还可以与接近光传感器180G配合，检测电子设备100是否在口袋里，以防误触。

指纹传感器180H用于采集指纹。电子设备100可以利用采集的指纹特性实现指纹解锁，访问应用锁，指纹拍照，指纹接听来电等。

温度传感器180J用于检测温度。在一些实施例中，电子设备100利用温度传感器180J检测的温度，执行温度处理策略。例如，当温度传感器180J上报的温度超过阈值，电子设备100执行降低位于温度传感器180J附近的处理器的性能，以便降低功耗实施热保护。在另一些实施例中，当温度低于另一阈值时，电子设备100对电池142加热，以避免低温导致电子设备100异常关机。在其他一些实施例中，当温度低于又一阈值时，电子设备100对电池142的输出电压执行升压，以避免低温导致的异常关机。

触摸传感器180K，也称“触控面板”。触摸传感器180K可以设置于显示屏194，由触摸传感器180K与显示屏194组成触摸屏，也称“触控屏”。触摸传感器180K用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器，以确定触摸事件类型。可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例中，触摸传感器180K也可以设置于电子设备100的表面，与显示屏194所处的位置不同。

示例性的，图2示出了电子设备100的软件结构框图。分层架构将软件分成若干个层，每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中，将Android系统分为四层，从上至下分别为应用程序层，应用程序框架层，安卓运行时(Android runtime)和系统库，以及内核层。应用程序层可以包括一系列应用程序包。

如图2所示，应用程序包可以包括相机，图库，日历，通话，地图，导航，WLAN，蓝牙，音乐，视频，短信息等应用程序。

应用程序框架层为应用程序层的应用程序提供应用编程接口(applicationprogramming interface，API)和编程框架。应用程序框架层包括一些预先定义的函数。

如图2所示，应用程序框架层可以包括窗口管理器，内容提供器，视图系统，电话管理器，资源管理器，通知管理器等。

窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小，判断是否有状态栏，锁定屏幕，截取屏幕等。

内容提供器用来存放和获取数据，并使这些数据可以被应用程序访问。所述数据可以包括视频，图像，音频，拨打和接听的电话，浏览历史和书签，电话簿等。

视图系统包括可视控件，例如显示文字的控件，显示图片的控件等。视图系统可用于构建应用程序。显示界面可以由一个或多个视图组成的。例如，包括短信通知图标的显示界面，可以包括显示文字的视图以及显示图片的视图。

电话管理器用于提供电子设备100的通信功能。例如通话状态的管理(包括接通，挂断等)。

资源管理器为应用程序提供各种资源，比如本地化字符串，图标，图片，布局文件，视频文件等等。

通知管理器使应用程序可以在状态栏中显示通知信息，可以用于传达告知类型的消息，可以短暂停留后自动消失，无需用户交互。比如通知管理器被用于告知下载完成，消息提醒等。通知管理器还可以是以图表或者滚动条文本形式出现在系统顶部状态栏的通知，例如后台运行的应用程序的通知，还可以是以对话窗口形式出现在屏幕上的通知。例如在状态栏提示文本信息，发出提示音，电子设备振动，指示灯闪烁等。

Android Runtime包括核心库和虚拟机。Android runtime负责安卓系统的调度和管理。

核心库包含两部分：一部分是java语言需要调用的功能函数，另一部分是安卓的核心库。

应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理，堆栈管理，线程管理，安全和异常的管理，以及垃圾回收等功能。

系统库可以包括多个功能模块。例如：表面管理器(surface manager)，媒体库(media libraries)，三维图形处理库(例如：OpenGL ES)，2D图形引擎(例如：SGL)等。

表面管理器用于对显示子系统进行管理，并且为多个应用程序提供了2D和3D图层的融合。

媒体库支持多种常用的音频，视频格式回放和录制，以及静态图像文件等。媒体库可以支持多种音视频编码格式，例如：MPEG4，H.264，MP3，AAC，AMR，JPG，PNG等。

三维图形处理库用于实现三维图形绘图，图像渲染，合成，和图层处理等。

2D图形引擎是2D绘图的绘图引擎。

内核层是硬件和软件之间的层。内核层至少包含显示驱动，摄像头驱动，音频驱动，传感器驱动。

第二部分，本申请实施例所公开的示例应用场景介绍如下。

图3A示出了本申请所适用的应用界面的生成方法的网络架构示意图，如图3A所示，该架构示意图中包括多个服务器，其中可包括：云端服务器200a，后台服务器200b，以及多个电子设备，该电子设备可以为智能手机、平板电脑、台式电脑、具备无线通讯功能的可穿戴电子设备等等，具体的在此不作限定。

其中，每一电子设备可与上述云端服务器进行信息交互，该后台服务器200b可与云端服务器200a建立连接，上述后台服务器200b内可装备有应用编辑器，该应用编辑器中可包括控件编辑界面，后台开发人员可通过该应用编辑器实现对应用中或者页面展现形式的编辑或者设计。

其中，每一电子设备之间可进行通信，每一电子设备中同样可以包括有应用编辑器，同时每一电子设备均可从云端服务器获取应用对应的应用定义；每一电子设备可与其他设备实现应用的跨端使用。

其中，每一电子设备中装载的应用对应的应用程序可不同，用户可通过其中电子设备100b跨端使用另一电子设备100c中的目标应用，并可适配生成第二应用界面，该第二应用界面与电子设备100c中的目标应用的第一应用界面对应于同一功能界面，并且，该电子设备a还可反向控制上述电子设备100c中的目标应用。此外，上述每一电子设备中均可包括上述应用编辑器，应用编辑器中可包括控件编辑界面，用户可通过该控件编辑界面实现对目标应用的第二应用界面的设计，以自定义页面的外观。

示例性的，图3B示出了一种本申请所适用的应用编辑器的结构示意图，如图所示，为一种应用编辑器对应的控件编辑界面的结构示意图，如图中所示，该控件编辑界面中可包括控件编辑区域，应用于第一设备，用户可在该控件编辑区域对要进行跨端使用的目标应用中的控件进行自定义设计，并在设计完成以后，生成第二应用界面，以适配于第一设备的显示界面。

示例性的，图3C示出了一种本申请所适用的应用编辑器的结构示意图，如图所示，为一种应用编辑器对应的控件编辑界面的结构示意图，如图中所示，可包括：控件显示区域和控件编辑区域。

其中，控件显示区域可用于显示第二设备(可对应于图3A中的电子设备100B)中目标应用中的第一应用界面，该第一应用界面中可包括至少一个原生控件，如图3B中手指图标选定的框框所示，该手指图标选中的即为被选中的原生控件，用户可在该第一应用界面选中原生控件，选中以后，在控件显示区域可自适应通过红框等不同颜色的方框或者其他形状的框确定原生控件。

其中，控件编辑区域可用于编排第一应用界面中被选中的原生控件对应的适配控件；可通过空间编辑区域对该适配控件进行编排，例如，可对其进行翻转、移动、放大、缩小等操作，以改变其形态和位置；还可通过该控件编辑区域对该适配控件的属性信息进行更改，并生成第二应用界面，如图3D所示，为一种第二应用界面的界面示意图，如图所示，第二应用界面可显示第一应用界面中部分界面，并且其与第一应用界面对应目标应用的同一功能界面，该第二应用界面中包括原生控件对应的适配控件，在生成第二应用界面以后，该第二应用界面可小于或等于或大于上述第一显示界面，具体可依据第一设备的显示屏幕的大小而设定或者用户自定义；其中，属性信息可包括以下至少一种：字体、颜色、大小、尺寸和坐标等等，在此不作限定；如此，可实现对该适配控件的编辑，以适配于第一设备(可对应于图3A中的电子设备100c)的界面显示。

具体实现中，如图3C所示，第一设备可跨端使用第二设备中的目标应用，上述目标应用可为音乐播放类APP，该控件显示区域可显示第二设备中该音乐播放类APP对应的第一应用界面，该界面中可包括多个控件，例如，播放/暂停控件、下一首控件、上一首控件、歌曲名控件等等，不同类型(例如，文字类、图片类等等)的控件展现的UI不同。

可见，在本申请实施例中，第一设备可响应于用户对控件编辑界面中控件编辑区域的适配控件进行操作的第一操作指令，编排适配控件，该适配控件与被选择的原生控件对应，被选择的原生控件是第二设备运行目标应用时所显示的第一应用界面上的控件；响应于用户对适配控件进行操作的第二操作指令，对适配控件对应的第一属性信息进行更改；基于适配控件生成第二应用界面，第二应用界面与第一应用界面对应于目标应用的同一个功能界面。如此，用户可在第三方应用不参与的情况下，把现有的应用在不同的设备上进行适配，并可通过控件编辑界面实现对目标应用界面的自定义外观设计，以实现应用的跨设备使用，有利于提高用户体验。

第三部分，本申请实施例所公开的权要保护范围介绍如下。

请参阅图4A，图4A是本申请实施例提供了一种应用界面的生成方法的流程示意图，应用于第一设备，如图所示，本应用界面的生成方法包括以下操作。

S401、响应于用户对控件编辑界面中适配控件进行操作的第一操作指令，编排所述适配控件，所述适配控件与被选择的原生控件对应，所述被选择的原生控件是第二设备运行目标应用时所显示的第一应用界面上的控件。

其中，上述第一设备在本申请实施例中可为远端设备或者是当前设备。

其中，上述控件编辑界面可为用户自行设置或者系统默认，在此不作限定；用户可对该第一设备中的控件编辑界面中的控件进行编辑，以实现对控件的编排，以展现适配于第一设备的控件；该控件编辑界面可以由图标、控件、导航栏等界面元素组成。

其中，上述原生控件可指第二设备运行目标应用时对应的第一应用界面中的控件，该控件可指应用界面中的至少一种：图标、按钮、菜单、文本框、状态栏、对话框和导航栏等等，在此不作限定；上述目标应用可包括以下至少一种：社交类应用、新闻类应用、购物类应用、娱乐类应用、金融类应用、生活类应用、工具类应用等等，在此不做限定。

其中，上述适配控件可指适配于第一设备的控件，不同的设备端对应的界面数据中可包括控件以及控件之间的层级关系，每一控件可对应有不同的属性、事件和方法；在不同设备端，其对应的应用定义是不同的，那么控件在不同设备中的表现形式也是不同的。

其中，当第一设备为当前设备时，该原生控件可指远端设备中目标应用对应的第一应用界面中的控件；当第一设备为远端设备时，该原生控件可对应于自身设备中目标应用对应的第一应用界面中的控件，适配设备可指当前设备中对应的控件；当第一设备为后台开发设备时，原生控件对应于远端设备中的控件，适配控件对应于当前设备中的控件，该当前设备可指用户当前使用或者操作的设备，远端设备可指用户通过当前设备访问远端的应用所在的设备；可通过当前设备访问远端设备中的任意一个应用。

其中，用户可在控件编辑界面中针对适配控件进行拖拽或者点击等其他操作，以实现对适配控件的编排，或者，控件编辑界面中可包括多个图标，用户可通过上述多个图标对适配控件进行编排，该图标可包括以下至少一种：左右移动图标、翻转图标、删除图标和缩放图标等等，在此不作限定。

其中，上述第一操作指令可包括以下至少一种：向左移动操作指令、向右移动操作指令、翻转操作指令、删除操作指令等等，在此不作限定。

举例来说，如图4B所示，为一种第一设备与第二设备的交互示意图，该第一设备中原先可不包括适配应用，该适配应用可为第一设备通过跨端使用第二设备中目标应用，适配得到；该适配应用可理解为当前设备(第一设备)重现绘制的应用；该适配应用的显示界面为上述第二应用界面；在上述第一设备与第二设备中均可包括应用编辑器，用户均可通过应用编辑器实现对控件的编辑，以生成自己喜爱的应用界面；同时，两个设备中均可包括重定向系统，第一设备中包括第一重定向系统，第二设备中包括第二重定向系统，可通过该重定向系统具体实现对应用界面的展示与投屏，例如，第一设备可通过第一重定向系统实现对第二应用界面的生成，并在第二应用界面中投屏显示适配控件对应的界面。

具体实现中，用户可在控件显示区域中通过点击或者拖拽等操作选择任意一个控件，控件显示区域可用于显示第二设备(可对应于图3A中的电子设备100B)中目标应用中的第一应用界面，该第一应用界面中可包括至少一个原生控件，如图3B中手指图标选定的框框所示，该手指图标选中的即为被选中的原生控件，用户可在该第一应用界面选中原生控件，选中以后，在控件显示区域可自适应通过红框等不同颜色的方框或者其他形状的框确定原生控件，或者，当用户点击原生控件以后，可自动在控件编辑区域直接映射该原生控件对应的适配控件。

其中，控件编辑区域可用于编排第一应用界面中被选中的原生控件对应的适配控件；可通过空间编辑区域对该适配控件进行编排，例如，可对其进行翻转、移动、放大、缩小等操作，以改变其形态和位置；还可通过该控件编辑区域对该适配控件的属性信息进行更改，并生成第二应用界面，

可选地，在上述步骤S401之前，所述控件编辑界面包括控件显示区域，所述控件显示区域用于显示所述目标应用的所述第一应用界面；还可包括如下步骤：响应于用户对所述控件显示区域所述被选择的原生控件进行操作的第三操作指令，确定所述控件显示区域中所述被选择的原生控件，并在所述控件编辑界面显示所述被选择的原生控件对应的所述适配控件，所述第一应用界面包括至少一个原生控件。

其中，上述控件编辑界面可包括控件显示区域，该控件显示区域用于显示目标应用对应的第一应用界面，该第一应用界面可对应于第二设备，如图3B所示，该控件显示区域中可包括至少一个原生控件，例如，例如，播放/暂停控件、下一首控件、上一首控件、歌曲名控件等等，不同类型(例如，文字类、图片类等等)的控件展现的UI样式不同。

其中，上述第一应用界面中可包括至少一个原生控件，当用户点击或者拖拽而选择一个原生控件以后，第一设备可对该原生控件进行确定，例如，可直接在确定用户针对原生控件的操作位置，并确定被选中的原生控件以后，在控件编辑区域直接显示该被选择的原生控件对应的适配控件；或者，也可以预设形状的框去框定该被选择的原生控件，以可视化的方式对用户展示当前被选择的原生控件。

可见，在本申请实施例中，当用户在第一应用界面中选择一个原生控件以后，可在控件编辑界面中的控件编辑区域中对应显示该原生控件对应的适配控件，该适配控件与该原生控件一一对应，在生成适配控件的同时，该原生控件与该适配控件对应的属性信息和事件信息则被绑定，那么，用户进而可在第一设备中通过对适配控件的控制实现对第二设备中目标应用的控制。

在一种可能的示例中，上述确定所述控件显示区域中被选择的原生控件，可包括如下步骤：确定所述用户在所述控件显示区域的操作位置；确定所述原生控件的第二属性信息；根据所述第二属性信息，在所述操作位置以预设方式对所述原生控件进行确定。

其中，上述预设方式可为用户自行设置或者系统默认，在此不作限定。

其中，上述第二属性信息可包括以下至少一种：字体、颜色、大小、尺寸和坐标等等，在此不作限定；每一控件可对应有属性信息；可依据于属性信息的不同区别于控件。

举例来说，当用户选择了一个原生控件以后，可通过计算用户的操作位置以确定该原生控件的位置，并确定该原生控件的尺寸大小，最后可沿着被选择的原生控件的边缘绘制一个框，以表示该原生控件已被选中，其中，该框可对应有不同的颜色，可通过颜色的不同来区分用户选择的原生控件的不同。

此外，随着用户的操作位置的不同，该原生控件对应的框会自动重新绘制，以方便用户查看当前被选中的控件。

此外，也可在用户选择原生控件以后，直接在控件编辑区域适配显示该原生控件对应的适配控件。

可选地，在所述编排所述适配控件之前，所述方法还包括：获取预设控件映射表，所述预设控件映射表用于表示所述第一设备中原生控件与所述第二设备中适配控件之间的映射关系；根据所述控件映射表，在所述控件编辑界面对所述被选择的原生控件进行映射，得到所述被选择的原生控件所对应的适配控件。

其中，上述预设控件映射表可为用户自行设置或者系统默认，在此不作限定。该预设控件映射表也可从云端服务器获取，上述第一设备与第二设备对应的系统可相同或者不同，可预先设置不同系统之间控件的映射关系，并以预设控件映射表的形式表现。

其中，不同的系统可对应有不同的预设映射关系表，由于映射关系的不同，上述控件在不同系统中的表现形式不同，因此，适配得到的应用界面中的显示方式与第二设备中第一应用显示界面有很大的不同。

其中，上述控件可指一个控件或者多个控件的集合，在此不作限定，如列表的多个内容控件可以组合为一个列表控件。

S402、响应于所述用户对所述适配控件进行操作的第二操作指令，对所述适配控件对应的第一属性信息进行更改。

其中，在上述控件编辑界面中还可包括多个组件，每一组件可对应有不同的选项，用户可通过对组件的选择实现对适配控件中第一属性信息的更改。

其中，上述组件可包括以下至少一种：文本、按钮、图片、进度条等等，在此不作限定。

其中，上述第二操作指令即可为用户对上述任一组件的选择而对应的操作，例如，点击操作、触摸操作等。例如，当用户点击组件中的文本时，即为对适配控件中的文本信息进行更改。

其中，适配控件对应的第一属性信息包括：字体、颜色、大小、尺寸和坐标等等，在此不做限定。

如图4C所示，为一种控件编辑界面的界面示意图，该控件编辑界面可包括：控件显示区域和控件编辑区域，其中，上述控件显示区域中可包括第二设备中目标应用对应的第一应用界面，该第一应用界面中可包括一个或多个原生控件；上述控件编辑区域中可包括：工具栏和布局栏；其中，工具栏可包括多个组件，可包括：上述组件可包括以下至少一种：文本、按钮、图片、进度条等等，在此不作限定；上述布局栏中可包括多个图标，可包括：移动图标、翻转图标、删除图标和缩放图标等等，在此不作限定。

其中，用户可通过工具栏和布局栏中的组件或者图标对适配控件的属性信息和适配控件的位置进行更改，例如，可使用布局栏中的移动图标实现对适配控件的移动，通过工具栏中的图片组件，实现对适配控件的图片的更改，或者，也可使用进度条组件，实现对进度条的属性内容的更改等等，最后，可以帮助用户自定义自己喜爱的样式页面，并在编排、更改属性信息完成以后，可基于适配控件生成第二应用界面。

在一种可能的示例中，所述控件编辑界面包括多个组件，所述对所述适配控件对应的第一属性信息进行更改，可包括如下步骤：确定所述第二操作指令对应的目标组件；确定所述目标组件对应的类型，所述类型包括：文本、图片、按钮和进度条；确定所述类型对应的目标属性信息，将所述适配控件对应的第一属性信息更改为所述目标属性信息。

其中，每一组件可对应有一个类型，该类型可包括以下至少一种：文本、图片、按钮和进度条等等，在此不作限定。

具体实现中，用户可选中一个组件，响应于用户的选择操作，可确定目标组件，并根据该目标组件确定需要更改的适配控件的目标属性信息，例如，若目标组件为文本，那么上述第二操作指令则可能为更改适配控件中文本信息的字体或者颜色或者大小等等，在此不作限定，响应于该第二操作指令，可将适配控件对应的第一属性信息更改为上述目标属性信息。

可选地，在对适配控件对应的第一属性信息进行更改以后，还可包括如下步骤：对适配控件对应的第一属性信息与所述原生控件对应的第二属性信息进行属性绑定和事件绑定。

其中，当对适配控件可原生控件分别对应的属性信息进行属性绑定以后，在远端的原生控件的属性发生变化时，当前适配控件的值也会发生变化。

其中，属性的绑定方法可为用户自行设置或者系统默认，在此不作限定；举例来说，可包括两种绑定策略，第一种是复制策略，如图4D所示，为一种控件绑定策略的场景示意图，其中，原生控件的值将直接拷贝给适配控件，一般适用于文本类型控件，如图4E中所示，左边为原生控件，右边为适配控件，适配控件相对于原生控件来说，字体属性对应的值发生变化，两个控件所展现出来的UI不同；第二种是选择适配策略，如图4E所示，为一种控件绑定策略的场景示意图，其中，左边为原生控件，右边为适配控件，原生控件对应的属性信息可对应有一个范围，那么，在适配以后，每个值都会对应一个新的值，一般用作图片重新制作。

其中，当将原生控件和适配控件进行事件绑定以后，用户对于第一设备中适配控件的进行操作以后，第二设备中的原生控件会对应响应。

其中，上述事件绑定可对应有两种事件绑定形式，一种是直接调用原生控件的事件；另外一种则转换为对控件所在位置的通用操作注入，来满足兼容性。如：适配控件Button的Click事件对应调用原生控件Button的Click事件；适配控件Text的TextChanged事件对应原生控件Text的SetText事件；适配控件ProgressBar的ProgressChanged事件对应原生控件ProgressBar的SetProgress事件。又例如，可将适配控件的事件，转化为对图片的操作，包括点的选择，按键的按下松开等；如image的点击事件对应一个位置id点击事件。

可见，本申请实施例中，可通过多个组件实现对控件的属性信息的更改，用户可通过对控件的属性信息自定义，实现同一目标应用的不同的UI页面的展示，用户可自由选择自己喜欢的表现形式，有利于提高用户体验。

S403、基于所述适配控件生成第二应用界面，所述第二应用界面与所述第一应用界面对应于所述目标应用的同一个功能界面。

其中，上述第二应用界面在UI表现形式上可不同于上述第一应用界面，但是，该第二应用界面与第二设备第一应用界面对应于同一个功能界面，即对应于同一应用功能。

具体实现中，可基于适配控件，对上述第一应用界面中对应的原生控件进行替换，那么，该第一应用界面中的显示和布局可能会发生变化，该第一设备中的目标应用的应用定义则被重新定义，可实现目标应用在第一设备中的适配，通过第二应用界面展示的目标应用的展现形式发生变化，如此，在第一设备中显示的目标应用的应用界面则会更为适配，用户可在控件编辑界面中重新绘制该目标应用的应用界面，在UI的展现形式等方面有了进一步的提升，有利于提高用户体验。

如图4F所示，为一种应用界面的生成方法的场景示意图，用户可在第一设备中跨端使用该第一设备中目标应用，并在应用编辑器中对被用户选择的原生控件对应的适配控件进行编排，以及属性信息的更改，以生成第二应用界面，该第二应用界面体现了一种新的应用形态，是该用户依据原生控件重新绘制得到，如此，该第二应用界面更为适配于第一设备的屏幕大小，因此，用户在跨端使用目标应用时，特别涉及到大屏到小屏的设备切换时，能够更加适配该场景，能够自适应不同的屏幕尺寸。

其中，该第二应用界面中可包括多个适配控件，该适配控件可对应于第一应用界面中的原生控件，并且对两个控件之间建立了属性绑定关系和事件绑定关系；如此，用户可通过点击、拖拽或者触摸等操作在第二应用界面中操作时，第二设备的目标应用也可产生相应的响应。

其中，上述应用编辑器可装载于为第一设备中，也可装载于第二设备中，或者可装载于如图3A所示的服务器200b中，以供后台人员对应用界面的UI进行设计，在此不作限定。

可选地，在上述步骤S403之前，还可包括如下步骤：获取所述用户对所述适配控件的第四操作指令，所述第四操作指令中携带外部资源列表，所述外部资源列表由外部导入得到，所述外部资源列表中包括至少一个外部资源控件，每一外部资源控件对应一个第三属性信息；根据所述外部资源列表中的至少一个第三属性信息，对所述适配控件对应的所述第一属性信息进行更改。

其中，上述外部资源列表可包括以下至少一种：背景图片、额外的logo等信息，该外部资源列表可体现每一资源(图片等)对应的位置、大小等信息。

其中，上述第三属性信息可包括以下至少一种：图片、字体、颜色、大小、尺寸和坐标等等，在此不做限定。

可见，在本申请实施例，用户可通过外部导入的资源列表实现对适配控件的进一步UI美化，以在不改变原有应用的基础上做自定义的外观设计，使得该目标应用在第二设备上展现更美观，有利于提高用户体验。

可选地，在适应性的对目标应用的第一应用界面进行适配得到第二应用界面以后，该第二应用界面的尺寸可小于或等于或大于第一应用界面的尺寸。

可选地，在上述步骤S403之后，还可包括如下步骤：在所述生成第二应用界面以后，确定针对所述目标应用的当前运行配置，并将所述当前运行配置作为应用定义保存到预设云端服务器中。

其中，该预设云端服务器可为用户自行设置或者系统默认，在此不作限定，该预设云端服务器可对应于如图3A所述的云服务器200a。

其中，上述当前应用配置，可指用户当前生成第二应用界面以后，该目标应用对应的运行配置信息，可包括应用定义适合在第一设备中进行使用的信息等等。

其中，上述应用定义可包括以下至少一种：运行配置信息和控件映射表等等，在此不作限定；该控件映射表中可包括以下至少一种：控件的唯一的标识符ID、指向应用的某个原生控件的唯一路径、应用的原生控件在应用展示时候的位置大小信息、适配控件的属性信息、适配控件的属性类型、适配控件和其对应的原生控件之间的属性绑定信息和事件绑定信息等等，在此不做限定。其中，可通过指向应用的某个原生控件的唯一路径从应用中找到这个原生控件，应用的原生控件在应用展示时候的位置大小信息可指在开发时上述确定原生控件的框所处的位置和大小，上述适配控件的属性类型可表示该适配控件对应的功能，例如，在音乐APP中的播放键、下一首按键等等。

可选地，在上述步骤S403之后，还可包括如下步骤：若所述用户在所述第二应用界面触发的反向控制操作指令，则确定所述反向控制操作指令对应的目标适配控件，所述反向控制操作指令用于控制所述目标应用；根据所述目标适配控件，生成所述反向控制操作指令对应的操作信息；将所述操作信息发送于所述第二设备，所述操作信息用于指示所述第二设备触发所述第一应用界面中与所述目标适配控件对应的所述原生控件。

其中，在本申请实施例中，上述第一设备可反向控制上述第二设备中的目标应用。

具体实现中，用户可通过点击或者触摸等操作控制第二应用界面，当触发了反向控制操作指令时，可基于用户的操作位置，确定用户选择的目标适配控件；进而可通过该目标适配控件生成适应于第二设备的操作信息，并将该操作信息进行压缩加密等操作，最后，可发送于第二设备；进而，第二设备可依据该操作信息作出响应，以实现第一设备对第二设备中目标应用的控制。

在一种可能的示例中，在所述根据所述目标适配控件，生成所述反向控制操作指令对应的操作信息之前，可包括如下步骤：从预设云端服务器获取所述目标应用对应的目标应用定义；所述根据所述目标适配控件，生成所述反向控制操作指令对应的操作信息，可包括如下步骤：根据所述目标适配控件和所述目标应用定义，生成所述目标适配控件对应的目标适配事件；根据所述目标适配事件，生成所述反向控制操作指令对应的操作信息。

其中，由于第一设备与第二设备实现应用跨端时，也就是生成第二应用界面时，已建立了两个设备之间原生控件和适配控件之间的映射关系，即已将原生控件与其对应的适配控件分别对应的属性信息和事件信息进行绑定，因此，可通过上述两个关系实现第一设备对第二设备中目标应用的控制。

其中，每一应用可对应有应用定义，该应用定义可存储于预设云服务器中，以便于不同设备从预设云服务器中获取应用定义，以实现信息同步和信息共享。

其中，上述应用定义中包含了预设控件列表和运行信息等等，因此可通过该目标应用当前对应的目标应用定义，对该目标适配控件进行适配，以确定该目标适配控件产生了适配事件，得到目标适配事件，该目标适配事件可与该目标适配控件进行绑定，并加密以生成上述反向控制操作指令对应的操作信息。

可见，本申请实施例中，可基于原先适配的适配控件与原生控件之间绑定的属性信息，即映射关系，直接对目标应用对应的第一应用界面进行控制，以实现第一设备对第二设备的反向控制，处理过程简单，有利于提高控制效率。

在一种可能的示例中，所述根据所述目标适配控件，生成所述反向控制操作指令对应的操作信息，可包括如下步骤：根据所述目标适配控件，确定所述目标适配控件对应的图片信息；确定所述图片信息对应的坐标位置；根据所述坐标位置生成所述反向控制操作指令对应的操作信息。

其中，上述目标适配控件实际对应的是一个图标，上述图片信息即为该目标适配控件在第二应用页面中界面元素的可视化的表征，该目标适配控件可对应于该目标应用中原生控件的一个具体的功能，例如，若为音乐APP，那么该目标适配控件可以为暂停按钮，对应于第一应用界面中的原生控件也为暂停按钮。

其中，由于不同的设备的安全性要求不同，即考虑到系统的安全机制，有些设备是不允许对底层的一些信息进行更改的，则可通过对用户点击的图片的位置进行定位，并计算出第二设备中的第一应用界面中的相对位置，通过该相对位置确定用户需要在目标应用中控制的的位置，以实现对第二设备中目标应用的控制。

可见，在本申请实施例中，可在第二设备由于安全机制的保护，第一设备不具备控件控制权限的时候，通过对用户操作的目标适配控件对应的图片的位置实现对第二设备中第一页面位置中相对位置的定位，进而，进一步实现对第二设备的目标应用的操作控制；有利于增加反向控制功能使用的通用性。

举例来说，如图4G所示，为一种应用界面的生成方法的场景示意图，图4G图示出了智能手表呈现的手机音乐娱乐类APP的部分功能控件的第二应用界面，当手机的第一显示界面中的音乐正在播放时，用户执行如图4F中所示的操作，该操作可以包括用户对音乐应用的播放控件的点击操作。用户可通过控制智能手表第二应用界面中的适配控件反向控制手机中该音乐娱乐类APP对应的原生控件，例如，响应于该用户的点击操作，智能手表的操作界面中音乐应用的播放控件呈现暂停状态，相应地手机音乐的播放界面中也暂停播放。

可见，在本申请实施例中，第一设备响应于用户对控件编辑界面中适配控件进行操作的第一操作指令，编排适配控件，适配控件与被选择的原生控件对应，上述被选择的原生控件是第二设备运行目标应用时所显示的第一应用界面上的控件；响应于用户对适配控件进行操作的第二操作指令，对适配控件对应的第一属性信息进行更改；基于适配控件生成第二应用界面，第二应用界面与第一应用界面对应于目标应用的同一个功能界面。如此，用户可在第三方应用不参与的情况下，把现有的应用在不同的设备上进行适配，并可通过控件编辑界面实现对目标应用界面的自定义外观设计，以实现应用的跨设备使用，有利于提高用户体验。

请参阅图4H，图4H是本申请实施例提供了一种应用界面的生成方法的流程示意图，应用于第一设备，如图所示，本应用界面的生成方法包括以下操作。

第一设备显示控件编辑界面，所述控件编辑界面包括控件编辑区域和控件显示区域，所述控件显示区域用于显示目标应用的第一应用界面，所述第一应用界面包括至少一个原生控件，所述目标应用为所述第一设备上的应用，所述原生控件是指所述第一设备显示的所述第一应用界面上的控件，所述控件编辑区域用于显示所述至少一个原生控件中被选择的原生控件所对应的适配控件，所述适配控件是指第二设备在跨端运行所述目标应用时显示的第二应用界面上的控件，所述第一应用界面与所述第二应用界面对应所述目标应用的同一个功能界面。

请参阅图5，图5是本申请实施例提供了一种应用界面的生成方法的流程示意图，应用于第二设备，如图所示，本应用界面的生成方法包括以下操作。

S501、接收第一设备发送的操作信息，所述操作信息用于控制目标应用，所述操作信息由用户通过所述第一设备中第二应用界面触发反向控制操作指令得到。

其中，上述操作信息可为第一设备加密发送得到，该操作信息中可对应于用户在第一设备中第二应用界面中触发的反向控制操作指令得到，该反向控制操作指令用于控制第二设备中目标应用。

S502、从预设云端服务器获取目标应用对应的目标应用定义。

其中，上述预设云端服务器可为用户自行设置或者系统默认，在此不作限定。

其中，上述目标应用定义可对应于目标应用，每一设备在实现了跨端操作以后，均可将其对应的控件属性绑定信息和控件事件绑定信息以及运行配置实时上传到上述预设云端服务器中，以便于各个设备之间实现控件等信息同步和信息共享。

S503、根据目标应用定义，解析所述操作信息，得到所述操作信息对应的所述反向控制操作指令。

其中，第二设备可按照预设的解密方式对上述操作信息进行解密，还原出第一设备中原始的操作信息，并得到反向控制操作指令对应的具体信息，例如，控件位置、图片位置等等。

S504、响应于所述反向控制操作指令，根据所述操作信息，实现所述第一设备对所述目标应用的控制。

其中，上述操作信息中包括了上述反向控制操作指令对应的具体操作位置等信息，例如，图片对应的位置信息等，进而，可基于该操作信息，响应于上述反向控制操作指令，以实现第一设备对第二设备的目标应用的控制。

在一个可能的示例中，根据所述操作信息，实现所述第一设备对所述目标应用的控制，包括：根据所述操作信息，确定所述目标应用定义中针对第二设备中原生控件的输入绑定情况；根据所述原生控件的输入绑定情况，确定满足预设条件的原生控件；查找预设输入绑定信息表，查看所述原生控件对应的输入事件是否注册；若存在输入事件未注册，则确定所述输入事件对应的原生控件对应的位置信息，根据所述位置信息，将所述输入事件注入所述目标应用中；若存在输入事件已注册，则确定注册信息，确定所述输入事件对应的原生控件，将所述输入事件按照注册信息转化为原生控件对应的目标事件，并注入到所述目标应用中，以实现多数第一设备对所述目标应用的控制。

其中，考虑到第一设备在实现上述跨端以后，即生成第二应用界面以后，第一设备将其对应的应用定义上传到了预设云端服务器中，该应用定义中包含了第二设备中原生控件和第一设备中适配控件之间的映射关系(控件属性绑定信息和控件事件绑定信息)，因此，可直接通过该应用定义和上述映射关系，确定该适配控件在第二设备中对应的原生控件，并基于两个控件之间的事件绑定关系，对目标应用注入原生控件对应的目标事件，采用本申请实施例，控制效率更高，更便捷。

其中，可通过判断上述原生控件对应的输入事件是否注册，来确定该原生控件是否与上述适配控件之间绑定了控件属性和控件事件。

在一个可能的示例中，根据所述操作信息，实现所述第一设备对所述目标应用的控制，包括：解析所述操作信息，得到所述第二设备中原生控件对应的坐标位置；获取预设的原生控件与适配控件之间的位置映射关系；根据所述位置映射关系和所述坐标位置，确定所述原生控件对应的目标位置；根据所述目标位置，响应于所述反向操作指令，以实现所述第一设备对所述目标应用的控制。

其中，若第二设备中的安全机制要求较高，则第一设备不能通过控件以实现对第二设备的反向控制操作，因此，可通过对图片的定位以确定原生控件的具体位置，体现了控制策略的多样性，有利于增加反向控制操作的通用性，从而提高用户体验。

其中，上述位置映射关系可从预设云端服务器中的目标应用定义中获取。

可见，在本申请实施例中，第二设备可接收第一设备发送的操作信息，所述操作信息用于控制目标应用，所述操作信息由用户通过所述第一设备中第二应用界面触发反向控制操作指令得到；从预设云端服务器获取目标应用对应的目标应用定义；根据目标应用定义，解析所述操作信息，得到所述操作信息对应的所述反向控制操作指令；响应于所述反向控制操作指令，根据所述操作信息，实现所述第一设备对所述目标应用的控制。如此，第二设备可基于应用定义，对第一设备发送的操作信息进行处理，以响应第二设备对第一设备反向控制操作指令，并实现第一设备对第二设备中该目标应用的控制，有利于提高应用跨端使用的实用型，并有利于提高用户体验。

请参阅图6，图6是本申请实施例提供了一种应用界面的生成方法的时序示意图，如图所示，本应用界面的生成方法包括以下操作。

S601、第一设备响应于用户对控件编辑界面中适配控件进行操作的第一操作指令，编排所述适配控件，所述适配控件与被选择的原生控件对应，所述被选择的原生控件是第二设备运行目标应用时所显示的第一应用界面上的控件。

S602、第一设备响应于所述用户对所述适配控件进行操作的第二操作指令，对所述适配控件对应的第一属性信息进行更改。

S603、第一设备基于所述适配控件生成第二应用界面，所述第二应用界面与所述第一应用界面对应于所述目标应用的同一个功能界面。

S604、若所述用户在所述第二应用界面触发的反向控制操作指令，则确定所述反向控制操作指令对应的目标适配控件，所述反向控制操作指令用于控制所述目标应用。

S605、第一设备根据所述目标适配控件，生成所述反向控制操作指令对应的操作信息。

S606、第一设备将所述操作信息发送于所述第二设备，所述操作信息用于指示所述第二设备触发所述第一应用界面中与所述目标适配控件对应的所述原生控件。

其中，上述步骤S601-S606的具体描述可以参照图4A所述的应用界面的生成方法的相应描述，在此不再赘述。

S607、第二设备接收第一设备发送的操作信息，所述操作信息用于控制目标应用，所述操作信息由用户通过所述第一设备中第二应用界面触发反向控制操作指令得到。

S608、从预设云端服务器获取目标应用对应的目标应用定义。

S609、根据目标应用定义，解析所述操作信息，得到所述操作信息对应的所述反向控制操作指令。

S610、响应于所述反向控制操作指令，根据所述操作信息，实现所述第一设备对所述目标应用的控制。

其中，上述步骤S607-S610的具体描述可以参照图5所述的应用界面的生成方法的相应描述，在此不再赘述。

可见，在本申请实施例中，第一设备可响应于用户对控件编辑界面中适配控件进行操作的第一操作指令，编排适配控件，适配控件与被选择的原生控件对应，被选择的原生控件是第二设备运行目标应用时所显示的第一应用界面上的控件；响应于用户对适配控件进行操作的第二操作指令，对适配控件对应的第一属性信息进行更改；基于适配控件生成第二应用界面，第二应用界面与第一应用界面对应于目标应用的同一个功能界面。第二设备可接收第一设备发送的操作信息，操作信息用于控制目标应用，操作信息由用户通过第一设备中第二应用界面触发反向控制操作指令得到；从预设云端服务器获取目标应用对应的目标应用定义；根据目标应用定义，解析操作信息，得到操作信息对应的反向控制操作指令；响应于反向控制操作指令，根据操作信息，实现第一设备对目标应用的控制。如此，用户可通过第一设备中的控件编辑界面对第二设备中的第一应用界面进行编辑或者设计，以改变第一应用界面中的显示和布局，以将第一设备中的第一应用界面适配到本设备中，以生成第二应用界面，并通过该第二应用界面实现与第二设备之间的针对目标应用的应用跨端使用，并且第一设备还可反向控制上述第二设备，以反向控制第二设备中的目标应用，有利于提高用户体验。

上述主要从方法侧执行过程的角度对本申请实施例的方案进行了介绍。可以理解的是，电子设备为了实现上述功能，其包含了执行各个功能相应的硬件结构和/或软件模块。本领域技术人员应该很容易意识到，结合本文中所提供的实施例描述的各示例的单元及算法步骤，本申请能够以硬件或硬件和计算机软件的结合形式来实现。某个功能究竟以硬件还是计算机软件驱动硬件的方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。

本申请实施例可以根据上述方法示例对电子设备进行功能单元的划分，例如，可以对应各个功能划分各个功能单元，也可以将两个或两个以上的功能集成在一个处理单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。需要说明的是，本申请实施例中对单元的划分是示意性的，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式。

在采用对应各个功能划分各个功能模块的情况下，图7A示出了应用界面的生成装置的示意图，如图7A所示，该应用界面的生成装置700应用于第一设备，该应用界面的生成装置700可以包括：编排单元701、属性更改单元702和生成单元703，其中，

其中，接收单元701可以用于支持电子设备执行上述步骤401，和/或用于本文所描述的技术的其他过程。

确定单元702可以用于支持电子设备执行上述步骤402，和/或用于本文所描述的技术的其他过程。

判断单元703可以用于支持电子设备执行上述步骤403，和/或用于本文所描述的技术的其他过程。

在一种可能的示例中，所述控件编辑界面包括控件显示区域，所述控件显示区域用于显示所述目标应用的所述第一应用界面；

在所述编排所述适配控件之前，如图7B所示，上述装置700还可包括：确定单元704，在所述确定所述控件显示区域中被选择的原生控件方面，上述确定单元704用于：

响应于用户对所述控件显示区域所述被选择的原生控件进行操作的第三操作指令，确定所述控件显示区域中所述被选择的原生控件，并在所述控件编辑界面显示所述被选择的原生控件对应的所述适配控件，所述第一应用界面包括至少一个原生控件。

在一种可能的示例中，在所述确定所述控件显示区域中被选择的原生控件方面，上述确定单元704具体用于：

确定所述用户在所述控件显示区域的操作位置；

确定所述原生控件的第二属性信息；

根据所述第二属性信息，在所述操作位置以预设方式对所述原生控件进行确定。

在一种可能的示例中，在所述控件编辑界面包括多个组件，所述对所述适配控件对应的第一属性信息进行更改方面，上述属性更改单元702具体用于：

确定所述第二操作指令对应的目标组件；

确定所述目标组件对应的类型，所述类型包括：文本、图片、按钮和进度条；

确定所述类型对应的目标属性信息，将所述适配控件对应的第一属性信息更改为所述目标属性信息。

需要说明的是，上述方法实施例涉及的各步骤的所有相关内容均可以援引到对应功能模块的功能描述，在此不再赘述。

本实施例提供的电子设备，用于执行上述应用界面的生成方法，因此可以达到与上述实现方法相同的效果。

在采用集成的单元的情况下，电子设备可以包括处理模块、存储模块和通信模块。其中，处理模块可以用于对电子设备的动作进行控制管理，例如，可以用于支持电子设备执行上述编排单元701、属性更改单元702和生成单元703执行的步骤。存储模块可以用于支持电子设备执行存储程序代码和数据等。通信模块，可以用于支持电子设备与其他设备的通信。

其中，处理模块可以是处理器或控制器。其可以实现或执行结合本申请公开内容所描述的各种示例性的逻辑方框，模块和电路。处理器也可以是实现计算功能的组合，例如包含一个或多个微处理器组合，数字信号处理(digital signal processing，DSP)和微处理器的组合等等。存储模块可以是存储器。通信模块具体可以为射频电路、蓝牙芯片、Wi-Fi芯片等与其他电子设备交互的设备。

在一个实施例中，当处理模块为处理器，存储模块为存储器时，本实施例所涉及的电子设备可以为具有图1所示结构的设备。

如图7C所示，为一种电子设备的交互示意图，如图所示。其中，第一设备可包括第一重定向系统，该第一重定向系统中可包括如下模块：应用显示模块、接收模块、输入处理模块和发送模块。

其中，第二设备可包括第二重定向系统，第二设备可包括目标应用，该第二重定向系统中可包括如下模块：信息采集模块、接收模块、输入注入模块和发送模块。

其中，第一设备和第二设备可分别通过接收模块和发送模块相互交互、发送或者接收信息；第一设备中输入处理模块可以用于支持电子设备执行上述步骤S401、步骤S402和步骤S403，和/或用于本文所描述的技术的其他过程；应用显示模块用于显示第二应用界面。

其中，当第一设备需要反向控制第二设备时，第一设备中的输入处理模块还用于支持电子设备执行上述步骤S604和步骤S605，和/或用于本文所描述的技术的其他过程；第一设备中的发送模块用于支持电子设备执行上述步骤S606，和/或用于本文所描述的技术的其他过程。第二设备中，接收模块用于支持电子设备执行上述步骤S501，和/或用于本文所描述的技术的其他过程；输入注入模块用于支持电子设备执行上述步骤S502、步骤S503和步骤S504，和/或用于本文所描述的技术的其他过程。

本申请实施例还提供一种计算机存储介质，其中，该计算机存储介质存储用于电子数据交换的计算机程序，该计算机程序使得计算机执行如上述方法实施例中记载的任一方法的部分或全部步骤，上述计算机包括电子设备。

本申请实施例还提供一种计算机程序产品，上述计算机程序产品包括存储了计算机程序的非瞬时性计算机可读存储介质，上述计算机程序可操作来使计算机执行如上述方法实施例中记载的任一方法的部分或全部步骤。该计算机程序产品可以为一个软件安装包，上述计算机包括电子设备。

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

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

在本申请所提供的几个实施例中，应该理解到，所揭露的装置，可通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如上述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性或其它的形式。

上述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

上述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储器中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储器中，包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本申请各个实施例上述方法的全部或部分步骤。而前述的存储器包括：U盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，该程序可以存储于一计算机可读存储器中，存储器可以包括：闪存盘、只读存储器(英文：Read-Only Memory，简称：ROM)、随机存取器(英文：Random Access Memory，简称：RAM)、磁盘或光盘等。

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

Claims (26)

1.一种应用界面的生成方法，应用于第一设备，其特征在于，所述方法包括：

响应于用户对控件编辑界面中适配控件进行操作的第一操作指令，编排所述适配控件，所述适配控件与被选择的原生控件对应，所述被选择的原生控件是第二设备运行目标应用时所显示的第一应用界面上的控件；

响应于所述用户对所述适配控件进行操作的第二操作指令，对所述适配控件对应的第一属性信息进行更改；

基于所述适配控件生成第二应用界面，所述第二应用界面与所述第一应用界面对应于所述目标应用的同一个功能界面。

2.根据权利要求1所述的方法，其特征在于，所述控件编辑界面包括控件显示区域，所述控件显示区域用于显示所述目标应用的所述第一应用界面；

在所述编排所述适配控件之前，所述方法还包括：

响应于用户对所述控件显示区域所述被选择的原生控件进行操作的第三操作指令，确定所述控件显示区域中所述被选择的原生控件，并在所述控件编辑界面显示所述被选择的原生控件对应的所述适配控件，所述第一应用界面包括至少一个原生控件。

3.根据权利要求2所述的方法，其特征在于，所述确定所述控件显示区域中被选择的原生控件，包括：

确定所述用户在所述控件显示区域的操作位置；

确定所述原生控件的第二属性信息；

根据所述第二属性信息，在所述操作位置以预设方式对所述原生控件进行确定。

4.根据权利要求1所述的方法，其特征在于，所述第二操作指令包括：移动操作指令、缩放操作指令、旋转操作指令和删除操作指令。

5.根据权利要求1-3任一项所述的方法，其特征在于，在所述编排所述适配控件之前，所述方法还包括：

获取预设控件映射表，所述预设控件映射表用于表示所述第一设备中原生控件与所述第二设备中适配控件之间的映射关系；

根据所述控件映射表，在所述控件编辑界面对所述被选择的原生控件进行映射，得到所述被选择的原生控件所对应的适配控件。

6.根据权利要求1所述的方法，其特征在于，所述控件编辑界面包括多个组件，所述对所述适配控件对应的第一属性信息进行更改，包括：

确定所述第二操作指令对应的目标组件；

确定所述目标组件对应的类型，所述类型包括：文本、图片、按钮和进度条；

确定所述类型对应的目标属性信息，将所述适配控件对应的第一属性信息更改为所述目标属性信息。

7.根据权利要求1所述的方法，其特征在于，所述适配控件对应的第一属性信息包括：字体、颜色、大小、尺寸和坐标。

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

获取所述用户对所述适配控件的第四操作指令，所述第四操作指令中携带外部资源列表，所述外部资源列表由外部导入得到，所述外部资源列表中包括至少一个外部资源控件，每一外部资源控件对应一个第三属性信息；

根据所述外部资源列表中的至少一个第三属性信息，对所述适配控件对应的所述第一属性信息进行更改。

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

在所述生成第二应用界面以后，确定针对所述目标应用的当前运行配置，并将所述当前运行配置作为应用定义保存到预设云端服务器中。

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

若所述用户在所述第二应用界面触发的反向控制操作指令，则确定所述反向控制操作指令对应的目标适配控件，所述反向控制操作指令用于控制所述目标应用；

根据所述目标适配控件，生成所述反向控制操作指令对应的操作信息；

将所述操作信息发送于所述第二设备，所述操作信息用于指示所述第二设备触发所述第一应用界面中与所述目标适配控件对应的所述原生控件。

11.根据权利要求1所述的方法，其特征在于，所述第二应用界面的尺寸小于或等于所述第一应用界面的尺寸。

12.根据权利要求10所述的方法，其特征在于，在所述根据所述目标适配控件，生成所述反向控制操作指令对应的操作信息之前，包括：

从预设云端服务器获取所述目标应用对应的目标应用定义；

所述根据所述目标适配控件，生成所述反向控制操作指令对应的操作信息，包括：

根据所述目标适配控件和所述目标应用定义，生成所述目标适配控件对应的目标适配事件；

根据所述目标适配事件，生成所述反向控制操作指令对应的操作信息。

13.根据权利要求10所述的方法，其特征在于，所述根据所述目标适配控件，生成所述反向控制操作指令对应的操作信息，包括：

根据所述目标适配控件，确定所述目标适配控件对应的图片信息；

确定所述图片信息对应的坐标位置；根据所述坐标位置生成所述反向控制操作指令对应的操作信息。

14.一种应用界面的生成方法，应用于第一设备，其特征在于，所述方法包括：

第一设备显示控件编辑界面，所述控件编辑界面包括控件编辑区域和控件显示区域，所述控件显示区域用于显示目标应用的第一应用界面，所述第一应用界面包括至少一个原生控件，所述目标应用为所述第一设备上的应用，所述原生控件是指所述第一设备显示的所述第一应用界面上的控件，所述控件编辑区域用于显示所述至少一个原生控件中被选择的原生控件所对应的适配控件，所述适配控件是指第二设备在跨端运行所述目标应用时显示的第二应用界面上的控件，所述第一应用界面与所述第二应用界面对应所述目标应用的同一个功能界面。

15.一种控件编辑装置，应用于第一设备，其特征在于，所述装置包括：编排单元、属性更改单元和生成单元，其中，

所述编排单元，用于响应于用户对所述控件编辑界面中适配控件进行操作的第一操作指令，编排所述适配控件，所述适配控件与被选择的原生控件对应，所述被选择的原生控件是第二设备运行目标应用时所显示的第一应用界面上的控件；

所述属性更改单元，用于响应于所述用户对所述适配控件进行操作的第二操作指令，对所述适配控件对应的第一属性信息进行更改；

所述生成单元，用于基于所述适配控件生成第二应用界面，所述第二应用界面与所述第一应用界面对应于所述目标应用的同一个功能界面。

16.一种第一设备，其特征在于，包括处理器、存储器、通信接口，以及一个或多个程序，所述一个或多个程序被存储在所述存储器中，并且被配置由所述处理器执行，所述程序包括用于执行：

响应于用户对控件编辑界面中适配控件进行操作的第一操作指令，编排所述适配控件，所述适配控件与被选择的原生控件对应，所述被选择的原生控件是第二设备运行目标应用时所显示的第一应用界面上的控件；

响应于所述用户对所述适配控件进行操作的第二操作指令，对所述适配控件对应的第一属性信息进行更改；

基于所述适配控件生成第二应用界面，所述第二应用界面与所述第一应用界面对应于所述目标应用的同一个功能界面。

17.根据权利要求16所述的第一设备，其特征在于，所述控件编辑界面包括控件显示区域，所述控件显示区域用于显示所述目标应用的所述第一应用界面；在所述编排所述适配控件之前，所述程序具体用于执行：

响应于用户对所述控件显示区域所述被选择的原生控件进行操作的第三操作指令，确定所述控件显示区域中所述被选择的原生控件，并在所述控件编辑界面显示所述被选择的原生控件对应的所述适配控件，所述第一应用界面包括至少一个原生控件。

18.根据权利要求16所述的第一设备，其特征在于，在所述确定所述控件显示区域中被选择的原生控件方面，所述程序具体用于执行：

确定所述用户在所述控件显示区域的操作位置；

确定所述原生控件的第二属性信息；

根据所述第二属性信息，在所述操作位置以预设方式对所述原生控件进行确定。

19.根据权利要求16-18任一项所述的第一设备，其特征在于，在所述显示所述被选择的原生控件对应的适配控件之前，所述程序具体用于执行：

获取预设控件映射表，所述预设控件映射表用于表示所述第一设备中原生控件与所述第二设备中适配控件之间的映射关系；

根据所述控件映射表，在所述控件编辑界面对所述被选择的原生控件进行映射，得到所述被选择的原生控件所对应的适配控件。

20.根据权利要求16所述的第一设备，其特征在于，所述控件编辑界面包括多个组件，在所述对所述适配控件对应的第一属性信息进行更改方面，所述程序具体用于执行：

确定所述第二操作指令对应的目标组件；

确定所述目标组件对应的类型，所述类型包括：文本、图片、按钮和进度条；

确定所述类型对应的目标属性信息，将所述适配控件对应的第一属性信息更改为所述目标属性信息。

21.根据权利要求16所述的第一设备，其特征在于，所述程序具体还用于执行：

获取所述用户对所述适配控件的第四操作指令，所述第四操作指令中携带外部资源列表，所述外部资源列表由外部导入得到，所述外部资源列表中包括至少一个外部资源控件，每一外部资源控件对应一个第三属性信息；

根据所述外部资源列表中的至少一个第三属性信息，对所述适配控件对应的所述第一属性信息进行更改。

22.根据权利要求21所述的第一设备，其特征在于，所述程序具体还用于执行：

在所述生成第二应用界面以后，确定针对所述目标应用的当前运行配置，并将所述当前运行配置作为应用定义保存到预设云端服务器中。

23.根据权利要求16所述的第一设备，其特征在于，所述程序具体还用于执行：

若所述用户在所述第二应用界面触发的反向控制操作指令，则确定所述反向控制操作指令对应的目标适配控件，所述反向控制操作指令用于控制所述目标应用；

根据所述目标适配控件，生成所述反向控制操作指令对应的操作信息；

将所述操作信息发送于所述第二设备，所述操作信息用于指示所述第二设备触发所述第一应用界面中与所述目标适配控件对应的所述原生控件。

24.根据权利要求16所述的第一设备，其特征在于，在所述根据所述目标适配控件，生成所述反向控制操作指令对应的操作信息之前，所述程序具体还用于执行：

从预设云端服务器获取所述目标应用对应的目标应用定义；

在所述根据所述目标适配控件，生成所述反向控制操作指令对应的操作信息方面，所述程序具体用于执行：

根据所述目标适配控件和所述目标应用定义，生成所述目标适配控件对应的目标适配事件；

根据所述目标适配事件，生成所述反向控制操作指令对应的操作信息。

25.根据权利要求16所述的第一设备，其特征在于，在所述根据所述目标适配控件，生成所述反向控制操作指令对应的操作信息方面，所述程序具体用于执行：

根据所述目标适配控件，确定所述目标适配控件对应的图片信息；

确定所述图片信息对应的坐标位置；根据所述坐标位置生成所述反向控制操作指令对应的操作信息。

26.一种计算机可读存储介质，其特征在于，存储用于电子数据交换的计算机程序，其中，所述计算机程序使得计算机执行如权利要求1-13或权利要求14任一项所述的方法。

Images