Set Widget position (Ext GWT) : Animation « GWT « Java






Set Widget position (Ext GWT)

 
/*
 * Ext GWT - Ext for GWT
 * Copyright(c) 2007-2009, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */
package com.google.gwt.sample.hello.client;

import com.extjs.gxt.ui.client.Style.Direction;
import com.extjs.gxt.ui.client.event.ButtonEvent;
import com.extjs.gxt.ui.client.event.SelectionListener;
import com.extjs.gxt.ui.client.fx.FxConfig;
import com.extjs.gxt.ui.client.util.Rectangle;
import com.extjs.gxt.ui.client.widget.ContentPanel;
import com.extjs.gxt.ui.client.widget.LayoutContainer;
import com.extjs.gxt.ui.client.widget.button.Button;
import com.extjs.gxt.ui.client.widget.button.ButtonBar;
import com.extjs.gxt.ui.client.widget.layout.MarginData;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.Element;
import com.google.gwt.user.client.impl.WindowImplIE.Resources;
import com.google.gwt.user.client.ui.RootPanel;

public class Hello implements EntryPoint {
  public void onModuleLoad() {
    RootPanel.get().add(new FxExample());
  }
}
class FxExample extends LayoutContainer {

  private ContentPanel cp;

  @Override
  protected void onRender(Element parent, int index) {
    super.onRender(parent, index);

    ButtonBar buttonBar = new ButtonBar();

    buttonBar.add(new Button("Reset", new SelectionListener<ButtonEvent>() {
      public void componentSelected(ButtonEvent ce) {
        cp.setPosition(10, 10);
      }
    }));

    cp = new ContentPanel();
    cp.setCollapsible(true);
    cp.setHeading("FX Demo");
    //cp.setIcon(Resources.ICONS.text());
    cp.setBodyStyleName("pad-text");
    cp.addText("DUMMY_TEXT_SHORT");
    cp.setWidth(200);

    add(buttonBar, new MarginData(10));
    add(cp);
    cp.setStyleAttribute("position", "relative");
    cp.setPosition(10, 10);
  }

}

   
  








Ext-GWT.zip( 4,297 k)

Related examples in the same category

1.GWT animation: fade in and fade out
2.Animation: Expand and collapse (Smart GWT)Animation: Expand and collapse (Smart GWT)
3.Animation Sequence Sample (Smart GWT)Animation Sequence Sample (Smart GWT)
4.Slide in and slide out animation (Smart GWT)Slide in and slide out animation (Smart GWT)
5.Zoom image animation (Smart GWT)Zoom image animation (Smart GWT)
6.Fade in and fade out animation (Smart GWT)Fade in and fade out animation (Smart GWT)
7.Layout animation (Smart GWT)Layout animation (Smart GWT)
8.Move in and move out animation (Smart GWT)Move in and move out animation (Smart GWT)
9.Window expanding and collapsing animation (Smart GWT)Window expanding and collapsing animation (Smart GWT)
10.Wipe in and wipe out animation (Smart GWT)Wipe in and wipe out animation (Smart GWT)
11.Image zooming and shrinking animation (Smart GWT)Image zooming and shrinking animation (Smart GWT)
12.Control the animation duration (Smart GWT)Control the animation duration (Smart GWT)
13.Autoscroll animation (Smart GWT)Autoscroll animation (Smart GWT)
14.Timer based animation (Smart GWT)Timer based animation (Smart GWT)
15.orbit-path animation (Smart GWT)orbit-path animation (Smart GWT)
16.Slide in and slide out (Ext GWT)Slide in and slide out (Ext GWT)
17.Fade in and Fade out (Ext GWT)Fade in and Fade out (Ext GWT)
18.Move to a position (Ext GWT)Move to a position (Ext GWT)
19.Blinking (Ext GWT)