一种EPG的视图动态布局系统及其方法技术方案

本发明专利技术公开了一种EPG的视图动态布局系统，包括Css布局系统、View解析系统和View组件库，其中，Css布局系统是将Css布局式样添加到每个动态view中，通过java反射的形式将所有的javaScript布局样式映射到java中，再利用cssNode类对其进行转化，形成UI上的布局风格；View解析系统包括C++底层及java层；View组件库包括组件，每个组件均带有公共属性，其在发布apk版本后，从新快速的对上线版本的UI的各种view进行改变、修改，来达到UI需求，并且同时能够根据我们的动态view来进行组合各种复杂的view及其他动画，达到媲美android原生动画的效果。

【技术实现步骤摘要】

本专利技术涉及视图动态布局方法领域，具体涉及一种EPG的视图动态布局方法。
技术介绍
现有Android动态布局的方式主要有两种：1，采用访问服务器，获取数据，动态创建事先定义好的View类型，并设置大小和相对位置，来达到这一块的动态布局。2，采用WebView加载网页的方式，可以在服务器将html文件修改，达到整个网页界面的动态布局。下面将详细描述一下这两种动态布局方式。第一种，客户端起来后，进入activity页面，进行请求服务器的流程，并从服务器拿到结果，这时通过解析服务器返回数据，当然我们要有一个事先定义好的View，这个View在apk编译的时候就定义好了，一般具有显示图片，焦点样式，点击跳转等属性。根据服务器返回的数据，在指定的某一块区域位置的动态创建指定大小的View，并把他add到父View里，一般会采用相对布局，添加进去，从左到右，从上倒下的顺序方式，依次排列。焦点左右移动需要预先代码中处理。这种动态布局，可以动态生成服务器指定数目的View，也可以指定大小，位置等。第二种，采用WebView加载方式，首先在xml布局文件里写一个Webview的控件，在activity代码里，通过findViewById获取到该webView的引用，调用loadUrl(Stringurl)方法，传递服务器网页url，打开该网页，通过设置setJavaScriptEnabled()，设置是否可执行javaScript脚本。setAllowFileAccess()，设置是否可访问文件，setWebViewClient()，设置Web视图。现有方法不足在于:1、动态创建的View要事先定义好，且不具有所有动态，只能部分区域动态。2、动态创建的View在apk编译完后，不具有再动态修改或添加View类型。3、WebView方式用webkit引擎，性能较差。4、WebView方式动画效果相比原生差很多。
技术实现思路
本专利技术为了解决上述技术问题提供一种EPG的视图动态布局系统。本专利技术通过下述技术方案实现：一种EPG的视图动态布局系统，包括Css布局系统、View解析系统和View组件库，其中，所述Css布局系统是将Css布局式样添加到每个动态view中，通过java反射的形式将所有的javaScript布局样式映射到java中，再利用cssNode类对其进行转化，形成UI上的布局风格；所述View解析系统包括C++底层及java层；所述View组件库包括组件，每个组件均带有公共属性。所述View解析系统的C++底层将javaScript端的UIname与java层的name一一对应，Java层的view调用android原生的view；C++底层，将原生的view进行映射到javaScript端，然后通过对javaScript的UI组件进行渲染显示，最终形成布局。所述Css布局系统包括margin-Left、margin-Right、padding-Left、padding-Right属性。所述Css布局系统包括border属性。本专利技术的目的在于解决在发布apk版本后，使用我们的动态view，从新快速的对上线版本的UI的各种view进行改变、修改，来达到我们的UI需求，并且同时能够根据我们的动态view来进行组合各种复杂的view及其他动画，达到媲美android原生动画的效果。原理为：利用javaScript以标签的形式来添加布局我们的动态view，并且利用css布局系统对view进行css模式的布局，来达到最终view的展现；核心为javaScript与java直接通过底层C++来建立通信。传统开发则只能通过android代码构建几套UI视图进行动态view的创建。本装置则是通过我们所封装的JS基础UI组件来对不同需求的UI页面进行各种组合，来达到动态创建UI，页面的编写包括引用基础UI组件，如<AIE_V_Viewstyle={styles.container本文档来自技高网...

【技术保护点】
一种EPG的视图动态布局系统，其特征在于：包括Css布局系统、View解析系统和View组件库，其中，所述Css布局系统是将Css布局式样添加到每个动态view中，通过java反射的形式将所有的javaScript布局样式映射到java中，再利用cssNode类对其进行转化，形成UI上的布局风格；所述View解析系统包括C++底层及java层；所述View组件库包括组件，每个组件均带有公共属性。

【技术特征摘要】
1.一种EPG的视图动态布局系统，其特征在于：包括Css布局系统、View解析系统和View组件库，其中，所述Css布局系统是将Css布局式样添加到每个动态view中，通过java反射的形式将所有的javaScript布局样式映射到java中，再利用cssNode类对其进行转化，形成UI上的布局风格；所述View解析系统包括C++底层及java层；所述View组件库包括组件，每个组件均带有公共属性。2.根据权利要求1所述的一种EPG的视图动态布局系统，其特征在于：所述View解析系统的C++底层将javaScript端的UIname与java层的name一一对应，Java层的view调用android原生的view；C++底层，将原生的view进行映射到javaScript端，然后通过对javaScript的UI组件进行渲染显示，最终形成布局。3.根据权利要求1所述的一种EPG的视图动态布局系统，其特征在于：所述Css布局系统包括margin-Left、margin-Right、paddi...

【专利技术属性】
技术研发人员：李璞，潘晓峰，胡建平，周福凡，
申请(专利权)人：成都卓影科技股份有限公司，
类型：发明
国别省市：四川;51