推荐使用:gwt-polymer-elements —— 融合GWT与Web Components的利器
公告:此项目已不再由Vaadin支持,但继续由@manolo维护并欢迎社区参与开发。
项目简介
gwt-polymer-elements
是一个巧妙的桥梁,它将Google的Web组件库Polymer与GWT(Google Web Toolkit)相结合,让你在GWT项目中无缝地使用Polymer的各种元素。这个Java包裹器目前包含了Iron、Paper、App、Platinum和Vaadin等多类组件,且未来可能有更多扩展。
技术解析
Polymer,是一个基于Web Components技术的JavaScript库,用于构建可复用和自定义的HTML组件。 Polymer Elements,是Polymer的一系列预建组件,包括Iron、Paper等多种类型。 gwt-polymer-elements 利用Vaadin的gwt-api-generator
工具,自动从Polymer组件生成对应的Java接口,使得这些Web组件可以直接在GWT项目中以Java对象的形式使用。
该库遵循Polymer的命名规则,如Iron前缀的组件表示Iron系列,便于开发者定位原始文档和找到相关示例代码。
应用场景
gwt-polymer-elements
可广泛应用于各种GWT项目中,提升UI交互性和用户体验,尤其适用于需要构建复杂、响应式以及高度定制化界面的应用。你可以用它来创建:
- 导航栏和侧边栏
- 表单和输入控件
- 响应式的布局
- 动画和过渡效果
- 数据可视化组件
项目特点
- 方便集成:只需添加依赖到你的CLASSPATH,更新GWT模块配置,就可以轻松引入所有需要的Web Components。
- 跨浏览器兼容:通过Web Components Polyfill,确保了对现代浏览器的支持。
- 两种API选择:提供经典的Widget API和新兴的Element API,满足不同开发风格的需求。
- 自动导入:根据需求动态或静态导入组件,简化了网页头部的管理。
- 自动初始化:通过
Polymer.ready
方法,确保组件准备好后再执行操作,避免异步问题。
开始使用
- 确保你的项目至少为GWT 2.8.0版本。
- 添加maven依赖或手动下载JAR文件至项目类路径。
- 在
*.gwt.xml
模块文件中继承com.vaadin.polymer.Elements
。 - (可选)如果需要,引入Web Components Polyfill。
Demo展示:访问show case,查看组件实际效果和示例代码。
Javadocs:查阅javadoc,获取详细API信息。
立即开始你的GWT + Polymer旅程,让应用焕发新的活力吧!加入开源社区,一起塑造更美好的Web开发体验。