Examples of com.google.gwt.user.client.ui.Image

com.google.gwt.user.client.ui.Image
A widget that displays the image at a given URL. The image can be in 'unclipped' mode (the default) or 'clipped' mode. In clipped mode, a viewport is overlaid on top of the image so that a subset of the image will be displayed. In unclipped mode, there is no viewport - the entire image will be visible. Whether an image is in clipped or unclipped mode depends on how the image is constructed, and how it is transformed after construction. Methods will operate differently depending on the mode that the image is in. These differences are detailed in the documentation for each method.
If an image transitions between clipped mode and unclipped mode, any {@link Element}-specific attributes added by the user (including style attributes, style names, and style modifiers), except for event listeners, will be lost.

CSS Style Rules

.gwt-Image
The outer element
Tranformations between clipped and unclipped state will result in a loss of any style names that were set/added; the only style names that are preserved are those that are mentioned in the static CSS style rules. Due to browser-specific HTML constructions needed to achieve the clipping effect, certain CSS attributes, such as padding and background, may not work as expected when an image is in clipped mode. These limitations can usually be easily worked around by encapsulating the image in a container widget that can itself be styled.

Example
{@example com.google.gwt.examples.ImageExample}

    pb.setTitle(tip);
    return pb;
  }


  private ToggleButton createToggleButton(ImageResource img, String tip) {
    ToggleButton tb = new ToggleButton(new Image(img));
    tb.addClickHandler(handler);
    tb.setTitle(tip);
    return tb;
  }

View Full Code Here

    }


    @Override
    protected Widget initialize(final MapWidget map) {
      ControlImageBundle imgBundle = GWT.create(ControlImageBundle.class);
      Image trafficImage = new Image(imgBundle.traffic());
      Image satelliteImage = new Image(imgBundle.moziconEarth());
      Image zoomInImage = new Image(imgBundle.plus());
      Image zoomOutImage = new Image(imgBundle.minus());


      trafficImage.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent clickEvent) {
          map.setCurrentMapType(MapType.getNormalMap());
        }
      });
      satelliteImage.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent clickEvent) {
          map.setCurrentMapType(MapType.getSatelliteMap());
        }
      });
      zoomInImage.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent clickEvent) {
          map.zoomIn();
        }
      });
      zoomOutImage.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent clickEvent) {
          map.zoomOut();
        }
      });

View Full Code Here


    // Create a new panel
    absolutePanel = new AbsolutePanel();


    // Add a widget that we will animate
    animateeTop = new Image("gwtLogoThumb.png");
    animateeBottom = new Image("gwtLogoThumb.png");
    animateeLeft = new Image("gwtLogoThumb.png");
    animateeRight = new Image("gwtLogoThumb.png");
    absolutePanel.add(animateeTop);
    absolutePanel.add(animateeBottom);
    absolutePanel.add(animateeLeft);
    absolutePanel.add(animateeRight);

View Full Code Here

    lb.addItem(strings.xxlarge());
    return lb;
  }


  private PushButton createPushButton(ImageResource img, String tip) {
    PushButton pb = new PushButton(new Image(img));
    pb.addClickListener(listener);
    pb.setTitle(tip);
    return pb;
  }

View Full Code Here

    pb.setTitle(tip);
    return pb;
  }


  private ToggleButton createToggleButton(ImageResource img, String tip) {
    ToggleButton tb = new ToggleButton(new Image(img));
    tb.addClickListener(listener);
    tb.setTitle(tip);
    return tb;
  }

View Full Code Here

//      
      
        
      //loading .gif
        posTop = posTop + 35 ;
      Image image = new Image("loading.gif");
      hPanelLoading.add(image);
      hPanelLoading.setVisible(false);
        rootPanel.add(hPanelLoading, 350, posTop);
        
      // Create the popup dialog box in case of error

View Full Code Here

//      
      
        
      //loading .gif
        posTop = posTop + 35 ;
      Image image = new Image("loading.gif");
      hPanelLoading.add(image);
      hPanelLoading.setVisible(false);
        rootPanel.add(hPanelLoading, 350, posTop);
        
      // Create the popup dialog box in case of error

View Full Code Here

      namespaceLabel_.addStyleName(styles.menuElement());
      namespaceLabel_.addStyleName(styles.functionNamespace());
      namespaceLabel_.addClickHandler(clickHandler);
      panel.add(namespaceLabel_);
      
      dropDownImage_ = new Image(ThemeResources.INSTANCE.mediumDropDownArrow());
      dropDownImage_.addStyleName(styles.menuElement());
      dropDownImage_.addStyleName(styles.dropDownImage());
      dropDownImage_.addClickHandler(clickHandler);
      panel.add(dropDownImage_);
      dropDownImage_.setVisible(false);

View Full Code Here

   public interface MyBinder extends UiBinder<FlowPanel, CommitTocRow>
   {}


   public CommitTocRow(String filename)
   {
      icon_ = new Image(
            RStudioGinjector.INSTANCE.getFileTypeRegistry().getIconForFilename(
                                                                     filename));
      anchor_ = new Anchor(filename);


      initWidget(binder_.createAndBindUi(this));

View Full Code Here

   private void addPagingWidget()
   {
      HorizontalPanel panel = new HorizontalPanel();
      panel.setStyleName(RES.styles().pagingWidget());
      
      Image upImage = new Image(RES.upArrow());
      upImage.addClickHandler(new ClickHandler() {
         @Override
         public void onClick(ClickEvent event)
         {
            setTextIndex(currentTextIndex_ - 1);  
            docDisplay_.setFocus(true);
         }
      });
      panel.add(upImage);
      
      pagingLabel_ = new Label();
      panel.add(pagingLabel_);
      
      Image downImage = new Image(RES.downArrow());
      downImage.addClickHandler(new ClickHandler() {
         @Override
         public void onClick(ClickEvent event)
         {
            setTextIndex(currentTextIndex_ + 1);  
            docDisplay_.setFocus(true);

View Full Code Here

0 1 2 3 4 5 6 7 8 9

TOP

Related Classes of com.google.gwt.user.client.ui.Image

com.allen_sauer.gwt.log.client.DivLogger

com.badlogic.gdx.backends.gwt.GwtApplication

com.google.gerrit.client.auth.openid.OpenIdSignInDialog

com.google.gwt.dom.client.ImageElement

com.google.gwt.junit.viewer.client.ReportViewer

com.google.gwt.sample.showcase.client.content.lists.CwStackLayoutPanel

com.google.gwt.sample.showcase.client.content.lists.CwStackPanel

com.google.gwt.uibinder.test.client.UiBinderTest

com.google.gwt.user.client.ui.impl.ClippedImagePrototypeTest

com.google.testing.testify.risk.frontend.client.view.impl.CapabilityDetailsViewImpl

All source code are property of their respective owners. Java is a trademark of Sun Microsystems, Inc and owned by ORACLE Inc. Contact coftware#gmail.com.

Examples of com.google.gwt.user.client.ui.Image

CSS Style Rules

Example

Related Classes of com.google.gwt.user.client.ui.Image