全步骤实操Data Source
技术干货 2020.04.03

今天我们的主要内容是Data Source的使用,在学习之前,我们先来了解这两个概念:

1、什么是Data Source?

2、为什么要用Data Source?


Data Source是Kanzi工具以插件方式提供的一种数据实时更新到界面的方法;这种方法是在3.6.3的版本上开始提供的。

通过Data Source,一方面,软件不再需要去了解UI层的结构及属性所在的位置,只需要知道对应的数据在Data Source的XML上所定义的名称和数据类型,通过插件提供的接口,调用接口更新值就可以了。另一方面,UI实现也不需要关心修改是否会影响软件的功能。各自可以只关注自己的部分,只需要保证所定义的协议不变即可。

理解了以上两个概念后,就进入到重点部分啦。


如何使用Data Source?

首先:新建一个Data Source插件工程,详细请参考Kanzi所提供的教程。


完成后有我们需要使用到这个插件工程的几个输出物:

a.插件库;

b.对应的头文件;

c.XML文件;(主要是因为定义的格式)

 

以上输出物,我们如何使用呢?

在工程中,我们需要执行以下步骤:

(1).我们在工程中导入Data Source插件;



(2).给工程创建DataSource;




(3).关联好对应的XML文件;




(4).手动进行更新,就可以在工程中看到对应的参数定义及相应的值;




有了这些参数,我们就可以使用这些参数绑定到工程中对应的属性上;简单的绑定方法就是在Data Source的名称上按下,然后拖动到对应的值上放开,工具就会自动创建这个绑定;



以上的步骤都是在工程上进行的,数据绑定完成后,我们在代码中要如何进行使用这些参数呢?(以下基于怿星开发的Data Source插件进行举例)


(a).需要在代码中添加相应的头文件并注册相关的插件;





(b).实例化并初始化对应的XML的数据;




列表还需要重载以实现相关接口的功能;


(c).之后就可以使用这个实例化出来的对象进行参数的设置了;

对一般参数的修改:


列表参数的添加(默认尾部添加):



列表参数的修改:



列表参数的删除:



以上就是Data Source插件在工程及代码上的使用方法,修改后的数据会直接体现在界面中,不需要代码再做更多的处理了。


这种实现方式正是MVVM模式,相比MVC模式下,需要找到对应的节点设置相应的属性,那简直方便太多了。它的低耦合度,使得UI的实现及软件的开发相互独立,减少了人员交互,也节省了开发的时间。