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}

  private void _gottenRelationInfos(List<RelationInfo> relInfos) {
    layout.clear();
    for ( final RelationInfo relInfo : relInfos ) {
      String imgUri = GWT.getModuleBaseURL()+ "images/" +relInfo.getIconUri();
      Orr.log("Loading relation image: " +imgUri+ " for URI=" +relInfo.getUri());
      Image img = new Image(imgUri);
      PushButton button = new PushButton(img, 
          new ClickListener() {
            public void onClick(Widget sender) {
              mapRelListener.clicked(relInfo);            
            }

View Full Code Here

    return flexTable.getWidget(row, col);
  }
  
  
  Image _createMenu(final int row, final int col) {
    Image img = Orr.images.tridown().createImage();
    img.addClickListener(new ClickListener() {
      public void onClick(Widget sender) {
        _cellClicked(row, col);
      }
    });
    img.setVisible(!readOnly);
    
    imgs.add(img);
    
    return img;
  }

View Full Code Here

//          
//          hp.setCellWidth(html, "80%");
//          hp.setCellWidth(filler, "20%");
//        }
//        else {
          Image img = _createMenu(row, col);
          
          hp.add(img);
          hp.add(html);
          hp.add(filler);
          
          hp.setCellWidth(img, "30%");
          hp.setCellWidth(html, "50%");
          hp.setCellWidth(filler, "20%");
          
          hp.setCellHorizontalAlignment(img, ALIGN_LEFT);
//        }
      }
      else { //if ( ! readOnly ) {
        Image img = _createMenu(row, col);
        hp.add(img);
      }
      
    }
    else if ( row == CONTROL_ROW && col == CONTROL_COL ) {
      HorizontalPanel hp = new HorizontalPanel();
      hp.setVerticalAlignment(ALIGN_MIDDLE);
      Image img = _createMenu(row, col);
      hp.add(img);
      if ( termsTLabel != null ) {
        hp.add(termsTLabel);
      }
      _setWidget(row, col, hp);

View Full Code Here

    Widget center;
    Mapping mapping;
    
    if ( relInfo != null ) {
      String imgUri = GWT.getModuleBaseURL()+ "images/" +relInfo.getIconUri();
      Image img = new Image(imgUri);
      // NOTE: firefox does not put the newlines in the tooltip (perhaps firefox takes this as html?),
      // so, I'm replacing each "\n" with " \n", so at least I see a space:
      img.setTitle(relInfo.getDescription().replaceAll("\n", " \n"));
      center = img;
      mapping = new Mapping(leftKey, relInfo.getUri(), rightKey);
    }
    else {
      center = new HTML("?");

View Full Code Here

    flexPanel.setWidget(row, 2, new FocusableRowElement(row, center));
        
    flexPanel.setWidget(row, 3, new FocusableRowElement(row, right));


    if ( center instanceof Image ) {
      Image img = (Image) center;
      String width = String.valueOf(img.getWidth());
      cf.setWidth(row, 2, width);
    }    
    _setAlignments(row);

View Full Code Here

    );
  }
  
  
  private Widget _prepareMappingMetadata(final int row, final MappingAssoc ma) {
    Image img = VineMain.images.metadata().createImage(); 
    final DisclosurePanel disclosure = new DisclosurePanel(img);  // DisclosurePanel("");
    disclosure.setTitle("Mapping metadata");
    disclosure.addEventHandler(new DisclosureHandler() {
      public void onClose(DisclosureEvent event) {
        flexPanel.setText(row + 1, 0, "");

View Full Code Here

   * Builds a new About dialog contents.
   */
  public AboutDialogContents() {
      VerticalPanel content = new VerticalPanel();
      content.setStylePrimaryName("lab-About");
      Image logo = Icons.editorIcons.LogoLarge().createImage();
      content.setHorizontalAlignment(VerticalPanel.ALIGN_LEFT);
      content.add(logo);
      content.setSize("650px", "100px");
      HTML l1 = new HTML("&copy; 2010 LatexLab.org. Licensed under the Apache License, Version 2.0.<br /><br />" +
        "LaTeX Lab is a web based LaTeX editor for Google Docs made possible by the following systems and open source projects:");

View Full Code Here

      VerticalPanel box = new VerticalPanel();
      box.setPixelSize(200, 320);
      box.setHorizontalAlignment(HasHorizontalAlignment.ALIGN_CENTER);
    box.setStylePrimaryName("lab-Previewer-Page");
    box.getElement().getStyle().setOverflow(Overflow.HIDDEN);
    Image img = new Image();
    img.setUrl(pages[i].replace("?", "_tn?"));
    img.setStylePrimaryName("lab-Previewer-Page-Image");
    Anchor caption = new Anchor("Page " + (i + 1));
    caption.setHref("#");
    caption.setStylePrimaryName("lab-Previewer-Page-Caption");
    caption.addClickHandler(new ClickHandler() {
    @Override

View Full Code Here

      return btn;
    }
  }
  
  private Image buildSeparator() {
  Image sep = Icons.editorIcons.Separator().createImage();
  sep.addStyleName("separator");
    return sep;
  }

View Full Code Here

  table.insertCell(0, 1);
  table.getFlexCellFormatter().setVerticalAlignment(0, 0, HasVerticalAlignment.ALIGN_MIDDLE);
    table.getFlexCellFormatter().setHorizontalAlignment(0, 0, HasHorizontalAlignment.ALIGN_LEFT);
  table.getFlexCellFormatter().setVerticalAlignment(0, 1, HasVerticalAlignment.ALIGN_MIDDLE);
    table.getFlexCellFormatter().setHorizontalAlignment(0, 1, HasHorizontalAlignment.ALIGN_RIGHT);
    Image logo = Icons.editorIcons.Logo().createImage();
    logo.setStylePrimaryName("lab-Header-Logo");
    HorizontalPanel titlePanel = new HorizontalPanel();
    titlePanel.setVerticalAlignment(HasVerticalAlignment.ALIGN_MIDDLE);
    titlePanel.getElement().getStyle().setOverflow(Overflow.HIDDEN);
    title = new Anchor("", "");
    title.setStylePrimaryName("lab-Header-Title");

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