HStack/VStack containers manage the stacked positions of multiple member components (Smart GWT) : Layout « GWT « Java






HStack/VStack containers manage the stacked positions of multiple member components (Smart GWT)

HStack/VStack containers manage the stacked positions of multiple member components (Smart GWT)
   

/*
 * SmartGWT (GWT for SmartClient)
 * Copyright 2008 and beyond, Isomorphic Software, Inc.
 *
 * SmartGWT is free software; you can redistribute it and/or modify it
 * under the terms of the GNU Lesser General Public License version 3
 * as published by the Free Software Foundation.  SmartGWT is also
 * available under typical commercial license terms - see
 * http://smartclient.com/license
 * This software is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
 */

package com.smartgwt.sample.showcase.client;


import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.RootPanel;
import com.smartgwt.client.types.Alignment;
import com.smartgwt.client.widgets.Canvas;
import com.smartgwt.client.widgets.Label;
import com.smartgwt.client.widgets.layout.HStack;
import com.smartgwt.client.widgets.layout.VStack;

public class Showcase implements EntryPoint{

    public void onModuleLoad() {
       RootPanel.get().add(getViewPanel());
    }
    public Canvas getViewPanel() {
      Canvas canvas = new Canvas();

      VStack vStack = new VStack();
      vStack.setShowEdges(true);
      vStack.setWidth(150);
      vStack.setMembersMargin(5);
      vStack.setLayoutMargin(10);
      vStack.addMember(new BlueBox(null, 40, "height 40"));
      vStack.addMember(new BlueBox(null, 80, "height 80"));
      vStack.addMember(new BlueBox(null, 160, "height 160"));
      canvas.addChild(vStack);

      HStack hStack = new HStack();
      hStack.setLeft(170);
      hStack.setShowEdges(true);
      hStack.setHeight(150);
      hStack.setMembersMargin(5);
      hStack.setLayoutMargin(10);
      hStack.addMember(new BlueBox(60, null, "width 60"));
      hStack.addMember(new BlueBox(80, null, "width 80"));
      hStack.addMember(new BlueBox(160, null, "width 160"));
      canvas.addChild(hStack);

      return canvas;
  }
    class BlueBox extends Label {

      public BlueBox(String contents) {
          setAlign(Alignment.CENTER);
          setBorder("1px solid #808080");
          setBackgroundColor("lightblue");
          setContents(contents);
      }

      public BlueBox(Integer width, Integer height, String contents) {
          this(contents);
          if (width != null) setWidth(width);
          if (height != null) setHeight(height);
      }
  }
}

   
    
    
  








SmartGWT.zip( 9,880 k)

Related examples in the same category

1.Set margin of vertical layout (Smart GWT)Set margin of vertical layout (Smart GWT)
2.HLayout/VLayout manage the stacked positions and sizes of multiple member components (Smart GWT)HLayout/VLayout manage the stacked positions and sizes of multiple member components (Smart GWT)
3.Set layout percentage with * (Smart GWT)Set layout percentage with * (Smart GWT)
4.Full client area nested layout (Smart GWT)Full client area nested layout (Smart GWT)
5.Remove widget from layout mananger (Smart GWT)Remove widget from layout mananger (Smart GWT)
6.Using Canvas to hold Layout managers (Smart GWT)Using Canvas to hold Layout managers (Smart GWT)
7.Click and hold the arrow to move the image. (Smart GWT)Click and hold the arrow to move the image. (Smart GWT)
8.Add buttons to Canvas (Smart GWT)Add buttons to Canvas (Smart GWT)
9.Show or hide the message (Smart GWT)Show or hide the message (Smart GWT)
10.CardLayout Example (Ext GWT)CardLayout Example (Ext GWT)
11.CenterLayout Example (Ext GWT)CenterLayout Example (Ext GWT)
12.Horizontal and vertical row layout (Ext GWT)Horizontal and vertical row layout (Ext GWT)
13.Horizontal box layout align top (Ext GWT)Horizontal box layout align top (Ext GWT)
14.Horizontal box layout align middle (Ext GWT)Horizontal box layout align middle (Ext GWT)
15.Horizontal box layout align bottom (Ext GWT)Horizontal box layout align bottom (Ext GWT)
16.Horizontal Box Layout Align.STRETCH (Ext GWT)Horizontal Box Layout Align.STRETCH (Ext GWT)
17.Horizontal Flex: All even (Ext GWT)Horizontal Flex: All even (Ext GWT)
18.Horizontal Flex: ratio (Ext GWT)Horizontal Flex: ratio (Ext GWT)
19.Horizontal Flex + Stretch (Ext GWT)Horizontal Flex + Stretch (Ext GWT)
20.Pack: start (Ext GWT)Pack: start (Ext GWT)
21.Pack: center (Ext GWT)Pack: center (Ext GWT)
22.Pack: end (Ext GWT)Pack: end (Ext GWT)
23.VBoxLayout Example (Ext GWT)
24.BorderLayout and BorderLayoutData (Ext GWT)BorderLayout and BorderLayoutData (Ext GWT)
25.Using HorizontalPanel to hold buttons (Ext GWT)Using HorizontalPanel to hold buttons (Ext GWT)
26.Spaced VerticalBox Layout (Ext GWT)Spaced VerticalBox Layout (Ext GWT)
27.extends LayoutContainter (Ext GWT)extends LayoutContainter (Ext GWT)
28.Multi-Spaced horizontal layout (Ext GWT)