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
