Java tutorial
/** * Sencha GXT 3.1.1 - Sencha for GWT * Copyright(c) 2007-2014, Sencha, Inc. * licensing@sencha.com * * http://www.sencha.com/products/gxt/license/ */ package edu.arizona.biosemantics.gxt.theme.green.client.base.button; import com.google.gwt.cell.client.Cell.Context; import com.google.gwt.core.shared.GWT; import com.google.gwt.resources.client.ClientBundle; import com.google.gwt.resources.client.CssResource; import com.google.gwt.resources.client.ImageResource; import com.google.gwt.resources.client.ImageResource.ImageOptions; import com.google.gwt.resources.client.ImageResource.RepeatStyle; import com.google.gwt.safecss.shared.SafeStylesBuilder; import com.google.gwt.safehtml.shared.SafeHtml; import com.google.gwt.safehtml.shared.SafeHtmlBuilder; import com.google.gwt.safehtml.shared.SafeHtmlUtils; import com.google.gwt.user.client.ui.AbstractImagePrototype; import com.sencha.gxt.cell.core.client.ButtonCell; import com.sencha.gxt.cell.core.client.ButtonCell.ButtonArrowAlign; import com.sencha.gxt.cell.core.client.ButtonCell.ButtonCellAppearance; import com.sencha.gxt.cell.core.client.ButtonCell.ButtonScale; import com.sencha.gxt.cell.core.client.ButtonCell.IconAlign; import com.sencha.gxt.cell.core.client.SplitButtonCell; import com.sencha.gxt.core.client.Style; import com.sencha.gxt.core.client.Style.Anchor; import com.sencha.gxt.core.client.XTemplates; import com.sencha.gxt.core.client.dom.XElement; import com.sencha.gxt.core.client.resources.StyleInjectorHelper; import edu.arizona.biosemantics.gxt.theme.green.client.ButtonDetails; import edu.arizona.biosemantics.gxt.theme.green.client.EdgeDetails; import edu.arizona.biosemantics.gxt.theme.green.client.ThemeDetails; public class Css3ButtonCellAppearance<M> implements ButtonCellAppearance<M> { public interface Css3ButtonResources extends ClientBundle { @ImageOptions(repeatStyle = RepeatStyle.None) ImageResource arrow(); @ImageOptions(repeatStyle = RepeatStyle.None) ImageResource arrowBottom(); @ImageOptions(repeatStyle = RepeatStyle.None) ImageResource split(); @ImageOptions(repeatStyle = RepeatStyle.None) ImageResource splitBottom(); @Source({ "Css3ButtonCell.css", "Css3ButtonCellToolBar.css" }) Css3ButtonStyle style(); ThemeDetails theme(); @ImageOptions(repeatStyle = RepeatStyle.None) @Source("toolBarArrow.png") ImageResource toolBarArrow(); @ImageOptions(repeatStyle = RepeatStyle.None) @Source("toolBarArrowBottom.png") ImageResource toolBarArrowBottom(); @ImageOptions(repeatStyle = RepeatStyle.None) @Source("toolBarButtonSplit.png") ImageResource toolBarSplit(); @ImageOptions(repeatStyle = RepeatStyle.None) @Source("toolBarButtonSplitBottom.png") ImageResource toolBarSplitBottom(); } public interface Css3ButtonStyle extends CssResource { String iconRight(); String iconTop(); String iconLeft(); String iconBottom(); String noText(); String split(); String button(); String buttonInner(); String over(); String pressed(); String focused(); String small(); String medium(); String large(); String arrow(); String arrowBottom(); String splitBottom(); } public interface Css3ButtonTemplates extends XTemplates { @XTemplate(source = "Css3ButtonCell.html") SafeHtml render(String value, Css3ButtonStyle style); } private final Css3ButtonResources resources; private final Css3ButtonStyle style; public Css3ButtonCellAppearance() { resources = GWT.create(Css3ButtonResources.class); style = resources.style(); StyleInjectorHelper.ensureInjected(resources.style(), true); } @Override public XElement getButtonElement(XElement parent) { return parent.getFirstChildElement().cast(); } @Override public XElement getFocusElement(XElement parent) { return parent.getFirstChildElement().cast(); } @Override public void onFocus(XElement parent, boolean focused) { parent.getFirstChildElement().<XElement>cast().setClassName(style.focused(), focused); } @Override public void onOver(XElement parent, boolean over) { parent.getFirstChildElement().<XElement>cast().setClassName(style.over(), over); } @Override public void onPress(XElement parent, boolean pressed) { parent.getFirstChildElement().<XElement>cast().setClassName(style.pressed(), pressed); } @Override public void onToggle(XElement parent, boolean pressed) { parent.getFirstChildElement().<XElement>cast().setClassName(style.pressed(), pressed); } @Override public void render(ButtonCell<M> cell, Context context, M value, SafeHtmlBuilder sb) { String constantHtml = cell.getHTML(); boolean hasConstantHtml = constantHtml != null && constantHtml.length() != 0; boolean isBoolean = value != null && value instanceof Boolean; // is a boolean always a toggle button? String text = hasConstantHtml ? cell.getText() : (value != null && !isBoolean) ? SafeHtmlUtils.htmlEscape(value.toString()) : ""; ImageResource icon = cell.getIcon(); IconAlign iconAlign = cell.getIconAlign(); String arrowClass = ""; String scaleClass = ""; String iconClass = ""; int width = cell.getWidth(); int height = cell.getHeight(); boolean hasIcon = cell.getIcon() != null; boolean isSplitButton = cell instanceof SplitButtonCell; boolean hasMenu = cell.getMenu() != null; boolean hasWidth = width != -1; if (cell.getMenu() != null) { if (cell instanceof SplitButtonCell) { switch (cell.getArrowAlign()) { case RIGHT: arrowClass = style.split(); break; case BOTTOM: arrowClass = style.splitBottom(); break; } } else { switch (cell.getArrowAlign()) { case RIGHT: arrowClass = style.arrow(); break; case BOTTOM: arrowClass = style.arrowBottom(); break; } } } ButtonScale scale = cell.getScale(); switch (scale) { case SMALL: scaleClass = style.small(); break; case MEDIUM: scaleClass = style.medium(); break; case LARGE: scaleClass = style.large(); break; } if (icon != null) { switch (iconAlign) { case TOP: iconClass = style.iconTop(); break; case BOTTOM: iconClass = style.iconBottom(); break; case LEFT: iconClass = style.iconLeft(); break; case RIGHT: iconClass = style.iconRight(); break; } } String buttonClass = style.button(); boolean hasText = text != null && !text.equals(""); if (!hasText) { buttonClass += " " + style.noText(); } // toggle button if (value == Boolean.TRUE) { buttonClass += " " + style.pressed(); } String innerClass = style.buttonInner() + " " + iconClass; innerClass += " " + arrowClass; innerClass += " " + scaleClass; SafeHtmlBuilder builder = new SafeHtmlBuilder(); SafeStylesBuilder ss = new SafeStylesBuilder(); if (height != -1) { ButtonDetails bd = resources.theme().button(); EdgeDetails padding = bd.padding(); EdgeDetails paddingInner = bd.radiusMinusBorderWidth(); int ah = height; ah -= padding.top(); ah -= padding.bottom(); ah -= paddingInner.top(); ah -= paddingInner.bottom(); ss.appendTrustedString("line-height: " + ah + "px;"); } builder.appendHtmlConstant("<div class='" + buttonClass + "'>"); // get iconbuilder ready SafeHtmlBuilder iconBuilder = new SafeHtmlBuilder(); if (icon != null) { int iconWidth = icon != null ? icon.getWidth() : 0; int iconHeight = icon != null ? icon.getHeight() : 0; String styles = "width: " + iconWidth + "px; height: " + iconHeight + "px;"; iconBuilder.appendHtmlConstant("<div class='" + iconClass + "' style='" + styles + "'>"); iconBuilder.append(AbstractImagePrototype.create(icon).getSafeHtml()); iconBuilder.appendHtmlConstant("</div>"); } // for left / right aligned icons with a fixed button width we render the icon outside of the inner div if (hasWidth && hasIcon && iconAlign == IconAlign.LEFT) { builder.append(iconBuilder.toSafeHtml()); } if (hasWidth && hasIcon && (iconAlign == IconAlign.LEFT)) { int tw = width - (resources.theme().button().borderRadius() * 2); if (isSplitButton && cell.getArrowAlign() == ButtonArrowAlign.RIGHT) { tw -= resources.split().getWidth() + 10; } if (!isSplitButton && iconAlign == IconAlign.LEFT && hasMenu && cell.getArrowAlign() == ButtonArrowAlign.RIGHT) { tw -= resources.arrow().getWidth() + 10; } if (hasIcon && iconAlign == IconAlign.LEFT) { tw -= icon.getWidth(); } ss.appendTrustedString("width: " + tw + "px;"); } builder.appendHtmlConstant("<div class='" + innerClass + "' style='" + ss.toSafeStyles().asString() + "'>"); if (icon != null) { if ((!hasWidth && iconAlign == IconAlign.LEFT) || iconAlign == IconAlign.TOP) { builder.append(iconBuilder.toSafeHtml()); } builder.appendHtmlConstant(text); if (iconAlign == IconAlign.RIGHT || iconAlign == IconAlign.BOTTOM) { builder.append(iconBuilder.toSafeHtml()); } } else { builder.appendHtmlConstant(text); } builder.appendHtmlConstant("</div></div>"); sb.append(builder.toSafeHtml()); } }