基于智能设备的跨平台界面交互开发系统及其运行方法与流程

本发明属于互联网应用领域，尤其涉及一种基于智能设备的跨平台界面交互开发系统及其运行方法。

背景技术：

随着移动浪潮的兴起，各种应用层出不穷，极速的业务扩展提升了团队对开发效率的要求，这个时候使用原生技术开发一个应用似乎成本有点过高，而且开发的速度以及后期维护的成本较高，而HTML5技术的低成本、高效率、跨平台等特性马上被利用起来形成了一种新的混合开发模式，但是由于技术的不成熟，各种系统对HTML5标准实现的不统一，系统内置HTML5浏览器的性能低等问题导致了，使用该技术开发出来的应用的交互性，质量等指标和原生开发的应用比起来有很大差距。

总结起来原生如开有如下的问题:

(1) 开发及维护成本高

(2) 系统限制，无法跨平台

(3) 内容更新不灵活

(4) 界面适配比较繁琐

HTML5以及衍生技术有如下的问题：

(1)跨平台兼容性问题

(2)应用交互以及运行性能有局限性

(3)无法直接与系统底层交互，需要采用桥技术

(4)界面适配不灵活。

目前的移动端的跨平台技术主要采用Html5来实现，但是存在兼容性、性能、硬件获取等问题。

技术实现要素：

本发明为了解决跨平台开发的问题以及解决现有跨平台方案中性能问题、兼容性问题、底层交互问题，提供了一种可实现跨平台和一次开发多系统运行，开发成本低、技术学习成本低，交互性能较高、能够接近纯原生性能，维护成本低、系统适配简单的基于智能设备的跨平台界面交互开发系统及其运行方法。

本发明的技术方案：一种基于智能设备的跨平台界面交互开发系统，包括UI层、Runtime运行层和Framework系统核心库，

所述UI层包括基础控件、容器控件、embed控件和widget控件，负责具体组件的设计和展示；

所述Runtime运行层包括解析引擎和渲染器，对输入的TML和CSS进行解析，并通过视图渲染；

所述Framework系统核心库包含动画引擎、手势中心、事件中心、本地存储、缓存管理、安全中心、多窗体、网络管理、通知中心和扩展管理。

本发明为了解决跨平台的问题，在各个平台上构建解析引擎运行环境，并且提供了一套独立的TML开发语言，所有基于该语言开发的应用都可以无缝的运行在所有支持解析运行环境的系统上，为了解决性能问题，所有的解析运行环境都采用原生技术开发，这样不仅可以享受到原生技术的性能，又可以享受到TML语言带来的开发的便利性。

优选地，所述解析引擎包括DOM解析引擎、CSS解析引擎和脚本解析引擎，所述渲染器包括试图渲染引擎。

优选地，该开发系统支持IOS、Android、Windows、Linux操作系统。

一种基于智能设备的跨平台界面交互开发系统的运行方法，包括下述步骤：

1）了解决跨平台的问题，在各个平台上构建解析引擎运行环境，并且提供一套独立的TML开发语言，所有基于该语言开发的应用都可以无缝的运行在所有支持解析运行环境的系统上；

2）通过TML和CSS描述界面内容；

3）利用自定义的解析引擎，解析tml文档和css样式；

4）生成文档树和样式表；

5）将文档树和样式表合成带样式的文档书；

6）渲染样式；

7）界面展示。

本发明中TML和CSS通过自定义的解析引擎和渲染器，能在智能设置上显示界面，用户关心过TML和CSS就能实现跨平台界面展示，包括iphone和android。

优选地，所述步骤1）中的解析运行环境采用原生技术开发，可以享受到原生技术的性能和TML语言带来的开发的便利性。

本发明的有益效果：可实现跨平台和一次开发多系统运行，开发成本低、技术学习成本低，交互性能较高、能够接近纯原生性能，维护成本低、系统适配简单。

附图说明

图1为本发明的架构示意图；

图2为本发明的流程示意图。

具体实施方式

下面结合附图和具体应用对本发明作进一步详细的说明，但并不是对本发明保护范围的限制。

如图1所示，一种基于智能设备的跨平台界面交互开发系统，包括UI层、Runtime运行层和Framework系统核心库，

所述UI层包括基础控件、容器控件、embed控件和widget控件，负责具体组件的设计和展示；

所述Runtime运行层包括解析引擎和渲染器，对输入的TML和CSS进行解析，并通过视图渲染；

所述Framework系统核心库包含动画引擎、手势中心、事件中心、本地存储、缓存管理、安全中心、多窗体、网络管理、通知中心和扩展管理。

所述解析引擎包括DOM解析引擎、CSS解析引擎和脚本解析引擎，所述渲染器包括试图渲染引擎。

该开发系统支持IOS、Android、Windows、Linux操作系统。

如图2所示，一种基于智能设备的跨平台界面交互开发系统的运行方法，包括下述步骤：

1）了解决跨平台的问题，在各个平台上构建解析引擎运行环境，并且提供一套独立的TML开发语言，所有基于该语言开发的应用都可以无缝的运行在所有支持解析运行环境的系统上；

2）通过TML和CSS描述界面内容；

3）利用自定义的解析引擎，解析tml文档和css样式；

4）生成文档树和样式表；

5）将文档树和样式表合成带样式的文档书；

6）渲染样式；

7）界面展示。

所述步骤1）中的解析运行环境采用原生技术开发，可以享受到原生技术的性能和TML语言带来的开发的便利性。

目前通过本发明所实现的移动应用有：

1 A+钱包

2 开元商祺会

3 开元之心

4 失控星球

这些app都可以从应用商店下载。