Click and hold the arrow to move the image. (Smart GWT) : Layout « GWT « Java






Click and hold the arrow to move the image. (Smart GWT)

Click and hold the arrow to move the image. (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.widgets.Canvas;
import com.smartgwt.client.widgets.Img;
import com.smartgwt.client.widgets.events.ClickEvent;
import com.smartgwt.client.widgets.events.ClickHandler;
import com.smartgwt.client.widgets.events.MouseStillDownEvent;
import com.smartgwt.client.widgets.events.MouseStillDownHandler;
import com.smartgwt.client.widgets.layout.HLayout;
import com.smartgwt.client.widgets.layout.VLayout;

public class Showcase implements EntryPoint{

    public void onModuleLoad() {
       RootPanel.get().add(getViewPanel());
    }
    public Canvas getViewPanel() {
      VLayout layout = new VLayout();
      layout.setMembersMargin(10);
      layout.setAutoHeight();

      HLayout hLayout = new HLayout();

      final Img vanImg = new Img("crystal/128/apps/virussafe.png", 96, 96);
      vanImg.setCanDragReposition(true);
      vanImg.setTop(0);
      vanImg.setLeft(50);

      Img resetImg = new Img("icons/48/reset.png", 48, 48);
      resetImg.addClickHandler(new ClickHandler() {
          public void onClick(ClickEvent event) {
              vanImg.moveTo(50, 0);
          }
      });

      Img moveImg = new Img("icons/48/downright.png", 48, 48);
      moveImg.setShowRollOver(true);
      moveImg.addMouseStillDownHandler(new MouseStillDownHandler() {
          public void onMouseStillDown(MouseStillDownEvent event) {
              vanImg.moveBy(20, 20);
          }
      });

      hLayout.addMember(resetImg);
      hLayout.addMember(moveImg);

      //were positioning the vanImg using absolute poitioning relative to its containing canvas
      Canvas vanCanvas = new Canvas();
      vanCanvas.addChild(vanImg);

      layout.addMember(hLayout);
      layout.addMember(vanCanvas);

      return layout;

  }

}

   
    
    
  








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.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)
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)