java 数据源xml 展示到界面_ZK开发关键知识点

前言

本文是对ZK开发过程中必须掌握的关键知识点的总结，针对目前对新版本zk-6.5.2

关于ZK是什么参见前一篇博客 《

1.页面布局

ZK具有非常高的开发效率(以至于可以取代HTML用来完成高质量的Fast Prototyping)，最主要缘自它采用的页面布局技术——ZUL；

采用XML语言以声明式的方式创建用户界面——XML UI技术并不是ZK的独创，Android UI、JavaFX、Microsoft Silverlight和Mozilla XUL等开发

框架都采用了这种技术，这是目前最先进的构造用户界面技术；

ZUL只不过是为所有ZK组件指定了一个对应的XML Element，然后通过这些Element以声明式的方式定义页面由哪些组件以什么样的方式构成。

相对于Java编程式方式，这种声明式方式的优点十分明显：

直观：ZUL代码结构与页面布局完全一致(而且必须一致)，ZUL元素的嵌套关系就是页面组件的嵌套关系，ZUL元素的前后并列关系就

是页面组件的前后摆放；而Java编程方式与最终页面却没有这种一致性；

代码简洁：由于XML在表达页面布局时语义的先天优势(一致性)，同样的页面用ZUL比Java代码量要少得多；

直观、简洁的代码意味着容易理解、容易编写、容易修改维护、不容易出错，因此带来开发效率上的巨大优势。

值得注意的是，上述ZUL相对于Java编程的优势也适用于JS，比如EXT、DOJO等JS UI框架。

1.1.布局组件

1.1.1.东西南北中布局Borderlayout

Borderlayout将屏幕划分成东西南北中五个区域，如下图所示，其灵活性可以实现绝大多数系统的首页整体布局。

首先纵向看，要指定N和S的高度，剩下中间部分就是W C E的高度；然后水平看，N S宽度百分百，中间部分指定W E的宽度后，

剩下的部分就是C了。

由于Center大小不是自己决定的，当里面摆放组件过多显示不全时，可以指定autoscroll="true"产生滚动条。

1.1.2.基本布局

Borderlayout适合于实现大的页面结构布局，在页面局部最常见的需求就是如何将各种组件有序的摆放：有时需要水平摆放有时需要垂直摆放，

还要考虑居中居左居右问题、摆不下的问题(摆放不下时要有滚动条)；

ZK提供了更细粒度的布局组件——hbox/vbox/hlayout/vlayout用于实现这些常见需求；

hlayout和hbox(h代表horizon水平)用于水平布局，vlayout和vbox(v代表vertical垂直)用于垂直布局，它们是最常用的的容器组件，里面可以

放任意多的组件；

hbox vbox与hlayout vlayout的区别：

Hbox and Vbox provide more functionalities such as splitter, align and pack.

However, their performance is slower,

so it is suggested to use Hlayout and Vlayout if you'd like to use them a lot in a UI, unless you need the features that only Hbox and Vbox support.

1.2.各种容器组件

1.2.1.groupbox

企业应用往往需要在一个页面中显示大量信息或组件，如果随意摆放或只是简单的罗列，会让用户感觉很混乱难以使用，用户体验不好。

groupbox顾名思义就是用来分组布局的组件，它就像收纳盒一样可以把