GWT UiBinder で Button を使う

view plainprint?

1. <!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">  
2. <ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"  
3.   xmlns:g="urn:import:com.google.gwt.user.client.ui">  
4.   <ui:style>  
5.     
6.   </ui:style>  
7.   <g:HTMLPanel>  
8.     <g:HorizontalPanel spacing="10">  
9.       <g:Button ui:field="button">Normal Button</g:Button>  
10.       <g:Button enabled="false">Disabled Button</g:Button>  
11.     </g:HorizontalPanel>  
12.   </g:HTMLPanel>  
13. </ui:UiBinder>   

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
  xmlns:g="urn:import:com.google.gwt.user.client.ui">
  <ui:style>
  
  </ui:style>
  <g:HTMLPanel>
    <g:HorizontalPanel spacing="10">
      <g:Button ui:field="button">Normal Button</g:Button>
      <g:Button enabled="false">Disabled Button</g:Button>
    </g:HorizontalPanel>
  </g:HTMLPanel>
</ui:UiBinder> 

view plainprint?

1. package yanzm.example.hellowtgt.client;  
2.   
3. import com.google.gwt.core.client.GWT;  
4. import com.google.gwt.event.dom.client.ClickEvent;  
5. import com.google.gwt.event.dom.client.ClickHandler;  
6. import com.google.gwt.uibinder.client.UiBinder;  
7. import com.google.gwt.uibinder.client.UiField;  
8. import com.google.gwt.user.client.Window;  
9. import com.google.gwt.user.client.ui.Button;  
10. import com.google.gwt.user.client.ui.Composite;  
11. import com.google.gwt.user.client.ui.Widget;  
12.   
13. public class BasicButton extends Composite {  
14.   
15.   private static BasicButtonUiBinder uiBinder = GWT  
16.     .create(BasicButtonUiBinder.class);  
17.   
18.     interface BasicButtonUiBinder extends UiBinder<Widget, BasicButton> {  
19.   }  
20.   
21.   @UiField  
22.   public Button button;   
23.   
24.   public BasicButton() {  
25.     initWidget(uiBinder.createAndBindUi(this));  
26.     button.addClickHandler(new ClickHandler() {  
27.       @Override  
28.       public void onClick(ClickEvent event) {  
29.         Window.alert("Clicked!");  
30.       }     
31.     });   
32.   }  
33. }  

package yanzm.example.hellowtgt.client;

import com.google.gwt.core.client.GWT;
import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.uibinder.client.UiBinder;
import com.google.gwt.uibinder.client.UiField;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.Composite;
import com.google.gwt.user.client.ui.Widget;

public class BasicButton extends Composite {

  private static BasicButtonUiBinder uiBinder = GWT
    .create(BasicButtonUiBinder.class);

    interface BasicButtonUiBinder extends UiBinder<Widget, BasicButton> {
  }

  @UiField
  public Button button; 

  public BasicButton() {
    initWidget(uiBinder.createAndBindUi(this));
    button.addClickHandler(new ClickHandler() {
      @Override
      public void onClick(ClickEvent event) {
        Window.alert("Clicked!");
      }   
    }); 
  }
}

■ その他
・Java code による実装例 (Showcase)
・com.google.gwt.user.client.ui.Button