Examples of com.google.gwt.layout.client.Layout

com.google.gwt.layout.client.Layout
Helper class for laying out a container element and its children.
This class is typically used by higher-level widgets to implement layout on their behalf. It is intended to wrap an element (usually a <div>), and lay its children out in a predictable fashion, automatically accounting for changes to the parent's size, and for all elements' margins, borders, and padding.

To use this class, create a container element (again, usually a <div>) and pass it to {@link #Layout(Element)}. Rather than attaching child elements directly to the element managed by this {@link Layout}, use the {@link Layout#attachChild(Element)} method. This will attach the childelement and return a {@link Layout.Layer} object which is used to manage thechild.

A separate {@link Layout.Layer} instance is associated with each childelement. There is a set of methods available on this class to manipulate the child element's position and size. In order for changes to a layer to take effect, you must finally call one of {@link #layout()} or{@link #layout(int)}. This allows many changes to different layers to be applied efficiently, and to be animated.

On most browsers, this is implemented using absolute positioning. It also contains extra logic to make IE6 work properly.

Example
{@example com.google.gwt.examples.LayoutExample}

NOTE: This class will only work in standards mode, which requires that the HTML page in which it is run have an explicit <!DOCTYPE> declaration.

NOTE: This class is still very new, and its interface may change without warning. Use at your own risk.

  /**
   * Creates an empty layout panel.
   */
  public LayoutPanel() {
    setElement(Document.get().createDivElement());
    layout = new Layout(getElement());
    layoutCmd = new LayoutCommand(layout);
  }

View Full Code Here

   */
  public DockLayoutPanel(Unit unit) {
    this.unit = unit;


    setElement(Document.get().createDivElement());
    layout = new Layout(getElement());
    layoutCmd = new DockAnimateCommand(layout);
  }

View Full Code Here

  /**
   * Creates an empty layout panel.
   */
  public LayoutPanel() {
    setElement(Document.get().createDivElement());
    layout = new Layout(getElement());
    layoutCmd = new LayoutCommand(layout);
  }

View Full Code Here

   */
  public DockLayoutPanel(Unit unit) {
    this.unit = unit;


    setElement(Document.get().createDivElement());
    layout = new Layout(getElement());
    layoutCmd = new DockAnimateCommand(layout);
  }

View Full Code Here

     */
    public DockLayout(Style.Unit unit) {
        this.unit = unit;


        setElement(Document.get().createDivElement());
        layout = new Layout(getElement());
        layoutCmd = new DockAnimateCommand(layout);
    }

View Full Code Here

    // percentages.
    Document doc = Document.get();
    Element parent = doc.createDivElement();
    doc.getBody().appendChild(parent);


    Layout layout = new Layout(parent);
    layout.onAttach();


    Element topChild = doc.createDivElement(), bottomChild = doc
        .createDivElement();
    Layer topLayer = layout.attachChild(topChild);
    Layer bottomLayer = layout.attachChild(bottomChild);


    // Stack the two children vertically, meeting at 50%.
    topLayer.setLeftRight(0, PX, 0, PX);
    bottomLayer.setLeftRight(0, PX, 0, PX);
    topLayer.setTopHeight(0, PCT, 50, PCT);
    bottomLayer.setBottomHeight(0, PCT, 50, PCT);
    layout.layout();


    // Update the two children to stack horizontally, meeting at 10em.
    // Also have them animate for 500ms.
    topLayer.setTopBottom(0, PX, 0, PX);
    bottomLayer.setTopBottom(0, PX, 0, PX);
    topLayer.setLeftWidth(0, EM, 10, EM);
    bottomLayer.setLeftRight(10, EM, 0, EM);
    layout.layout(500);
  }

View Full Code Here

    }
  };
  private boolean resizeCmdScheduled = false;


  public ResizeLayoutPanel() {
    layout = new Layout(getElement());
    impl.init(getElement(), new Delegate() {
      public void onResize() {
        scheduleResize();
      }
    });

View Full Code Here

   */
  public DockLayoutPanel(Unit unit) {
    this.unit = unit;


    setElement(Document.get().createDivElement());
    layout = new Layout(getElement());
  }

View Full Code Here

  /**
   * Creates an empty layout panel.
   */
  public LayoutPanel() {
    setElement(Document.get().createDivElement());
    layout = new Layout(getElement());
  }

View Full Code Here

   */
  public DockLayoutPanel(Unit unit) {
    this.unit = unit;


    setElement(Document.get().createDivElement());
    layout = new Layout(getElement());
    layoutCmd = new DockAnimateCommand(layout);
  }

View Full Code Here

0 1 2

TOP

Related Classes of com.google.gwt.layout.client.Layout

com.google.gwt.animation.client.Animation

com.google.gwt.dom.client.Element

com.google.gwt.examples.LayoutExample

com.google.gwt.user.client.ui.CustomScrollPanel

com.google.gwt.user.client.ui.DeckLayoutPanel

com.google.gwt.user.client.ui.DockLayoutPanel

com.google.gwt.user.client.ui.LayoutPanel

com.google.gwt.user.client.ui.ResizeLayoutPanel

com.google.gwt.user.client.ui.SimpleLayoutPanel

org.gwtoolbox.widget.client.panel.layout.DockLayout

All source code are property of their respective owners. Java is a trademark of Sun Microsystems, Inc and owned by ORACLE Inc. Contact coftware#gmail.com.