Layout animation (Smart GWT) : Animation « GWT « Java

Home
Java
1.2D Graphics GUI
2.3D
3.Advanced Graphics
4.Ant
5.Apache Common
6.Chart
7.Class
8.Collections Data Structure
9.Data Type
10.Database SQL JDBC
11.Design Pattern
12.Development Class
13.EJB3
14.Email
15.Event
16.File Input Output
17.Game
18.Generics
19.GWT
20.Hibernate
21.I18N
22.J2EE
23.J2ME
24.JavaFX
25.JDK 6
26.JDK 7
27.JNDI LDAP
28.JPA
29.JSP
30.JSTL
31.Language Basics
32.Network Protocol
33.PDF RTF
34.Reflection
35.Regular Expressions
36.Scripting
37.Security
38.Servlets
39.Spring
40.Swing Components
41.Swing JFC
42.SWT JFace Eclipse
43.Threads
44.Tiny Application
45.Velocity
46.Web Services SOA
47.XML
Java » GWT » Animation 




Layout animation (Smart GWT)
Layout animation (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.IButton;
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.layout.HLayout;
import com.smartgwt.client.widgets.layout.HStack;
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);

    final HStack starsLayout = new HStack();
    starsLayout.setTop(50);
    starsLayout.setMembersMargin(10);
    starsLayout.setLayoutMargin(10);
    starsLayout.setShowEdges(true);
    starsLayout.setAnimateMembers(true);

    final Img blueImg = createImage("star_blue.png");
    final Img greenImg = createImage("star_green.png");
    final Img yellowImg = createImage("star_yellow.png");

    starsLayout.addMember(blueImg);
    starsLayout.addMember(greenImg);
    starsLayout.addMember(yellowImg);

    IButton showButton = new IButton();
    showButton.setTitle("Show");
    showButton.setIconOrientation("right");
    showButton.setIcon("pieces/16/star_green.png");
    showButton.setLeft(40);

    IButton hideButton = new IButton();
    hideButton.setTitle("Hide");
    hideButton.setIcon("pieces/16/star_green.png");
    hideButton.setIconOrientation("right");
    hideButton.addClickHandler(new ClickHandler() {
      public void onClick(ClickEvent event) {
        starsLayout.hideMember(greenImg);
      }
    });

    showButton.addClickHandler(new ClickHandler() {
      public void onClick(ClickEvent event) {
        starsLayout.showMember(greenImg);
      }
    });

    HLayout hLayout = new HLayout();
    hLayout.setMembersMargin(10);
    hLayout.addMember(hideButton);
    hLayout.addMember(showButton);
    layout.addMember(hLayout);
    layout.addChild(starsLayout);

    return layout;
  }

  private Img createImage(String src) {
    Img img = new Img(src);
    img.setAppImgDir("pieces/48/");
    img.setWidth(48);
    img.setHeight(48);
    img.setLayoutAlign(Alignment.CENTER);
    return img;
  }
}

   
    
    
  














SmartGWT.zip( 9,880 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.Move in and move out animation (Smart GWT)Move in and move out animation (Smart GWT)
8.Window expanding and collapsing animation (Smart GWT)Window expanding and collapsing animation (Smart GWT)
9.Wipe in and wipe out animation (Smart GWT)Wipe in and wipe out animation (Smart GWT)
10.Image zooming and shrinking animation (Smart GWT)Image zooming and shrinking animation (Smart GWT)
11.Control the animation duration (Smart GWT)Control the animation duration (Smart GWT)
12.Autoscroll animation (Smart GWT)Autoscroll animation (Smart GWT)
13.Timer based animation (Smart GWT)Timer based animation (Smart GWT)
14.orbit-path animation (Smart GWT)orbit-path animation (Smart GWT)
15.Slide in and slide out (Ext GWT)Slide in and slide out (Ext GWT)
16.Fade in and Fade out (Ext GWT)Fade in and Fade out (Ext GWT)
17.Move to a position (Ext GWT)Move to a position (Ext GWT)
18.Blinking (Ext GWT)
19.Set Widget position (Ext GWT)
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.