看看GWT 2.0 新的界面设计 ( 通过配置 xml 进行设计.) UiBinder
2013-03-04 15:51
337 查看
技术上面的版本更新 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的文档.
学习中.
大小: 11.4 KB
大小: 22.7 KB
查看图片附件
多了一个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的文档.
学习中.
大小: 11.4 KB
大小: 22.7 KB
查看图片附件
相关文章推荐
- 看看GWT 2.0 新的界面设计 ( 通过配置 xml 进行设计.) UiBinder
- GWT UIBinder 通过配置xml 进行设计.
- GWT UIBinder 通过配置xml 进行设计.
- Struts2.0学习笔记---基于XML配置来进行校验
- SpringMVC 通过XML方式进行配置解析BeanNameUrlHandlerMapping
- Hibernate动态建表,通过hbm.xml配置文件创建数据表,进行数据库操作, 动态模型
- Hibernate动态建表,通过hbm.xml配置文件创建数据表,进行数据库操作, 动态模型
- 通过解析Xml配置文件,获取配置信息,进行实例化
- 通过xml配置文件方式来进行输入校验
- Eclipse配置VE进行Java可视化界面设计
- SpringAOP入门例子-通过XML进行配置
- 设计组织树 通过java拼接xml组织树 实现界面组织树 通过数据库配置动态决定菜单树显示与否、排列优先
- 35-002-1 struts前期之 通过JAVA反射机制及XML配置文件解析自定义一个MVC的简单框架
- android中通过自定义xml实现你需要的shape效果 xml属性配置
- 通过编辑文件的方式对DNS服务器进行配置
- MyEclipse 配置maven项目pom.xml设置 上传项目到nexus私服,通过中转仓库下载插件,以及nexus的配置
- Ubuntu通过修改配置文件进行网络配置
- Spring 3.1 + JPA 2.0 (Hibernate 4) + MySQL 配置 移走persistence.xml。
- 通过tomcat-user.xml配置tomcat中 manager app的用户名和密码
- 使用黑莓8900通过蓝牙连接华为交换机进行现场网络配置与操作(一)