CN111752562A - 跨平台的客户端界面开发方法、装置、终端设备及介质 - Google Patents

Abstract

本发明公开了一种跨平台的客户端界面开发方法、装置、终端设备及存储介质，通过定义各预设界面控件的控件属性信息；调用预设界面编辑平台按照控件属性信息形成客户端界面，并生成客户端界面的界面描述文件；将界面描述文件传递至各客户端，以供各客户端自主解析界面描述文件进行界面显示，其中，各客户端至少包括：Windows平台客户端、IOS平台客户端以及安卓平台客户端。本发明指定客户端界面的描述方式，并提供统一的界面描述文件给不同平台客户端，各客户端无需进行其他开发操作，仅依据自身平台的主流技术解析界面描述文件即可进行界面显示，保证各平台本身性能且提高界面开发的速率，综合提升了多平台显示界面的开发效率，满足了界面开发的需求。

Description

跨平台的客户端界面开发方法、装置、终端设备及介质

技术领域

本发明涉及显示界面开发技术领域，尤其涉及一种跨平台的客户端界面开发方法、装置、终端设备及计算机可读存储介质。

背景技术

时下针对多平台显示界面的界面开发主要由以下两种开发方式，其中之一是：由各个独立平台基于各自所拥有的开发技术，按照界面显示的既定规则独立开发实现各自平台上的显示界面，如此，一旦显示界面需要调整(尽管是及其细微的调整)，则各平台都必须相应进行调整操作，工作量大、程序繁复，导致界面开发的效率低下。

时下进行界面开发的另外一种方式是：基于界面显示的一套代码，跨平台开发实现各个独立平台上的显示界面，然而，该跨平台界面开发的方式仅能针对相对简单的界面进行开发，对于显示复杂的界面则难以实现，仍然需要各平台独立进行开发操作，界面开发效率低，难以满足开发需求。

综上所述，时下针对多平台显示界面的界面开发方式，综合效率低下、难以满足界面开发需求。

发明内容

本发明的主要目的在于提供一种跨平台的客户端界面开发方法、装置、终端设备及计算机可读存储介质，旨在解决现有多平台显示界面的界面开发方式，综合效率低下、难以满足界面开发需求的技术问题。

为实现上述目的，本发明提供一种跨平台的客户端界面开发方法，所述跨平台的客户端界面开发方法包括：

定义各预设界面控件的控件属性信息；

调用预设界面编辑平台按照所述控件属性信息形成客户端界面，并生成所述客户端界面的界面描述文件；

将所述界面描述文件传递至各客户端，以供各所述客户端自主解析所述界面描述文件进行界面显示，其中，各所述客户端至少包括：Windows(美国微软公司研发的一套操作系统)平台客户端、IOS(由苹果公司开发的移动操作系统)平台客户端以及安卓平台客户端。

进一步地，所述跨平台的客户端界面开发方法，还包括：

对所述客户端界面进行修改，并生成新的所述界面描述文件。

进一步地，所述对所述客户端界面进行修改，并生成新的所述界面描述文件的步骤，包括：

在所述预设界面编辑平台上，修改所述客户端界面中各所述预设界面控件的各所述控件属性信息；

根据修改后的各所述控件属性信息编辑形成新的所述客户端界面，并生成新的所述客户端界面的所述界面描述文件。

进一步地，所述调用预设界面编辑平台按照所述控件属性信息形成客户端界面的步骤，包括：

调用所述预设界面编辑平台读取各所述预设界面控件携带的各所述控件属性信息；

在所述预设界面编辑平台上根据各所述控件属性信息编辑形成客户端界面。

进一步地，所述预设界面编辑平台为可视化界面编辑工具，所述控件属性信息包括：控件类型信息、版本号信息、显示位置信息和显示样式信息，

所述在所述预设界面编辑平台上根据各所述控件属性信息编辑形成客户端界面的步骤，包括：

在所述可视化界面编辑工具的编辑界面上，根据所述控件类型信息和所述版本号信息提取各所述预设界面控件；

根据所述显示位置信息和所述显示样式信息，将各所述预设界面控件编辑形成客户端界面。

进一步地，所述控件属性信息还包括：业务关联信息，

所述生成所述客户端界面的界面描述文件的步骤，包括：

读取所述客户端界面中，各所述预设界面控件的所述控件类型信息、所述版本号信息、所述显示位置信息所述显示样式信息以及所述业务关联信息；

对所述控件类型信息、所述版本号信息、所述显示位置信息所述显示样式信息以及所述业务关联信息进行封装填充以生成所述客户端界面的界面描述文件。

进一步地，所述业务关联信息用于描述所述预设界面控件与具体业务的联系，

所述定义各预设界面控件的控件属性信息的步骤，包括：

选中所述预设界面控件并进行控件属性编辑；

在进行控件属性编辑过程中，对选中的所述预设界面控件进行参数设置；

将经过控件属性编辑后的所述预设界面控件与所述具体业务进行绑定，以完成对所述控件属性信息中业务关联信息的定义

为实现上述目的，本发明还提供一种跨平台的客户端界面开发装置，所述跨平台的客户端界面开发装置，包括：

定义模块，用于定义各预设界面控件的控件属性信息；

生成模块，用于调用预设界面编辑平台按照所述控件属性信息形成客户端界面，并生成所述客户端界面的界面描述文件；

传送模块，用于将所述界面描述文件传递至各客户端，以供各所述客户端自主解析所述界面描述文件进行界面显示，其中，各所述客户端至少包括：Windows平台客户端、IOS平台客户端以及安卓平台客户端。

本发明还提供一种终端设备，所述终端设备包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的跨平台的客户端界面开发程序，所述跨平台的客户端界面开发程序被所述处理器执行时实现如上述中的跨平台的客户端界面开发方法的步骤。

本发明还提供一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如上述的跨平台的客户端界面开发方法的步骤。

本发明提出的跨平台的客户端界面开发方法、装置、终端设备以及计算机可读存储介质，通过定义各预设界面控件的控件属性信息；调用预设界面编辑平台按照所述控件属性信息形成客户端界面，并生成所述客户端界面的界面描述文件；将所述界面描述文件传递至各客户端，以供各所述客户端自主解析所述界面描述文件进行界面显示，其中，各所述客户端至少包括：Windows平台客户端、IOS平台客户端以及安卓平台客户端。本发明基于定义用于生成客户端界面的各界面控件的各控件属性信息以初步规定界面描述文件，然后调用预设界面编辑平台依据定义的各界面控件的各控件属性信息，编辑形成客户端界面并生成该客户端界面统一的界面描述文件，最后将生成的该统一的界面描述文件传递至不同平台的客户端，以供各客户端基于各自平台的主流技术自主进行界面描述文件的解析以进行界面显示。实现了，指定客户端界面的描述方式，并提供统一的界面描述文件给不同平台客户端，各客户端无需进行其他开发操作，仅需依据自身的主流技术解析界面描述文件即可实现界面显示，保证了各平台自身的性能且又提高了界面开发的速率，综合提升了多平台显示界面的界面开发效率，满足了界面开发的需求。

附图说明

图1是本发明实施例方案涉及的硬件运行的结构示意图；

图2为图1中移动终端的无线通信装置示意图；

图3是本发明一种跨平台的客户端界面开发方法第一实施例的流程示意图；

图4是本发明一种跨平台的客户端界面开发方法一实施例中跨平台的客户端界面开发流程示意图；

图5是本发明一种跨平台的客户端界面开发装置一实施例的功能模块示意图。

本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

在后续的描述中，使用用于表示元件的诸如“模块”、“部件”或“单元”的后缀仅为了有利于本发明的说明，其本身没有特定的意义。因此，“模块”、“部件”或“单元”可以混合地使用。

终端设备可以以各种形式来实施。例如，本发明中描述的终端设备可以包括诸如智能手表、智能手环、智能眼镜以及各种柔性屏幕的可穿戴移动终端，甚至可以是手机、平板电脑、笔记本电脑、掌上电脑、个人数字助理(Personal Digital Assistant，PDA)、便捷式媒体播放器(Portable Media Player，PMP)、导航装置、可穿戴设备、智能手环、计步器等移动终端，以及诸如数字TV、台式计算机等固定终端。

后续描述中将以移动的终端设备为例进行说明，本领域技术人员将理解的是，除了特别用于移动目的的元件之外，根据本发明的实施方式的构造也能够应用于固定类型的终端设备。

请参阅图1，其为实现本发明各个实施例的一种终端设备的硬件结构示意图，该终端设备100可以包括：RF(Radio Frequency，射频)单元101、WiFi模块102、音频输出单元103、A/V(音频/视频)输入单元104、传感器105、显示单元106、用户输入单元107、接口单元108、存储器109、处理器110、以及电源111等部件。本领域技术人员可以理解，图1中示出的移动终端结构并不构成对移动终端的限定，移动终端可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

下面结合图1对终端设备的各个部件进行具体的介绍：

射频单元101可用于收发信息或通话过程中，信号的接收和发送，具体的，将基站的下行信息接收后，给处理器110处理；另外，将上行的数据发送给基站。通常，射频单元101包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器、双工器等。此外，射频单元101还可以通过无线通信与网络和其他设备通信。上述无线通信可以使用任一通信标准或协议，包括但不限于GSM(Global System of Mobile communication，全球移动通讯系统)、GPRS(General Packet Radio Service，通用分组无线服务)、CDMA2000(CodeDivision Multiple Access 2000，码分多址2000)、WCDMA(Wideband Code DivisionMultiple Access,宽带码分多址)、TD-SCDMA(Time Division-Synchronous CodeDivision Multiple Access，时分同步码分多址)、FDD-LTE(Frequency DivisionDuplexing-Long Term Evolution，频分双工长期演进)和TDD-LTE(Time DivisionDuplexing-Long Term Evolution，分时双工长期演进)等。

WiFi属于短距离无线传输技术，终端设备通过WiFi模块102可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图1示出了WiFi模块102，但是可以理解的是，其并不属于终端设备的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。

音频输出单元103可以在终端设备100处于呼叫信号接收模式、通话模式、记录模式、语音识别模式、广播接收模式等等模式下时，将射频单元101或WiFi模块102接收的或者在存储器109中存储的音频数据转换成音频信号并且输出为声音。而且，音频输出单元103还可以提供与终端设备100执行的特定功能相关的音频输出(例如，呼叫信号接收声音、消息接收声音等等)。音频输出单元103可以包括扬声器、蜂鸣器等等。

A/V输入单元104用于接收音频或视频信号。A/V输入单元104可以包括图形处理器(Graphics Processing Unit，GPU)1041和麦克风1042，图形处理器1041对在视频捕获模式或图像捕获模式中由图像捕获装置(如摄像头)获得的静态图片或视频的图像数据进行处理。处理后的图像帧可以显示在显示单元106上。经图形处理器1041处理后的图像帧可以存储在存储器109(或其它存储介质)中或者经由射频单元101或WiFi模块102进行发送。麦克风1042可以在电话通话模式、记录模式、语音识别模式等等运行模式中经由麦克风1042接收声音(音频数据)，并且能够将这样的声音处理为音频数据。处理后的音频(语音)数据可以在电话通话模式的情况下转换为可经由射频单元101发送到移动通信基站的格式输出。麦克风1042可以实施各种类型的噪声消除(或抑制)算法以消除(或抑制)在接收和发送音频信号的过程中产生的噪声或者干扰。

终端设备100还包括至少一种传感器105，比如光传感器、运动传感器以及其他传感器。具体地，光传感器包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板1061的亮度，接近传感器可在终端设备100移动到耳边时，关闭显示面板1061和/或背光。作为运动传感器的一种，加速计传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于手机还可配置的指纹传感器、压力传感器、虹膜传感器、分子传感器、陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

显示单元106用于显示由用户输入的信息或提供给用户的信息。显示单元106可包括显示面板1061，可以采用液晶显示器(Liquid Crystal Display，LCD)、有机发光二极管(Organic Light-Emitting Diode,OLED)等形式来配置显示面板1061。

用户输入单元107可用于接收输入的数字或字符信息，以及产生与移动终端的用户设置以及功能控制有关的键信号输入。具体地，用户输入单元107可包括触控面板1071以及其他输入设备1072。触控面板1071，也称为触摸屏，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板1071上或在触控面板1071附近的操作)，并根据预先设定的程式驱动相应的连接装置。触控面板1071可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器110，并能接收处理器110发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板1071。除了触控面板1071，用户输入单元107还可以包括其他输入设备1072。具体地，其他输入设备1072可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种，具体此处不做限定。

进一步的，触控面板1071可覆盖显示面板1061，当触控面板1071检测到在其上或附近的触摸操作后，传送给处理器110以确定触摸事件的类型，随后处理器110根据触摸事件的类型在显示面板1061上提供相应的视觉输出。虽然在图1中，触控面板1071与显示面板1061是作为两个独立的部件来实现移动终端的输入和输出功能，但是在某些实施例中，可以将触控面板1071与显示面板1061集成而实现移动终端的输入和输出功能，具体此处不做限定。

接口单元108用作至少一个外部装置与终端设备100连接可以通过的接口。例如，外部装置可以包括有线或无线头戴式耳机端口、外部电源(或电池充电器)端口、有线或无线数据端口、存储卡端口、用于连接具有识别模块的装置的端口、音频输入/输出(I/O)端口、视频I/O端口、耳机端口等等。接口单元108可以用于接收来自外部装置的输入(例如，数据信息、电力等等)并且将接收到的输入传输到终端设备100内的一个或多个元件或者可以用于在终端设备100和外部装置之间传输数据。

存储器109可用于存储软件程序以及各种数据，存储器109可为一种计算机存储介质，该存储器109存储有本发明跨平台的客户端界面开发程序。存储器109可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器109可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。

处理器110是终端设备的控制中心，利用各种接口和线路连接整个移动终端的各个部分，通过运行或执行存储在存储器109内的软件程序和/或模块，以及调用存储在存储器109内的数据，执行终端设备的各种功能和处理数据，从而对终端设备进行整体监控。如处理器110执行存储器109中的跨平台的客户端界面开发程序，以实现本发明跨平台的客户端界面开发方法各实施例的步骤。

处理器110可包括一个或多个处理单元；可选的，处理器110可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器110中。

终端设备100还可以包括给各个部件供电的电源111(比如电池)，可选的，电源111可以通过电源管理系统与处理器110逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。

尽管图1未示出，终端设备100还可以包括蓝牙模块等，在此不再赘述。

为了便于理解本发明实施例，下面对本发明的终端设备所基于的通信网络系统进行描述。

请参阅图2，图2为本发明实施例提供的一种通信网络系统架构图，该通信网络系统为通用移动通信技术的LTE系统，该LTE系统包括依次通讯连接的UE(User Equipment，用户设备)201，E-UTRAN(Evolved UMTS Terrestrial Radio Access Network，演进式UMTS陆地无线接入网)202，EPC(Evolved Packet Core，演进式分组核心网)203和运营商的IP业务204。

具体地，UE201可以是上述终端设备100，此处不再赘述。

E-UTRAN202包括eNodeB2021和其它eNodeB2022等。其中，eNodeB2021可以通过回程(backhaul)(例如X2接口)与其它eNodeB2022连接，eNodeB2021连接到EPC203，eNodeB2021可以提供UE201到EPC203的接入。

EPC203可以包括MME(Mobility Management Entity，移动性管理实体)2031，HSS(Home Subscriber Server，归属用户服务器)2032，其它MME2033，SGW(Serving Gate Way，服务网关)2034，PGW(PDN Gate Way，分组数据网络网关)2035和PCRF(Policy andCharging Rules Function，政策和资费功能实体)2036等。其中，MME2031是处理UE201和EPC203之间信令的控制节点，提供承载和连接管理。HSS2032用于提供一些寄存器来管理诸如归属位置寄存器(图中未示)之类的功能，并且保存有一些有关服务特征、数据速率等用户专用的信息。所有用户数据都可以通过SGW2034进行发送，PGW2035可以提供UE 201的IP地址分配以及其它功能，PCRF2036是业务数据流和IP承载资源的策略与计费控制策略决策点，它为策略与计费执行功能单元(图中未示)选择及提供可用的策略和计费控制决策。

IP业务204可以包括因特网、内联网、IMS(IP Multimedia Subsystem，IP多媒体子系统)或其它IP业务等。

虽然上述以LTE系统为例进行了介绍，但本领域技术人员应当知晓，本发明不仅仅适用于LTE系统，也可以适用于其他无线通信系统，例如GSM、CDMA2000、WCDMA、TD-SCDMA以及未来新的网络系统等，此处不做限定。

基于上述移动终端硬件结构以及通信网络系统，提出本发明跨平台的客户端界面开发方法各个实施例。

本发明提供一种跨平台的客户端界面开发方法，该跨平台的客户端界面开发方法包括：

定义各预设界面控件的控件属性信息；调用预设界面编辑平台按照所述控件属性信息形成客户端界面，并生成所述客户端界面的界面描述文件；将所述界面描述文件传递至各客户端，以供各所述客户端自主解析所述界面描述文件进行界面显示，其中，各所述客户端至少包括：Windows平台客户端、IOS平台客户端以及安卓平台客户端。

具体地，请参照图3，图3为本发明跨平台的客户端界面开发方法第一实施例的流程示意图。

本发明实施例提供了跨平台的客户端界面开发方法的实施例，需要说明的是，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

本发明实施例跨平台的客户端界面开发方法应用于上述终端设备，本实施例跨平台的客户端界面开发方法包括：

步骤S100，定义各预设界面控件的控件属性信息。

基于定义用于生成客户端界面的各界面控件的各控件属性信息以初步规定界面描述文件。

需要说明的是，本实施例中，定义的各界面控件的各空间属性信息包括但不限于：控件类型信息、版本号信息、显示位置信息、显示样式信息以及业务关联信息，其中，控件类型信息、显示样式信息用于确定最终形成的客户端界面中各界面控件的呈现形式，显示位置信息确定各界面控件在最终形成的客户端界面中所处的布局位置，版本号信息方便客户端界面的后续开发过程对界面控件进行扩展，业务关联信息则用于描述界面控件与具体业务之间的联系。

进一步地，步骤S100，包括：

步骤S101，选中所述预设界面控件并进行控件属性编辑；

步骤S102，在进行控件属性编辑过程中，对选中的所述预设界面控件进行参数设置；

需要说明的是，预设界面控件为用于生成客户端界面的界面控件，包括但不限于按钮、选择框、文本框、输入框、图片、列表、跑马条以及视频框等。

在本实施例中，当提取出用于编辑客户端界面的各界面控件之后，选中任意一个界面控件并对该选中的界面控件进行控件属性编辑，在进行控件属性编辑过程中，当针对该选中的界面控件进行业务关联信息进行编辑定义时，需要对该界面控件进行具体的参数设置，设置所依据的具体数据格式可参照

{"ControlPath":"local.System.ServerIP","ControlType":"str","Property":"Text"}

所示的数据格式，其中，ControlPath用于描述界面控件所关联的参数路径、ControlType用于描述关联参数的数据类型、Property用于描述界面控件中与参数关联的属性。如此，在各平台客户端针对当前界面控件的业务关联信息执行具体业务时，可参照如下所示的具体数据格式进行业务关联中命令的执行：

其中，Name用于描述执行命令的名称、Args用于描述执行命令所需的参数(包括参数类型和参数数值)、ControlPath用于描述关联的控制路径。

步骤S103，将经过控件属性编辑后的所述预设界面控件与所述具体业务进行绑定，以完成对所述控件属性信息中业务关联信息的定义。

在针对选中的界面控件进行业务关联信息进行编辑过程，完成对该界面控件进行具体的参数设置之后，将经过参数设置的该界面控件与具体业务进行绑定以生成业务关联的描述信息，从而完成对当前选中界面控件各空间属性中，业务关联信息的定义。

本实施例中，基于定义用于生成客户端界面的各界面控件的各控件属性信息以初步规定界面描述文件，达到指定客户端界面描述方式的目的，便于生成并向各平台客户端提供统一的界面描述文件。

步骤S200，调用预设界面编辑平台按照所述控件属性信息形成客户端界面，并生成所述客户端界面的界面描述文件。

调用预设界面编辑平台依据定义的各界面控件的各控件属性信息，编辑形成客户端界面，并根据基于编辑最终形成的客户端界面，生成该客户端界面相应的界面描述文件。

进一步地，步骤S200中，调用预设界面编辑平台按照所述控件属性信息形成客户端界面的步骤，包括：

步骤S201，调用所述预设界面编辑平台读取各所述预设界面控件携带的各所述控件属性信息；

基于调用的预设界面编辑平台，逐一读取各预设界面控件所携带的已经定义好的各控件属性信息，包括但不限于：控件类型信息、版本号信息、显示位置信息、显示样式信息以及业务关联信息等。

需要说明的是，本实施例中，预设界面编辑平台为一种可视化界面编辑工具，具体可以为提供可视化的编辑界面，并基于javascript脚本技术实现拖拽、快捷键等操作的编辑工具。

步骤S202，在所述预设界面编辑平台上根据各所述控件属性信息编辑形成客户端界面。

基于可视化界面编辑工具根据读取到的各预设界面控件所携带的已经定义好的控件类型信息、版本号信息、显示位置信息、显示样式信息以及业务关联信息等控件属性信息，逐一将各预设界面控件拖拽至新建空白的客户端界面中并摆放在指定位置，从而编辑形成最终客户端界面。

进一步地，步骤S202，包括：

步骤S2021，在所述可视化界面编辑工具的编辑界面上，根据所述控件类型信息和所述版本号信息提取各所述预设界面控件；

在本实施例中，在可视化界面编辑工具所提供的可视化的编辑界面中，逐一根据读取出的各界面控件所携带的已经定义好的控件类型信息和版本号信息，从预先用于存储各界面控件的控件库中，提取出用于构成当前所需客户端界面所需要使用的各界面控件。

步骤S2022，根据所述显示位置信息和所述显示样式信息，将各所述预设界面控件编辑形成客户端界面。

在本实施例中，当根据控件类型信息和版本号信息提取出用于构成当前所需客户端界面所需要使用的各界面控件之后，进一步根据读取出的各界面控件所携带的已经定义好的显示位置信息和显示样式信息，逐一的将各界面控件拖拽放置在当前可视化编辑工具新建空白界面的指定位置，从而编辑形成最终客户端界面。

进一步地，步骤S200中，生成所述客户端界面的界面描述文件的步骤，包括：

步骤S203，读取所述客户端界面中，各所述预设界面控件的所述控件类型信息、所述版本号信息、所述显示位置信息所述显示样式信息以及所述业务关联信息；

步骤S204，对所述控件类型信息、所述版本号信息、所述显示位置信息所述显示样式信息以及所述业务关联信息进行封装填充以生成所述客户端界面的界面描述文件。

在基于可视化界面编辑工具编辑形成最终客户端界面之后，按照该可视化的编辑界面所显示最终形成的客户端界面的状态信息，依次读取该客户端界面中各界面控件的控件类型信息、版本号信息、显示位置信息、显示样式信息以及业务关联信息等控件属性信息，随后采用指定描述格式将读取到的各控件类型信息、版本号信息、显示位置信息、显示样式信息以及业务关联信息等控件属性信息封装填充指定描述格式的文件中，从而生成当前可视化界面编辑工具所编辑形成的客户端界面对应的界面描述文件。

步骤S300，将所述界面描述文件传递至各客户端，以供各所述客户端自主解析所述界面描述文件进行界面显示，其中，各所述客户端至少包括：Windows平台客户端、IOS平台客户端以及安卓平台客户端。

参照如图4所示的跨平台的客户端界面开发流程，在基于界面编辑平台--可视化界面编辑工具，根据读取到的各预设界面控件所携带的已经定义好的控件属性信息编辑形成客户端界面，并根据基于编辑最终形成的客户端界面，生成该客户端界面相应的界面描述文件之后，将该相应的界面描述文件传递发送至Windows平台客户端、IOS平台客户端和/或者安卓平台客户端，Windows平台客户端、IOS平台客户端和/或者安卓平台客户端在接收到该界面描述文件，各自读取该界面描述文件并进行文件解析，基于各自平台的主流技术实现该界面描述文件中描述的各界面控件，并根据该界面描述文件中对各界面控件所携带业务关联信息的描述，将各界面控件关联到具体的业务上，从而进行业务关联中命令的执行。

本实施例中，基于定义用于生成客户端界面的各界面控件的各控件属性信息以初步规定界面描述文件，然后调用预设界面编辑平台依据定义的各界面控件的各控件属性信息，编辑形成客户端界面并生成该客户端界面统一的界面描述文件，最后将生成的该统一的界面描述文件传递至不同平台的客户端，以供各客户端基于各自平台的主流技术自主进行界面描述文件的解析以进行界面显示。实现了，指定客户端界面的描述方式，并提供统一的界面描述文件给不同平台客户端，各客户端无需进行其他开发操作，仅需依据自身的主流技术解析界面描述文件即可实现界面显示，保证了各平台自身的性能且又提高了界面开发的速率，综合提升了多平台显示界面的界面开发效率，满足了界面开发的需求。

进一步地，基于上述跨平台的客户端界面开发方法第一实施例，提出本发明跨平台的客户端界面开发方法的第二实施例。

在本发明跨平台的客户端界面开发方法的第二实施例中，本发明跨平台的客户端界面开发方法，还包括：

步骤A，对所述客户端界面进行修改，并生成新的所述界面描述文件。

进一步地，步骤A，包括：

步骤A1，在所述预设界面编辑平台上，修改所述客户端界面中各所述预设界面控件的各所述控件属性信息；

步骤A2，根据修改后的各所述控件属性信息编辑形成新的所述客户端界面，并生成新的所述客户端界面的所述界面描述文件。

在Windows平台客户端、IOS平台客户端和/或者安卓平台客户端需要针对在客户端上显示的界面进行修改时，调用预设界面编辑平台-可视化界面编辑工具，在可视化界面编辑工具所提供的可视化的编辑界面中，按照Windows平台客户端、IOS平台客户端和/或者安卓平台客户端的需求对客户端界面进行修改，并按照该修改后形成的新的客户端界面所示状态对应生成新的界面描述文件，然后将该生成的新的界面描述文件反馈至Windows平台客户端、IOS平台客户端和/或者安卓平台客户端，以供Windows平台客户端、IOS平台客户端和/或者安卓平台客户端，依据修改后新的界面描述文件重新进行界面显示。

本实施例中，在各平台客户端需要对界面进行修改时，无需各平台客户端独立进行客户端一方的界面程序代码进行修改，而是只需要在可视化的界面编辑平台中对客户端界面进行修改并重新生成统一的界面描述文件即可，极大程度上减少了各平台客户端界面开发的工作量，综合提升了多平台显示界面的开发效率，此外，基于可视化的界面编辑平台可视化的操作，降低了操作难度，从而可以让不会编程的人员也可以按照自己想要的方式来编辑界面，进一步提高了示界面的开发效率。

此外，请参照图5，图5为本发明跨平台的客户端界面开发装置的功能模块示意图，在本发明实施例中，还提出一种跨平台的客户端界面开发装置，本发明跨平台的客户端界面开发装置包括：

定义模块，用于定义各预设界面控件的控件属性信息；

生成模块，用于调用预设界面编辑平台按照所述控件属性信息形成客户端界面，并生成所述客户端界面的界面描述文件；

传送模块，用于将所述界面描述文件传递至各客户端，以供各所述客户端自主解析所述界面描述文件进行界面显示，其中，各所述客户端至少包括：Windows平台客户端、IOS平台客户端以及安卓平台客户端。

可选地，本发明跨平台的客户端界面开发装置，还包括：

更新模块，用于对所述客户端界面进行修改，并生成新的所述界面描述文件。

可选地，更新模块，包括：

修改单元，用于在所述预设界面编辑平台上，修改所述客户端界面中各所述预设界面控件的各所述控件属性信息；

第一生成单元，用于根据修改后的各所述控件属性信息编辑形成新的所述客户端界面，并生成新的所述客户端界面的所述界面描述文件。

可选地，生成模块，包括：

第一读取单元，用于调用所述预设界面编辑平台读取各所述预设界面控件携带的各所述控件属性信息；

编辑单元，用于在所述预设界面编辑平台上根据各所述控件属性信息编辑形成客户端界面。

可选地，编辑单元，包括：

提取子单元，用于在所述可视化界面编辑工具的编辑界面上，根据所述控件类型信息和所述版本号信息提取各所述预设界面控件；

编辑子单元，用于根据所述显示位置信息和所述显示样式信息，将各所述预设界面控件编辑形成客户端界面。

可选地，生成模块，还包括：

第二读取单元，用于读取所述客户端界面中，各所述预设界面控件的所述控件类型信息、所述版本号信息、所述显示位置信息所述显示样式信息以及所述业务关联信息；

封装填充单元，用于对所述控件类型信息、所述版本号信息、所述显示位置信息所述显示样式信息以及所述业务关联信息进行封装填充以生成所述客户端界面的界面描述文件。

可选地，定义模块，包括：

设置单元，用于在进行控件属性编辑过程中，对选中的所述预设界面控件进行参数设置；

定义子单元，用于将经过控件属性编辑后的所述预设界面控件与所述具体业务进行绑定，以完成对所述控件属性信息中业务关联信息的定义。

其中，跨平台的客户端界面开发装置的各个功能模块实现的步骤可参照本发明跨平台的客户端界面开发方法的各个实施例，此处不再赘述。

本发明还提供一种移动终端，所述移动终端包括：存储器、处理器、通信总线以及存储在所述存储器上的跨平台的客户端界面开发程序：

所述通信总线用于实现处理器和存储器之间的连接通信；

所述处理器用于执行所述跨平台的客户端界面开发程序，以实现上述跨平台的客户端界面开发方法各实施例的步骤。

此外，本发明实施例还提出一种计算机可读存储介质，应用于计算机，该计算机可读存储介质可以为非易失性计算机可读存储介质，该计算机可读存储介质上存储有跨平台的客户端界面开发程序，所述跨平台的客户端界面开发程序被处理器执行时实现如上所述的跨平台的客户端界面开发方法的步骤。

其中，在所述处理器上运行的跨平台的客户端界面开发程序被执行时所实现的步骤可参照本发明跨平台的客户端界面开发方法的各个实施例，此处不再赘述。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者系统不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者系统所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者系统中还存在另外的相同要素。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

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

以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (10)

1.一种跨平台的客户端界面开发方法，其特征在于，所述跨平台的客户端界面开发方法，包括：

定义各预设界面控件的控件属性信息；

调用预设界面编辑平台按照所述控件属性信息形成客户端界面，并生成所述客户端界面的界面描述文件；

将所述界面描述文件传递至各客户端，以供各所述客户端自主解析所述界面描述文件进行界面显示，其中，各所述客户端至少包括：Windows平台客户端、IOS平台客户端以及安卓平台客户端。

2.如权利要求1所述的跨平台的客户端界面开发方法，其特征在于，所述跨平台的客户端界面开发方法，还包括：

对所述客户端界面进行修改，并生成新的所述界面描述文件。

3.如权利要求2所述的跨平台的客户端界面开发方法，其特征在于，所述对所述客户端界面进行修改，并生成新的所述界面描述文件的步骤，包括：

在所述预设界面编辑平台上，修改所述客户端界面中各所述预设界面控件的各所述控件属性信息；

根据修改后的各所述控件属性信息编辑形成新的所述客户端界面，并生成新的所述客户端界面的所述界面描述文件。

4.如权利要求1所述的跨平台的客户端界面开发方法，其特征在于，所述调用预设界面编辑平台按照所述控件属性信息形成客户端界面的步骤，包括：

调用所述预设界面编辑平台读取各所述预设界面控件携带的各所述控件属性信息；

在所述预设界面编辑平台上根据各所述控件属性信息编辑形成客户端界面。

5.如权利要求4所述的跨平台的客户端界面开发方法，其特征在于，所述预设界面编辑平台为可视化界面编辑工具，所述控件属性信息包括：控件类型信息、版本号信息、显示位置信息和显示样式信息，

所述在所述预设界面编辑平台上根据各所述控件属性信息编辑形成客户端界面的步骤，包括：

在所述可视化界面编辑工具的编辑界面上，根据所述控件类型信息和所述版本号信息提取各所述预设界面控件；

根据所述显示位置信息和所述显示样式信息，将各所述预设界面控件编辑形成客户端界面。

6.如权利要求5所述的跨平台的客户端界面开发方法，其特征在于，所述控件属性信息还包括：业务关联信息，

所述生成所述客户端界面的界面描述文件的步骤，包括：

读取所述客户端界面中，各所述预设界面控件的所述控件类型信息、所述版本号信息、所述显示位置信息所述显示样式信息以及所述业务关联信息；

对所述控件类型信息、所述版本号信息、所述显示位置信息所述显示样式信息以及所述业务关联信息进行封装填充以生成所述客户端界面的界面描述文件。

7.如权利要求6所述的跨平台的客户端界面开发方法，其特征在于，所述业务关联信息用于描述所述预设界面控件与具体业务的联系，

所述定义各预设界面控件的控件属性信息的步骤，包括：

选中所述预设界面控件并进行控件属性编辑；

在进行控件属性编辑过程中，对选中的所述预设界面控件进行参数设置；

将经过控件属性编辑后的所述预设界面控件与所述具体业务进行绑定，以完成对所述控件属性信息中业务关联信息的定义。

8.一种跨平台的客户端界面开发装置，其特征在于，所述跨平台的客户端界面开发装置，包括：

定义模块，用于定义各预设界面控件的控件属性信息；

生成模块，用于调用预设界面编辑平台按照所述控件属性信息形成客户端界面，并生成所述客户端界面的界面描述文件；

传送模块，用于将所述界面描述文件传递至各客户端，以供各所述客户端自主解析所述界面描述文件进行界面显示，其中，各所述客户端至少包括：Windows平台客户端、IOS平台客户端以及安卓平台客户端。

9.一种终端设备，其特征在于，所述终端设备包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的跨平台的客户端界面开发程序，所述跨平台的客户端界面开发程序被所述处理器执行时实现如权利要求1至7中任一项所述的跨平台的客户端界面开发方法的步骤。

10.一种存储介质，其特征在于，所述存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至7中任一项所述的跨平台的客户端界面开发方法的步骤。

Images