gwt.material.design.addins.client.masonry

Class MaterialMasonry

java.lang.Object

com.google.gwt.user.client.ui.UIObject

com.google.gwt.user.client.ui.Widget

com.google.gwt.user.client.ui.Panel

com.google.gwt.user.client.ui.ComplexPanel

gwt.material.design.client.base.MaterialWidget

gwt.material.design.client.ui.MaterialRow

gwt.material.design.addins.client.masonry.MaterialMasonry

All Implemented Interfaces:

com.google.gwt.event.dom.client.HasAllFocusHandlers, com.google.gwt.event.dom.client.HasAllGestureHandlers, com.google.gwt.event.dom.client.HasAllKeyHandlers, com.google.gwt.event.dom.client.HasAllMouseHandlers, com.google.gwt.event.dom.client.HasAllTouchHandlers, com.google.gwt.event.dom.client.HasBlurHandlers, com.google.gwt.event.dom.client.HasClickHandlers, com.google.gwt.event.dom.client.HasDoubleClickHandlers, com.google.gwt.event.dom.client.HasFocusHandlers, com.google.gwt.event.dom.client.HasGestureChangeHandlers, com.google.gwt.event.dom.client.HasGestureEndHandlers, com.google.gwt.event.dom.client.HasGestureStartHandlers, com.google.gwt.event.dom.client.HasKeyDownHandlers, com.google.gwt.event.dom.client.HasKeyPressHandlers, com.google.gwt.event.dom.client.HasKeyUpHandlers, com.google.gwt.event.dom.client.HasMouseDownHandlers, com.google.gwt.event.dom.client.HasMouseMoveHandlers, com.google.gwt.event.dom.client.HasMouseOutHandlers, com.google.gwt.event.dom.client.HasMouseOverHandlers, com.google.gwt.event.dom.client.HasMouseUpHandlers, com.google.gwt.event.dom.client.HasMouseWheelHandlers, com.google.gwt.event.dom.client.HasTouchCancelHandlers, com.google.gwt.event.dom.client.HasTouchEndHandlers, com.google.gwt.event.dom.client.HasTouchMoveHandlers, com.google.gwt.event.dom.client.HasTouchStartHandlers, com.google.gwt.event.logical.shared.HasAttachHandlers, com.google.gwt.event.shared.HasHandlers, com.google.gwt.user.client.EventListener, com.google.gwt.user.client.ui.Focusable, com.google.gwt.user.client.ui.HasEnabled, com.google.gwt.user.client.ui.HasVisibility, com.google.gwt.user.client.ui.HasWidgets, com.google.gwt.user.client.ui.HasWidgets.ForIsWidget, com.google.gwt.user.client.ui.IndexedPanel, com.google.gwt.user.client.ui.IndexedPanel.ForIsWidget, com.google.gwt.user.client.ui.IsWidget, HasMasonryHandler, gwt.material.design.client.base.HasAllDragAndDropHandlers, gwt.material.design.client.base.HasBorder, gwt.material.design.client.base.HasCenterOn, gwt.material.design.client.base.HasCircle, gwt.material.design.client.base.HasColors, gwt.material.design.client.base.HasDataAttributes, gwt.material.design.client.base.HasDepth, gwt.material.design.client.base.HasDimension, gwt.material.design.client.base.HasDraggableHandlers, gwt.material.design.client.base.HasDroppableHandlers, gwt.material.design.client.base.HasDurationTransition, gwt.material.design.client.base.HasFlexbox, gwt.material.design.client.base.HasFloat, gwt.material.design.client.base.HasFontSize, gwt.material.design.client.base.HasFontWeight, gwt.material.design.client.base.HasGrid, gwt.material.design.client.base.HasHideOn, gwt.material.design.client.base.HasHoverable, gwt.material.design.client.base.HasId, gwt.material.design.client.base.HasInitialClasses, gwt.material.design.client.base.HasInlineStyle, gwt.material.design.client.base.HasInteractionHandlers, gwt.material.design.client.base.HasOpacity, gwt.material.design.client.base.HasOrientation, gwt.material.design.client.base.HasOrientationChangeHandler, gwt.material.design.client.base.HasReload, gwt.material.design.client.base.HasScrollspy, gwt.material.design.client.base.HasSeparator, gwt.material.design.client.base.HasShadow, gwt.material.design.client.base.HasShowOn, gwt.material.design.client.base.HasTextAlign, gwt.material.design.client.base.HasTooltip, gwt.material.design.client.base.HasTransform, gwt.material.design.client.base.HasVerticalAlign, gwt.material.design.client.base.HasWaves, gwt.material.design.client.base.JsLoader, Iterable<com.google.gwt.user.client.ui.Widget>

public class MaterialMasonry
extends gwt.material.design.client.ui.MaterialRow
implements gwt.material.design.client.base.JsLoader, gwt.material.design.client.base.HasDurationTransition, HasMasonryHandler

Masonry works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall.

XML Namespace Declaration

 
 xmlns:m.addins='urn:import:gwt.material.design.addins.client.ui'
 
 

UiBinder Usage:

 {

Author:

kevzlou7979

See Also:

Material Masonry, Masonry 4.0.0

Nested Class Summary

Nested classes/interfaces inherited from class gwt.material.design.client.base.MaterialWidget

gwt.material.design.client.base.MaterialWidget.Feature

Nested classes/interfaces inherited from class com.google.gwt.user.client.ui.UIObject

com.google.gwt.user.client.ui.UIObject.DebugIdImpl, com.google.gwt.user.client.ui.UIObject.DebugIdImplEnabled

Nested classes/interfaces inherited from interface com.google.gwt.user.client.ui.IndexedPanel

com.google.gwt.user.client.ui.IndexedPanel.ForIsWidget

Nested classes/interfaces inherited from interface com.google.gwt.user.client.ui.HasWidgets

com.google.gwt.user.client.ui.HasWidgets.ForIsWidget

Field Summary

Fields inherited from class gwt.material.design.client.base.MaterialWidget

$this

Fields inherited from class com.google.gwt.user.client.ui.UIObject

DEBUG_ID_PREFIX

Constructor Summary

Constructors

Constructor and Description
MaterialMasonry()

Method Summary

Modifier and Type	Method and Description
void	add(com.google.gwt.user.client.ui.Widget child)
protected void	add(com.google.gwt.user.client.ui.Widget child, com.google.gwt.user.client.Element container)
com.google.gwt.event.shared.HandlerRegistration	addLayoutCompleteHandler(LayoutCompleteEvent.LayoutCompleteHandler handler)
com.google.gwt.event.shared.HandlerRegistration	addRemoveCompleteHandler(RemoveCompleteEvent.RemoveCompleteHandler handler)
void	clear()
int	getDuration()
String	getItemSelector() Get the item selector.
gwt.material.design.client.base.MaterialWidget	getSizerDiv()
protected void	insert(com.google.gwt.user.client.ui.Widget child, com.google.gwt.user.client.Element container, int beforeIndex, boolean domInsert)
void	insert(com.google.gwt.user.client.ui.Widget child, int beforeIndex)
boolean	isOriginLeft() Get the boolean value of origin left.
boolean	isOriginTop() Get the boolean value of origin top.
boolean	isPercentPosition() Get the percent position boolean value.
protected void	layout() Layout remaining item elements
void	load()
protected void	masonryRemove(com.google.gwt.user.client.ui.Widget target) Remove the item with Masonry support
protected void	onLoad()
protected void	onUnload()
void	reload()
protected void	reloadItems() Reload all items inside the masonry
boolean	remove(int index)
boolean	remove(com.google.gwt.user.client.ui.IsWidget child)
boolean	remove(com.google.gwt.user.client.ui.Widget w)
void	setDuration(int duration)
void	setItemSelector(String itemSelector) Specifies which child elements will be used as item elements in the layout.It's .col by default for grid components.
void	setOriginLeft(boolean originLeft) Controls the horizontal flow of the layout.
void	setOriginTop(boolean originTop) Controls the vertical flow of the layout.
void	setPercentPosition(boolean percentPosition) Sets item positions in percent values, rather than pixel values.
void	unload()

Methods inherited from class gwt.material.design.client.base.MaterialWidget

$this, addAttachHandler, addBlurHandler, addClickHandler, addDoubleClickHandler, addDragEndHandler, addDragEnterHandler, addDragLeaveHandler, addDragMoveHandler, addDragOverHandler, addDragStartHandler, addDropActivateHandler, addDropDeactivateHandler, addDropHandler, addFocusHandler, addGestureChangeHandler, addGestureEndHandler, addGestureStartHandler, addKeyDownHandler, addKeyPressHandler, addKeyUpHandler, addMouseDownHandler, addMouseMoveHandler, addMouseOutHandler, addMouseOverHandler, addMouseUpHandler, addMouseWheelHandler, addOrientationChangeHandler, addTouchCancelHandler, addTouchEndHandler, addTouchMoveHandler, addTouchStartHandler, body, clearActiveClass, enableFeature, getBackfaceVisibility, getBackgroundColor, getBorder, getBorderBottom, getBorderLeft, getBorderMixin, getBorderRadius, getBorderRight, getBorderTop, getCenterOn, getCenterOnMixin, getChildren, getChildrenList, getCircleMixin, getColorsMixin, getDataAttribute, getDepth, getDimensionMixin, getEnabledMixin, getFlexboxMixin, getFloat, getFloatMixin, getFocusableMixin, getFontSize, getFontSizeMixin, getFontWeight, getFontWeightMixin, getGridMixin, getHandlerRegistry, getHideOn, getHideOnMixin, getHoverableMixin, getId, getIdMixin, getInitialClasses, getLayoutPosition, getMaxHeight, getMaxWidth, getMinHeight, getMinWidth, getOpacity, getOrientation, getOrientationMixin, getPerspective, getPerspectiveOrigin, getScrollspy, getScrollspyMixin, getSeparatorMixin, getShadow, getShadowMixin, getShowOn, getShowOnMixin, getTabIndex, getTextAlign, getTextAlignMixin, getTextColor, getTooltip, getTooltipDelayMs, getTooltipHTML, getTooltipMixin, getTooltipPosition, getTransform, getTransformMixin, getTransformOrigin, getTransformStyle, getTruncateMixin, getVerticalAlign, getVerticalAlignMixin, getWaves, getWavesMixin, getWidth, isCircle, isDetectOrientation, isEnabled, isFeatureEnabled, isHoverable, isSeparator, isTruncate, registerHandler, removeHandler, setAccessKey, setBackfaceVisibility, setBackgroundColor, setBorder, setBorderBottom, setBorderLeft, setBorderRadius, setBorderRight, setBorderTop, setBottom, setCenterOn, setCircle, setClass, setDataAttribute, setDepth, setDetectOrientation, setDisplay, setEnabled, setFlex, setFlexAlignContent, setFlexAlignItems, setFlexAlignSelf, setFlexBasis, setFlexDirection, setFlexGrow, setFlexJustifyContent, setFlexOrder, setFlexShrink, setFlexWrap, setFloat, setFocus, setFontSize, setFontSize, setFontWeight, setGrid, setGwtDisplay, setHideOn, setHoverable, setId, setInitialClasses, setLayoutPosition, setLeft, setLineHeight, setMargin, setMarginBottom, setMarginLeft, setMarginRight, setMarginTop, setMaxHeight, setMaxWidth, setMinHeight, setMinWidth, setOffset, setOpacity, setOrientation, setOverflow, setPadding, setPaddingBottom, setPaddingLeft, setPaddingRight, setPaddingTop, setPerspective, setPerspectiveOrigin, setRight, setScrollspy, setSeparator, setShadow, setShowOn, setStyle, setTabIndex, setTextAlign, setTextColor, setTooltip, setTooltipDelayMs, setTooltipHTML, setTooltipPosition, setTop, setTransform, setTransformOrigin, setTransformStyle, setTransition, setTruncate, setVerticalAlign, setVisibility, setWaves, stopTouchStartEvent, validate, window

Methods inherited from class com.google.gwt.user.client.ui.ComplexPanel

add, adjustIndex, checkIndexBoundsForAccess, checkIndexBoundsForInsertion, getWidget, getWidgetCount, getWidgetIndex, getWidgetIndex, insert, iterator

Methods inherited from class com.google.gwt.user.client.ui.Panel

add, adopt, doAttachChildren, doDetachChildren, orphan

Methods inherited from class com.google.gwt.user.client.ui.Widget

addAttachHandler, addBitlessDomHandler, addDomHandler, addHandler, asWidget, asWidgetOrNull, createHandlerManager, delegateEvent, fireEvent, getHandlerCount, getLayoutData, getParent, isAttached, isOrWasAttached, onAttach, onBrowserEvent, onDetach, removeFromParent, setLayoutData, sinkEvents, unsinkEvents

Methods inherited from class com.google.gwt.user.client.ui.UIObject

addStyleDependentName, addStyleName, ensureDebugId, ensureDebugId, ensureDebugId, getAbsoluteLeft, getAbsoluteTop, getElement, getOffsetHeight, getOffsetWidth, getStyleElement, getStyleName, getStyleName, getStylePrimaryName, getStylePrimaryName, getTitle, isVisible, isVisible, onEnsureDebugId, removeStyleDependentName, removeStyleName, resolvePotentialElement, setElement, setElement, setHeight, setPixelSize, setSize, setStyleDependentName, setStyleName, setStyleName, setStyleName, setStyleName, setStylePrimaryName, setStylePrimaryName, setTitle, setVisible, setVisible, setWidth, sinkBitlessEvent, toString

Methods inherited from class java.lang.Object

clone, equals, finalize, getClass, hashCode, notify, notifyAll, wait, wait, wait

Methods inherited from interface gwt.material.design.client.base.HasFlexbox

setVisible

Methods inherited from interface com.google.gwt.event.shared.HasHandlers

fireEvent

Methods inherited from interface java.lang.Iterable

forEach, spliterator

Constructor Detail

MaterialMasonry

public MaterialMasonry()

Method Detail

onLoad

protected void onLoad()

Overrides:

onLoad in class gwt.material.design.client.base.MaterialWidget

load

public void load()

Specified by:

load in interface gwt.material.design.client.base.JsLoader

onUnload

protected void onUnload()

Overrides:

onUnload in class gwt.material.design.client.base.MaterialWidget

unload

public void unload()

Specified by:

unload in interface gwt.material.design.client.base.JsLoader

reload

public void reload()

Specified by:

reload in interface gwt.material.design.client.base.HasReload

remove

public boolean remove(com.google.gwt.user.client.ui.Widget w)

Specified by:

remove in interface com.google.gwt.user.client.ui.HasWidgets

Overrides:

remove in class com.google.gwt.user.client.ui.ComplexPanel

remove

public boolean remove(int index)

Specified by:

remove in interface com.google.gwt.user.client.ui.IndexedPanel

Overrides:

remove in class com.google.gwt.user.client.ui.ComplexPanel

remove

public boolean remove(com.google.gwt.user.client.ui.IsWidget child)

Specified by:

remove in interface com.google.gwt.user.client.ui.HasWidgets.ForIsWidget

Overrides:

remove in class com.google.gwt.user.client.ui.Panel

masonryRemove

protected void masonryRemove(com.google.gwt.user.client.ui.Widget target)

Remove the item with Masonry support

clear

public void clear()

Specified by:

clear in interface com.google.gwt.user.client.ui.HasWidgets

Overrides:

clear in class com.google.gwt.user.client.ui.Panel

add

public void add(com.google.gwt.user.client.ui.Widget child)

Specified by:

add in interface com.google.gwt.user.client.ui.HasWidgets

Overrides:

add in class gwt.material.design.client.base.MaterialWidget

add

protected void add(com.google.gwt.user.client.ui.Widget child,
                   com.google.gwt.user.client.Element container)

Overrides:

add in class gwt.material.design.client.base.MaterialWidget

insert

protected void insert(com.google.gwt.user.client.ui.Widget child,
                      com.google.gwt.user.client.Element container,
                      int beforeIndex,
                      boolean domInsert)

Overrides:

insert in class gwt.material.design.client.base.MaterialWidget

insert

public void insert(com.google.gwt.user.client.ui.Widget child,
                   int beforeIndex)

Overrides:

insert in class gwt.material.design.client.base.MaterialWidget

reloadItems

protected void reloadItems()

Reload all items inside the masonry

layout

protected void layout()

Layout remaining item elements

getItemSelector

public String getItemSelector()

Get the item selector.

setItemSelector

public void setItemSelector(String itemSelector)

Specifies which child elements will be used as item elements in the layout.It's .col by default for grid components.

isPercentPosition

public boolean isPercentPosition()

Get the percent position boolean value.

setPercentPosition

public void setPercentPosition(boolean percentPosition)

Sets item positions in percent values, rather than pixel values. percentPosition: true works well with percent-width items, as items will not transition their position on resize.

isOriginLeft

public boolean isOriginLeft()

Get the boolean value of origin left.

setOriginLeft

public void setOriginLeft(boolean originLeft)

Controls the horizontal flow of the layout. By default, item elements start positioning at the left, with originLeft: true. Set originLeft: false for right-to-left layouts.

isOriginTop

public boolean isOriginTop()

Get the boolean value of origin top.

setOriginTop

public void setOriginTop(boolean originTop)

Controls the vertical flow of the layout. By default, item elements start positioning at the top, with originTop: true. Set originTop: false for bottom-up layouts. It’s like Tetris

getSizerDiv

public gwt.material.design.client.base.MaterialWidget getSizerDiv()

setDuration

public void setDuration(int duration)

Specified by:

setDuration in interface gwt.material.design.client.base.HasDurationTransition

getDuration

public int getDuration()

Specified by:

getDuration in interface gwt.material.design.client.base.HasDurationTransition

addLayoutCompleteHandler

public com.google.gwt.event.shared.HandlerRegistration addLayoutCompleteHandler(LayoutCompleteEvent.LayoutCompleteHandler handler)

Specified by:

addLayoutCompleteHandler in interface HasMasonryHandler

addRemoveCompleteHandler

public com.google.gwt.event.shared.HandlerRegistration addRemoveCompleteHandler(RemoveCompleteEvent.RemoveCompleteHandler handler)

Specified by:

addRemoveCompleteHandler in interface HasMasonryHandler