看看GWT 2.0 新的界面设计 ( 通过配置 xml 进行设计.) UiBinder

发布时间：2020-12-16 09:27:06 所属栏目：百科来源：网络整理

导读：技术上面的版本更新 1.7 到 2.0 究竟变了什么. 才发现. 多了一个UI的界面设计通过配置 xml 进行界面设计. 在 showcase里面的代码还是用老的办法去写代码.. 在mail 的demo里面就不是了..而是通过xml进行. 在mail 类里面属性. 写道 @UiField TopPanel topPa

技术上面的版本更新 1.7 到 2.0 究竟变了什么. 才发现.

多了一个UI的界面设计通过配置 xml 进行界面设计.

在 showcase里面的代码还是用老的办法去写代码..

在mail 的demo里面就不是了..而是通过xml进行.

在mail 类里面属性.

写道

@UiField TopPanel topPanel;
@UiField MailList mailList;
@UiField MailDetail mailDetail;
@UiField Shortcuts shortcuts;

定义几个是UI的属性..

在当前目录下面就对应着这些xml

命名是以 ui.xml结尾的.

内容是gwt的组件.

写道

<ui:UiBinder
xmlns:ui='urn:ui:com.google.gwt.uibinder'
xmlns:g='urn:import:com.google.gwt.user.client.ui'
xmlns:mail='urn:import:com.google.gwt.sample.mail.client'>

<g:DockLayoutPanel unit='EM'>
<g:north size='5'>
<mail:TopPanel ui:field='topPanel' />
</g:north>

<g:center>
<g:SplitLayoutPanel>
<g:west size='192'>
<mail:Shortcuts ui:field='shortcuts' />
</g:west>

<g:north size='200'>
<mail:MailList ui:field='mailList' />
</g:north>

<g:center>
<mail:MailDetail ui:field='mailDetail' />
</g:center>
</g:SplitLayoutPanel>
</g:center>
</g:DockLayoutPanel>

</ui:UiBinder>

这样进行定义的.以后这个可以开发可视画的工具了.

而且代码也没有以前那么负责了..可以说是相当的精简.

因为全都放到xml里面去了..

有点像 flex .但是比flex 更加灵活了.

里面有很多gwt的组件.

想想就是很高兴..用代码来写有些UI 确实比较麻烦.

很方便呢.

高兴的睡不着了..

http://code.google.com/webtoolkit/doc/latest/DevGuideUiBinder.html

官方的文档提供UIbinder的文档.

学习中.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!