信息处理装置、信息处理方法以及存储介质制造方法及图纸

技术编号:21832122 阅读:22 留言:0更新日期:2019-08-10 17:48
本发明专利技术提供信息处理装置、信息处理方法以及存储介质。该信息处理装置能够与外部装置进行通信,所述信息处理装置具有用于显示信息的显示单元,所述信息处理装置包括:接收单元,其被构造为从外部装置接收配置文件;解析单元,其被构造为对接收单元接收到的配置文件进行解析,以获得用于显示的UI信息;以及渲染单元,其被构造为基于解析单元获得的UI信息,更新所述显示单元的显示配置。

Information Processing Device, Information Processing Method and Storage Media

【技术实现步骤摘要】
信息处理装置、信息处理方法以及存储介质
本专利技术涉及信息处理装置、信息处理方法以及存储介质。具体地,涉及一种能够实现动态改变页面布局及功能的动态渲染方法。
技术介绍
传统上,存在如下一种动态渲染库(UIBuilder),图2示出了该动态渲染库的框架图。其中,RN(react-native)框架让JS开发者可以大部分使用JS代码就可以构建一个跨平台APP。Facebook官方说法是learnonce,runeverywhere,即在Android、IOS、Browser各个平台,程序画UI和写逻辑的方式都大致相同。因为JS可以动态加载,从而理论上可以做到writeonce,runeverywhere,当然要做额外的适配处理。RN需要一个JS的运行环境,在IOS上直接使用内置的javascriptcore,在Android则使用webkit.org官方开源的jsc.so。此外还集成了其他开源组件,如fresco图片组件、okhttp网络组件等。RN会把应用的JS代码(包括依赖的framework)编译成一个js文件(一般命名为index.android.bundle),RN的整体框架目标就是为了解释运行这个js脚本文件,如果是js扩展的API,则直接通过bridge调用native方法;如果是UI界面,则映射到virtualDOM这个虚拟的JS数据结构中,通过bridge传递到native,然后根据数据属性设置各个对应的真实native的View。bridge是一种JS和JAVA代码通信的机制,用bridge函数传入对方module和method即可得到异步回调的结果。对于JS开发者来说,画UI只需要画到virtualDOM中,不需要特别关心具体的平台,还是原来的单线程开发,还是原来HTML组装UI(JSX),还是原来的样式模型(部分兼容)。RN的界面处理除了实现View增、删、改、查的接口之外,还自定义一套样式表达CSSLayout,这套CSSLayout也是跨平台实现。RN拥有画UI的跨平台能力,主要是加入VirtualDOM编程模型,该方法一方面可以照顾到JS开发者在htmlDOM的部分传承,让JS开发者可以用类似DOM编程模型就可以开发原生APP,另一方面则可以让VirtualDOM适配实现到各个平台,实现跨平台的能力,并且为未来增加更多的想象空间,比如react-cavas、react-openGL。而实际上react-native也是从react-js演变而来。对于Android开发者来说,RN是一个普通的安卓程序加上一堆事件响应,事件来源主要是JS的命令。主要有两个线程,UImainthread和JSthread。UIthread创建一个APP的事件循环后,挂在looper等待事件,事件驱动各自的对象执行命令。JSthread运行的脚本相当于底层数据采集器,不断上传数据,转化成UI事件,通过bridge转发到UIthread,从而改变真实的View。后面再深一层发现,UImainthread跟JSthread更像是CS模型,JSthread更像服务端,UImainthread是客户端,UImainthread不断询问JSthread并且请求数据,如果数据有变,则更新UI界面。然而,现有的动态渲染库存在如下缺陷:开发体验一般,文档很粗略,两个平台还没有完全统一,控件不完善,升级RN版本需要大动干戈,而且要做出优质app需要花费大量人力和时间去打磨。
技术实现思路
鉴于现有技术中的上述问题研发了本专利技术。本专利技术旨在提供如下的动态渲染方法,根据该方法,能够实现如下技术效果:(1)iOS和Android只需要一套配置文件就可以完成一个应用程序,提高了开发效率。(2)根据模板视图和实际屏幕比值,解决了Android大部分机型的适配问题。(3)通过更换模板文件和调整后台接口,可以轻松实现页面布局调整和事件点击切换,减少发布应用市场频次。根据本专利技术的第一方面,提供了一种能够与外部装置进行通信的信息处理装置,所述信息处理装置具有用于显示信息的显示单元,所述信息处理装置包括:接收单元,其被构造为从外部装置接收配置文件;解析单元,其被构造为对接收单元接收到的配置文件进行解析,以获得用于显示的UI信息;以及渲染单元,其被构造为基于解析单元获得的UI信息,更新所述显示单元的显示配置。根据本专利技术的第二方面,提供了一种信息处理装置的信息处理方法,所述信息处理装置能够与外部装置进行通信,所述信息处理装置具有用于显示信息的显示单元,所述信息处理方法包括:接收步骤,为从外部装置接收配置文件;解析步骤,对接收到的配置文件进行解析,以获得用于显示的UI信息;以及渲染步骤,基于在解析步骤中获得的UI信息,更新所述显示单元的显示配置。根据本专利技术的第三方面,提供了一种计算机可读存储介质,其存储计算机程序,所述计算机程序在被处理器执行时,实现上述信息处理方法中包括的步骤。附图说明为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请中记载的一些实施例,对于本领域或普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。图1是例示本专利技术中的信息处理装置的硬件构造的图。图2是例示现有的动态渲染库的框图。图3是例示根据本专利技术第一实施例的信息处理方法的流程图。图4是例示根据本专利技术第一实施例的信息处理装置的模块结构的框图。图5是例示根据本专利技术第二实施例的信息处理方法的流程图。图6是例示根据本专利技术第二实施例的信息处理装置的模块结构的框图。图7是例示根据本专利技术第三实施例的信息处理方法的流程图。图8是例示根据本专利技术第三实施例的信息处理装置的模块结构的框图。图9是例示本专利技术的信息处理装置的解析单元(Resolver模块)的示例的框图。图10是例示本专利技术的信息处理装置的渲染单元(Component模块)的示例的框图。图11是例示本专利技术的信息处理装置的执行单元(Module模块)的示例的框图。图12是例示本专利技术的信息处理装置的过滤单元(Filter模块)的示例的处理流程。图13A和图13C分别例示了从外部装置接收的配置文件以及根据该配置文件在信息处理装置上显示的UI画面。图13B和图13D分别例示了修改后的配置文件以及根据该配置文件在信息处理装置上显示的UI画面。具体实施方式在下文中将参照附图详细地描述本专利技术的实施例。应当理解,下述实施例并不意图限制本专利技术,并且,关于根据本专利技术的解决问题的手段,并不一定需要根据下述实施例描述的各方面的全部组合。为简化起见,对相同的结构部分或者步骤,使用了相同的标记或标号,并且省略其说明。[信息处理装置的硬件结构]图1是示出本专利技术中的信息处理装置的硬件构造的图。在本实施例中,以智能电话作为信息处理装置的示例给出描述。但请注意,虽然在本实施例中例示了智能电话作为信息处理装置1000,但是显然不限于此,本专利技术的信息处理装置可以是移动终端(智能手机、智能手表、智能手环、音乐播放设备)、笔记本电脑、平板电脑、PDA(个人数字助理)、传真装置、打印机、或者是具有信息处理功能的互联网设备(例如数字照相机、电冰箱、电视机等)等各种装置本文档来自技高网
...

【技术保护点】
1.一种能够与外部装置进行通信的信息处理装置,所述信息处理装置具有用于显示信息的显示单元,所述信息处理装置包括:接收单元,其被构造为从外部装置接收配置文件;解析单元,其被构造为对接收单元接收到的配置文件进行解析,以获得用于显示的UI信息;以及渲染单元,其被构造为基于解析单元获得的UI信息,更新所述显示单元的显示配置。

【技术特征摘要】
1.一种能够与外部装置进行通信的信息处理装置,所述信息处理装置具有用于显示信息的显示单元,所述信息处理装置包括:接收单元,其被构造为从外部装置接收配置文件;解析单元,其被构造为对接收单元接收到的配置文件进行解析,以获得用于显示的UI信息;以及渲染单元,其被构造为基于解析单元获得的UI信息,更新所述显示单元的显示配置。2.根据权利要求1所述的信息处理装置,其中,所述UI信息包括事件信息,所述事件信息表示响应于用户对显示画面的用户操作而要执行的动作,所述信息处理装置还包括:执行单元,其被构造为响应于所述用户操作,执行所述事件信息表示的动作,其中,所述渲染单元将所述动作的结果反映在所述显示配置上。3.根据权利要求2所述的信息处理装置,其中,在所述解析单元对配置文件的解析处理中,还获得用于表示用户操作的异常性的过滤信息,所述信息处理装置还包括:过滤单元,其被构造为根据所述过滤信息,确定响应于所述用户操作要由所述执行单元执行的动作,并且,所述执行单元根据所述过滤单元的确定结果来执行动作。4.根据权利要求3所述的信息处理装置,其中,所述解析单元根据配置文件中的节点名称,来对配置文件进行解析,以获得所述UI信息或所述过滤信息。5.根据权利要求1所述的信息处理装置,其中,所述渲染单元基于所述UI信息和所述显示单元的分辨率,来更新所述显示配置。6.一种信息处理装置的信息处理方法,所述信息处理装置能够与外部装置进行通信...

【专利技术属性】
技术研发人员:徐锦添李海军刘博吕洪震
申请(专利权)人:安徽省渠道网络股份有限公司
类型:发明
国别省市:安徽,34

相关技术
    暂无相关专利
网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1