程序博客网 > 淘宝网怎么找厂家店

GWT UiBinder部分官方介绍的翻译

来源：互联网 发布：淘宝网怎么找厂家店 编辑：程序博客网 时间：2024/06/04 06:43
 

页面来源：http://code.google.com/intl/zh-CN/webtoolkit/doc/latest/DevGuideUiBinder.html

随便硬译的，没有检查，没有修改。。。刚刚搜索了一下，发现网上已经有翻译好的了。。。Orz。。。->http://gwt-note.psmonkey.org/official/buildUI/With-UiBinder

 

使用UiBinder创建布局

 

这篇文档解释了如何在GWT2.0中通过使用UiBinder来创建xml格式的Widget和DOM结构。它并不会覆盖区域特征。

 

概述

根本上说，一个GWT程序就是一个网页。当你对一个网页进行布局的时候，编写HTML和CSS代码是完成这项工作的最自然的方法。UiBinder让你可以构建嵌入GWT widget的HTML网页。

 

Uibinder除了是一种更加自然、简洁的方式去创建你的UI之外，它还可以让你的程序更加高效。因为相比较于通过调用API来创建DOM结构，浏览器更加擅长用填充内嵌的html熟悉字符串的方法。Uibinder很自然的利用了这个优势，结果是这将是构建应用程序的最佳方式。

 

Uibinder…

l        提高效率和持久性——通过复制和粘贴模板来创建UI

l        对于习惯使用XML,HTML和CSS，而不是java代码的ui设计者来说将更加容易

l        在开发中提供一种逐渐的从HTML模拟到真实的可交互UI的转变

l        将程序的逻辑实现和UI分离

l        在运行时检查java代码和XML之间的交叉引用

l        提供对国际化的直接支持

l        通过使其更加方便地使用轻量级的HTML组件来使浏览器资源的使用更加高效

但是正如你了解到的uibinder，你也得了解uibinder不能做什么。它不是一个渲染器。也没有循环、条件、if语句。Uibinder让你可以布局你的组件。但是将数据转换成HTML代码仍然取决于组件自身。

 

该页面的剩余部分将通过一系列的典型实例来展示如何使用uibinder。你将会看到怎样布局UI，如何设置式样，如何添加事件处理器等等。国际化部分将展示如何国际化程序。

 

Hello world

这里是一个非常简单的使用uibinder模板的例子，它不包含组件，只有html：

view plaincopy to clipboardprint?
  1. <!-- HelloWorld.ui.xml -->  
  2.   
  3. <ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'>  
  4.   <div>  
  5.     Hello, <span ui:field='nameSpan'/>.  
  6.   </div>  
  7. </ui:UiBinder>  


现在，假设你需要程序化地读和写上面nameSpan里面的文本，你将要编写java代码去实现，所以uibinder模板有一个关联的拥有者类，这个类允许对在模板中声明的UI结构的访问。一个拥有者类可能是这个样子：

view plaincopy to clipboardprint?
  1. public class HelloWorld extends UIObject { // Could extend Widget instead  
  2.   interface MyUiBinder extends UiBinder<DivElement, HelloWorld> {}  
  3.   private static MyUiBinder uiBinder = GWT.create(MyUiBinder.class);  
  4.   
  5.   @UiField SpanElement nameSpan;  
  6.   
  7.   public HelloWorld() {  
  8.     // createAndBindUi initializes this.nameSpan  
  9.     setElement(uiBinder.createAndBindUi(this));  
  10.   }  
  11.   
  12.   public void setName(String name) { nameSpan.setInnerText(name); }  
  13. }  


接着，你可以实例化并使用这个拥有者类。稍后我们会看到如何使用组件，但是这个例子使用直接的DOM操作：

view plaincopy to clipboardprint?
  1. HelloWorld helloWorld = new HelloWorld();  
  2. Document.get().getBody().appendChild(helloWorld.getElement());  
  3. helloWorld.setName("World");  


UIbinder事例是factories，它生成一个UI结构，并将它关联到拥有者类上。UiBinder<U,O>接口声明了两个参数类型：

l        U是在ui.xml文件中声明的根元素类型，由createAndBindUi()返回

l        O是拥有者类

（在这个例子中，U=DivElement，O=Helloworld）

 

任何在ui.xml中声明的对象，包括所有DOM元素，都可以被拥有者类通过field name访问。这个例子中，一个<span>元素的ui:field属性，设置为nameSpan。xml中对应的组件在java代码里都用@UiField标识。当uiBinder.createAndBindUi(this)运行时，相应字段将被填充一个SpanElement的实例。

 

我们创建的这个java类恰巧继承了UiObject类，但是也可以仅仅是继承Widget类。这里并没有关于这类的限制。然而需要注意的是，用@UiField标记的字段默认是可见的。如果它们是被binder填充的，它们不能使private的。

 

Hello widget world

这里是一个使用widgets的uibinder模板：

view plaincopy to clipboardprint?
  1. <!-- HelloWidgetWorld.ui.xml -->  
  2.   
  3. <ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'  
  4.     xmlns:g='urn:import:com.google.gwt.user.client.ui'>  
  5.   
  6.   <g:HTMLPanel>  
  7.     Hello, <g:ListBox ui:field='listBox' visibleItemCount='1'/>.  
  8.   </g:HTMLPanel>  
  9.   
  10. </ui:UiBinder>  

view plaincopy to clipboardprint?
  1. public class HelloWidgetWorld extends Composite {  
  2.   
  3.   interface MyUiBinder extends UiBinder<Widget, HelloWidgetWorld> {}  
  4.   private static MyUiBinder uiBinder = GWT.create(MyUiBinder.class);  
  5.   
  6.   @UiField ListBox listBox;  
  7.   
  8.   public HelloWidgetWorld(String... names) {  
  9.     // sets listBox   
  10.     initWidget(uiBinder.createAndBindUi(this));  
  11.     for (String name : names) {  
  12.       listBox.addItem(name);  
  13.     }  
  14.   }  
  15. }  
  16.   
  17. // Use:   
  18.   
  19. HelloWidgetWorld helloWorld =  
  20.   new HelloWidgetWorld("able", "baker", "charlie");  


注意到我们现在既使用了widgets也创建了一个widget。Helloworldwidget类可以呗添加到任何panel类

 

为了使用一个ui.xml模板文件里面的widgets，你需要将它们的包关联到一个XML命名空间的前缀。这就是为什么<ui:uibinder>有这一项：xmlns:g='urn:import:com.google.gwt.user.client.ui'。这说明该包中的每一个类都可以被当做一个element来使用，只要使用类似带g前缀的和标签名的方式，比如<g:ListBox>。

 

看到g:ListBox为什么有个visibleItemCount=’1’属性了吗？那将成为对ListBox#setVisibleItemCount(int)方法的一个调用。Widget中的每个遵循javabean-style用来设置属性的方法都可以通过这种方式调用。

 

特别要注意的是HTMLPanel类实例的使用。HTMLPanel擅长于混合HTML和widget，uibinder也能够很好的支持HTMLPanel。总之，只要你想在widget架构里面使用HTML成分，那么你就需要一个HTMLPanel或者HTMLWidget的实例。

 

使用面板

任何面板（准确的说是任何实现了HasWidgets接口的面板）都能在模板文件里使用，也可以包含其他面板。

 

view plaincopy to clipboardprint?
  1. <ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'  
  2.     xmlns:g='urn:import:com.google.gwt.user.client.ui'>  
  3.   
  4.   <g:HorizontalPanel>  
  5.     <g:Label>Keep your ducks</g:Label>  
  6.     <g:Label>in a row</g:Label>  
  7.   </g:HorizontalPanel>  
  8.   
  9. </ui:UiBinder>  


 

有些GWT widgets要求特殊的部分，这些你将在它们的javadoc中找到说明。这里是一个DockLayoutPanel：

view plaincopy to clipboardprint?
  1. <g:DockLayoutPanel unit='EM'>  
  2.   <g:north size='5'>  
  3.     <g:Label>Top</g:Label>  
  4.   </g:north>  
  5.   <g:center>  
  6.     <g:Label>Body</g:Label>  
  7.   </g:center>  
  8.   <g:west size='10'>  
  9.     <g:HTML>  
  10.       <ul>  
  11.         <li>Sidebar</li>  
  12.         <li>Sidebar</li>  
  13.         <li>Sidebar</li>  
  14.       </ul>  
  15.     </g:HTML>  
  16.   </g:west>  
  17. </g:DockLayoutPanel>  


 

DockLayoutPanel的成员被组织在像<g:north>和<g:body>这样的组织元素里。不像模板里出现的那样，他们并不代表运行时对象。你不能给他们ui:field属性，因为在你的java类里将不会产生任何东西。这就是为什么它们的名字不是大写的。你将会发现还有其他遵循相同约定的特别的非运行时元素。

 

另外一个需要注意的地方是我们不能将HTML直接放入多数面板里，只有那些知道如何处理HTML，比如HTMLPanel，和实现了HasHTML接口的组件才能直接接受html代码。未来的GWT版本将取消这个限制，但同时这取决于你是否将你的HTML放到能理解HTML的组件里。

 

 

HTML字符

Uibinder模板是xml文件，而xml并不理解像&nbsp;这样的字符。当你需要这样的字符的时候，你必须自己定义。为了方便，我们提供了一组定义，你可以通过设置你的DOCTYPE来导入：

view plaincopy to clipboardprint?
  1. <!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">  


需要注意的是，GWT编译器实际上将不会访问这个URL去获取文件，因为这个文件的拷贝已经加入到了编译器。然而，你的IDE可能会要获取它。

 

将事件处理器进行简单的绑定

Uibinder的一个任务是减少用java代码编写用户接口的繁琐性，java里的一些东西要求比事件处理器更加让人心烦意乱的引用。想想看你已经有多少次这样编写你的代码？

view plaincopy to clipboardprint?
  1. public class MyFoo extends Composite {  
  2.   Button button = new Button();  
  3.   
  4.   public MyFoo() {  
  5.     button.addClickHandler(new ClickHandler() {  
  6.       public void onClick(ClickEvent event) {  
  7.         handleClick();  
  8.       }  
  9.     });  
  10.     initWidget(button);  
  11.   }  
  12.   
  13.   void handleClick() {  
  14.     Window.alert("Hello, AJAX");  
  15.   }  
  16. }  


在一个uibinder拥有者类里面，你可以使用@UiHandler标记去使用所有匿名类。

view plaincopy to clipboardprint?
  1. public class MyFoo extends Composite {  
  2.   @UiField Button button;  
  3.   
  4.   public MyFoo() {  
  5.     initWidget(button);  
  6.   }  
  7.   
  8.   @UiHandler("button")  
  9.   void handleClick(ClickEvent e) {  
  10.     Window.alert("Hello, AJAX");  
  11.   }  
  12. }  


然而，这里有一个限制：你只能使用@UiHandler处理由widget对象抛出的事件，而不是DOM元素。比如：<g:Button>可以，但是<button>不行。

 

Hello stylish world

通过<ui:style>元素，你可以在你需要的时候随时定义UI的样式表。

注意：<ui:style>元素必须是root元素的直接子元素。其他资源元素也是这样（<ui:image>and <ui:data>）

view plaincopy to clipboardprint?
  1. <ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'>  
  2.   
  3.   <ui:style>  
  4.     .pretty { background-color: Skyblue; }  
  5.   </ui:style>  
  6.   
  7.   <div class='{style.pretty}'>  
  8.     Hello, <span ui:field='nameSpan'/>.  
  9.   </div>  
  10.   
  11. </ui:UiBinder>  


一个CssResource接口已经为你生成好，与其同时还有一个ClientBundle。这意味着如果你错误拼写了类名的时候，编译器将会对你发出警告。同时，你的CSS类名将会被弄乱，这样可以防止跟其他css块中的名字发生冲突，意味着不再需要全局css命名空间！

 

实际上，你可以在一个简单模板里面利用这个特点：

view plaincopy to clipboardprint?
  1. <ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'>  
  2.   <ui:style>  
  3.     .pretty { background-color: Skyblue; }  
  4.   </ui:style>  
  5.   
  6.   <ui:style field='otherStyle'>  
  7.     .pretty { background-color: Orange; }  
  8.   </ui:style>  
  9.   
  10.   <div class='{style.pretty}'>  
  11.     Hello, <span class='{otherStyle.pretty}' ui:field='nameSpan'/>.  
  12.   </div>  
  13.   
  14. </ui:UiBinder>  


最后，你不在需要把css写在ui.xml里。多数真正的项目将会把它们的css代码放在单独的文件里。在下面的例子中，src将关联css的位置：

view plaincopy to clipboardprint?
  1. <ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'>  
  2.   <ui:style src="MyUi.css" />  
  3.   <ui:style field='otherStyle' src="MyUiOtherStyle.css">  
  4.   
  5.   <div class='{style.pretty}'>  
  6.     Hello, <span class='{otherStyle.pretty}' ui:field='nameSpan'/>.  
  7.   </div>  
  8. </ui:UiBinder>  


 

除了html，你还可以设置widget的式样。你可以通过设置styleName属性来重写css，或者使用特别的addStyleNames来增加式样而不影响原有的式样。

view plaincopy to clipboardprint?
  1. <ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'  
  2.       xmlns:g='urn:import:com.google.gwt.user.client.ui'>  
  3.   <ui:style>  
  4.     .hot { color: magenta; }  
  5.     .pretty { background-color: Skyblue; }  
  6.   </ui:style>  
  7.   
  8.   <g:PushButton styleName='{style.pretty}'>This button doesn't look like one</g:PushButton>  
  9.   <g:PushButton addStyleNames='{style.pretty} {style.hot}'>Push my hot button!</g:PushButton>  
  10.   
  11. </ui:UiBinder>  


注意：addStyleNames是复数。

 

 

编程访问内嵌式样

你的代码可能要访问模板中使用的某些式样。比如，假设你的widget在使用的时候需要改变颜色：

view plaincopy to clipboardprint?
  1. <ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'>  
  2.   
  3.   <ui:style type='com.my.app.MyFoo.MyStyle'>  
  4.     .redBox { background-color:pink; border: 1px solid red; }  
  5.     .enabled { color:black; }  
  6.     .disabled { color:gray; }  
  7.   </ui:style>  
  8.   
  9.   <div class='{style.redBox} {style.enabled}'>I'm a red box widget.</div>  
  10.   
  11. </ui:UiBinder>  

view plaincopy to clipboardprint?
  1. public class MyFoo extends Widget {  
  2.   interface MyStyle extends CssResource {  
  3.     String enabled();  
  4.     String disabled();  
  5.   }  
  6.   
  7.   @UiField MyStyle style;  
  8.   
  9.   /* ... */  
  10.   
  11.   void setEnabled(boolean enabled) {  
  12.     getElement().addClassName(enabled ? style.enabled() : style.disabled());  
  13.     getElement().removeClassName(enabled ? style.disabled() : style.enabled());  
  14.   }  
  15. }  


<ui:style>元素有一个新的属性，type=’com.my.app.MyFoo.MyStyle’。这意味着它需要实现那个接口，并且提供它调用的两个css类，enabled和disabled。

 

现在，看看MyFoo.java中的 @UiField style。这使得代码可以访问为<ui:style>块而生成的CssResource。setEnable 方法使用这个字段来关闭和打开式样。

 

你可以不受限制地在一个试样块中定义足够多的类，但是你的代码只能访问那些在接口中要求的类。

 

使用外部资源

有时候你的模板需要访问外部的一些式样或者对象。可以使用<ui:with>元素。

view plaincopy to clipboardprint?
  1. <ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'  
  2.     xmlns:g='urn:import:com.google.gwt.user.client.ui'>  
  3.   
  4.   <ui:with field='res' type='com.my.app.widgets.logoname.Resources'/>  
  5.   
  6.   <g:HTMLPanel>  
  7.   
  8.     <g:Image resource='{res.logo}'/>  
  9.   
  10.     <div class='{res.style.mainBlock}'>  
  11.       <div class='{res.style.userPictureSprite}'/>  
  12.   
  13.       <div>  
  14.         Well hello there  
  15.         <span class='{res.style.nameSpan}' ui:field='nameSpan'/>  
  16.       </div>  
  17.     </div>  
  18.   
  19.   </g:HTMLPanel>  
  20. </ui:UiBinder>  

view plaincopy to clipboardprint?
  1. /** 
  2.  * Resources used by the entire application. 
  3.  */  
  4. public interface Resources extends ClientBundle {  
  5.   @Source("Style.css")  
  6.   Style style();  
  7.   
  8.   @Source("Logo.jpg")  
  9.   ImageResource logo();  
  10.   
  11.   public interface Style extends CssResource {  
  12.     String mainBlock();  
  13.     String nameSpan();  
  14.     Sprite userPictureSprite();  
  15.   }  
  16. }  


‘with’这个元素声明了一个持有资源对象的字段，这个资源对象的方法可以通过调用来填充属性值。在这个例子中，通过调用GWT.create（Resources.class）来初始化。

 

注意：并不一定要求一个ui:with资源一定要实现ClientBundle接口，这里只是一个例子。

 

共享资源实例

你可以通过<ui:with>元素，让你的资源可以被模板访问，但是付出的代价是将他们初始化。如果你像让给你的代码负责查找或者创建资源，有两种方式可以控制。1，用@UiFactory标记一个工厂方法；2，自己填充一个字段，并标记为@UiField(provided=true)。

 

下面的代码说明的是前面的例子中如何通过使用@UiFactory来提供资源实例：

view plaincopy to clipboardprint?
  1. public class LogoNamePanel extends Composite {  
  2.   interface MyUiBinder extend UiBinder<Widget, LogoNamePanel> {}  
  3.   private static MyUiBinder uiBinder = GWT.create(MyUiBinder.class);  
  4.   
  5.   @UiField SpanElement nameSpan;  
  6.   final Resources resources;  
  7.   
  8.   public LogoNamePanel(Resources resources) {  
  9.     this.resources = resources;  
  10.     initWidget(uiBinder.createAndBindUi(this));  
  11.   }  
  12.   
  13.   public void setUserName(String userName) {  
  14.     nameSpan.setInnerText(userName);  
  15.   }  
  16.   
  17.   @UiFactory /* this method could be static if you like */  
  18.   public Resources getResources() {  
  19.     return resources;  
  20.   }  
  21. }  


模板中的任何字段，只要是资源类型的就可以通过调用getResources方法初始化。如果你的工厂方法需要参数，这些将会被要求为属性。

 

@UiField(provided=true)可以让事情更简洁和好用。

view plaincopy to clipboardprint?
  1. public class LogoNamePanel extends Composite {  
  2.   interface MyUiBinder extends UiBinder<Widget, LogoNamePanel> {}  
  3.   private static MyUiBinder uiBinder = GWT.create(MyUiBinder.class);  
  4.   
  5.   @UiField SpanElement nameSpan;  
  6.   
  7.   @UiField(provided = true)  
  8.   final Resources resources;  
  9.   
  10.   public LogoNamePanel(Resources resources) {  
  11.     this.resources = resources;  
  12.     initWidget(uiBinder.createAndBindUi(this));  
  13.   }  
  14.   
  15.   public void setUserName(String userName) {  
  16.     nameSpan.setInnerText(userName);  
  17.   }  
  18. }  


 

 

使用一个构造方法需要参数的widget

模板中声明的每个widget都是通过调用GWT.create()来创建的。多数情况下这意味着它们是默认初始化的，也就是调用没有参数的构造方法。然而这里也有方法不这样做。除了前面提到的@UiFactory和@UiField（provided=true）机制，还可以使用@UiConstructor标记widget。

 

假设你有一个已经存在的widget需要构造方法参数：

view plaincopy to clipboardprint?
  1. public CricketScores(String... teamNames) {...}   


你在下面的模板中使用它：

view plaincopy to clipboardprint?
  1. <!-- UserDashboard.ui.xml -->  
  2.   
  3. <ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'  
  4.     xmlns:g='urn:import:com.google.gwt.user.client.ui'  
  5.     xmlns:my='urn:import:com.my.app.widgets' >  
  6.   
  7.   <g:HTMLPanel>  
  8.     <my:WeatherReport ui:field='weather'/>  
  9.   
  10.     <my:Stocks ui:field='stocks'/>  
  11.     <my:CricketScores ui:field='scores' />  
  12.   </g:HTMLPanel>  
  13. </ui:UiBinder>  

view plaincopy to clipboardprint?
  1. public class UserDashboard extends Composite {  
  2.   interface MyUiBinder extends UiBinder<Widget, UserDashboard> {}  
  3.   private static MyUiBinder uiBinder = GWT.create(MyUiBinder.class);  
  4.   
  5.   public UserDashboard() {  
  6.     initWidget(uiBinder.createAndBindUi(this));  
  7.   }  
  8. }  


这样将会出现一个错误：

view plaincopy to clipboardprint?
  1. [ERROR] com.my.app.widgets.CricketScores has no default (zero args)  
  2. constructor. To fix this, you can define a @UiFactory method on the  
  3. UiBinder's owner, or annotate a constructor of CricketScores with  
  4. @UiConstructor.  


所以你可以使用一个@UiFactory方法…

view plaincopy to clipboardprint?
  1. public class UserDashboard extends Composite {  
  2.   interface MyUiBinder extends UiBinder<Widget, UserDashboard>;  
  3.   private static final MyUiBinder uiBinder = GWT.create(MyUiBinder.class);  
  4.   
  5.   private final String[] teamNames;  
  6.   
  7.   public UserDashboard(String... teamNames) {  
  8.     this.teamNames = teamNames;  
  9.     initWidget(uiBinder.createAndBindUi(this));  
  10.   }  
  11.   
  12.   /** Used by MyUiBinder to instantiate CricketScores */  
  13.   @UiFactory CricketScores makeCricketScores() { // method name is insignificant  
  14.     return new CricketScores(teamNames);  
  15.   }  
  16. }  


标记一个构造方法：

view plaincopy to clipboardprint?
  1. public @UiConstructor CricketScores(String teamNames) {  
  2.   this(teamNames.split("[, ]+"));  
  3. }  

view plaincopy to clipboardprint?
  1. <!-- UserDashboard.ui.xml -->  
  2. <g:HTMLPanel xmlns:ui='urn:ui:com.google.gwt.uibinder'  
  3.   xmlns:g='urn:import:com.google.gwt.user.client.ui'  
  4.   xmlns:my='urn:import:com.my.app.widgets' >  
  5.   
  6.   <my:WeatherReport ui:field='weather'/>  
  7.   <my:Stocks ui:field='stocks'/>  
  8.   <my:CricketScores ui:field='scores' teamNames='AUS, SAF, WA, QLD, VIC'/>  
  9.   
  10. </g:HTMLPanel>  


或者是用@UiField(provided=true)标记一个字段

view plaincopy to clipboardprint?
  1. public class UserDashboard extends Composite {  
  2.   interface MyUiBinder extends UiBinder<Widget, UserDashboard>;  
  3.   private static final MyUiBinder uiBinder = GWT.create(MyUiBinder.class);  
  4.   
  5.   @UiField(provided=true)  
  6.   final CricketScores cricketScores; // cannot be private  
  7.   
  8.   public UserDashboard(CricketScores cricketScores) {  
  9.     // DI fans take note!   
  10.     this.cricketScores = cricketScores;  
  11.     initWidget(uiBinder.createAndBindUi(this));  
  12.   }  
  13. }  


 

 

在相同widget上使用不同的xml模板

假设你是一个MVP级的开发人员。你有好的ui接口和实现它的widget。那你怎样在相同视图上使用几个不同的xml模板呢？

 

view plaincopy to clipboardprint?
  1. public class FooPickerController {  
  2.   public interface Display {  
  3.     HasText getTitleField();  
  4.     SourcesChangeEvents getPickerSelect();  
  5.   }  
  6.   
  7.   public void setDisplay(FooPickerDisplay display) { ... }  
  8. }  
  9.   
  10. public class FooPickerDisplay extends Composite  
  11.     implements FooPickerController.Display {  
  12.   
  13.   @UiTemplate("RedFooPicker.ui.xml")  
  14.   interface RedBinder extends UiBinder<Widget, FooPickerDisplay> {}  
  15.   private static RedBinder redBinder = GWT.create(RedBinder.class);  
  16.   
  17.   @UiTemplate("BlueFooPicker.ui.xml")  
  18.   interface BlueBinder extends UiBinder<Widget, FooPickerDisplay> {}  
  19.   private static BlueBinder blueBinder = GWT.create(BlueBinder.class);  
  20.   
  21.   @UiField HasText titleField;  
  22.   @UiField SourcesChangeEvents pickerSelect;  
  23.   
  24.   public HasText getTitleField() {  
  25.     return titleField;  
  26.   }  
  27.   public SourcesChangeEvents getPickerSelect() {  
  28.     return pickerSelect;  
  29.   }  
  30.   
  31.   protected FooPickerDisplay(UiBinder<Widget, FooPickerDisplay> binder) {  
  32.     initWidget(uiBinder.createAndBindUi(this));  
  33.   }  
  34.   
  35.   public static FooPickerDisplay createRedPicker() {  
  36.     return new FooPickerDisplay(redBinder);  
  37.   }  
  38.   
  39.   public static FooPickerDisplay createBluePicker() {  
  40.     return new FooPickerDisplay(blueBinder);  
  41.   }  
  42. }  

淘宝网怎么找厂家店 淘宝网怎么找厂家店
原创粉丝点击
热门IT博客
一加5 小米6 知乎一加5 小米6 知乎
js split方法js split方法
360linux服务器
幼儿园美工室活动记录
大数据战略重点实验室
java loader.getparent
淘宝哪里看退货率
美工设计基础知识
mac笔记本安装双系统
淘宝淘金币大转盘规律
家用榨油机 知乎
linux 批处理命令
2017苹果mac桌面壁纸
微谱 知乎
淘宝漫步者假货
java http协议接口
阿里云杭州总部
淘宝宝商城
sql drop
房屋画图软件
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 切除咬肌要多少钱 瘦脸针瘦咬肌 咬肌瘦脸 怎么才能让咬肌变小 咬肌大怎么减 咬肌怎么瘦下去 咬肌太大了怎么办 咬肌肥大咋办 怎么使咬肌变小 怎么减去咬肌 瘦咬肌价格 怎样缩小咬肌 怎么把咬肌瘦下来 去咬肌方法 如何去掉咬肌 右边咬肌大怎么办 咬肌太发达 收咬肌 咬肌减小 放松咬肌 咋样瘦脸 脸部减脂 脸太胖怎么瘦下来 怎么样可以让咬肌变小 怎么样可以瘦咬肌 花蚊子为什么咬人厉害 花蚊子咬后症状图片 模具咬花 咬花 杨宗保被金银蛇咬成花主 草爬子咬后什么症状 咬边 焊缝咬边 老公咬了我一边奶我觉得好疼 猫一边踩奶一边咬毯子 咬边是什么意思 电焊咬边标准图片 咬肌一边大一边小脸不对称 一边咬肌大怎么办 一边咬肌大一边咬肌小 咭

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里