Drag the slider to change opacity (Smart GWT) : Slider « GWT « Java






Drag the slider to change opacity (Smart GWT)

Drag the slider to change opacity (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.Slider;
import com.smartgwt.client.widgets.events.ValueChangedEvent;
import com.smartgwt.client.widgets.events.ValueChangedHandler;

public class Showcase implements EntryPoint {

  public void onModuleLoad() {
    RootPanel.get().add(getViewPanel());
  }

  public Canvas getViewPanel() {
    final Img eyesImg = new Img("other/eyes.jpg", 360, 188);
    eyesImg.setShowEdges(true);
    
    Slider slider = new Slider("");
    slider.setMinValue(0);
    slider.setMaxValue(100);
    slider.setShowRange(false);
    slider.setShowTitle(false);
    slider.setVertical(false);
    slider.setLeft(80);
    slider.setTop(200);
    slider.setValue(100);
    slider.addValueChangedHandler(new ValueChangedHandler() {
        public void onValueChanged(ValueChangedEvent event) {
            eyesImg.setOpacity(event.getValue());
        }
    });
    
    Canvas canvas = new Canvas();
    canvas.addChild(eyesImg);
    canvas.addChild(slider);
    
    return canvas;
  }

}

   
    
    
  








SmartGWT.zip( 9,880 k)

Related examples in the same category

1.Vertical/Horizontal Slider Sample (Smart GWT)Vertical/Horizontal Slider Sample (Smart GWT)
2.Using Slider to control the width and sharpness of a shadow (Smart GWT)Using Slider to control the width and sharpness of a shadow (Smart GWT)
3.Using SliderItem to create slider (Smart GWT)Using SliderItem to create slider (Smart GWT)
4.Using Slider and SliderField (Ext GWT)Using Slider and SliderField (Ext GWT)
5.Vertical.Horizontal Slider (Ext GWT)Vertical.Horizontal Slider (Ext GWT)
6.Set value for Slider (Ext GWT)Set value for Slider (Ext GWT)
7.Set Message for Slider (Ext GWT)Set Message for Slider (Ext GWT)