gwt.material.design.client.ui.animate.MaterialAnimator Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of gwt-material Show documentation
A Material Design look and feel for GWT Applications
There is a newer version: 2.8.3
package gwt.material.design.client.ui.animate;

/*
 * #%L
 * GwtMaterialDesign
 * %%
 * Copyright (C) 2015 GwtMaterial
 * %%
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * #L%
 */

import com.google.gwt.user.client.DOM;
import com.google.gwt.user.client.Timer;
import com.google.gwt.user.client.ui.Widget;
import gwt.material.design.client.ui.html.ListItem;
import gwt.material.design.client.ui.html.UnorderedList;

/**
 * Provides core and meaningful animation
 * @author kevzlou7979
 */
public class MaterialAnimator {

    public static void animate(final Transition transition, final Widget w, int delayMillis, Runnable callback) {
        animate(transition, w, delayMillis, 800, callback);
    }

    public static void animate(final Transition transition, final Widget w, int delayMillis, int durationMillis) {
        animate(transition, w, delayMillis, durationMillis, null);
    }

    public static void animate(final Transition transition, final Widget w, int delayMillis) {
        animate(transition, w, delayMillis, 800, null);
    }

    public static void animate(final Transition transition, final Widget w, int delayMillis, final int durationMillis, final Runnable callback) {
        final String name = String.valueOf(DOM.createUniqueId());
        w.getElement().setId(name);
        w.getElement().getStyle().setProperty("WebkitAnimationDuration",durationMillis+"ms");
        w.getElement().getStyle().setProperty("animationDuration",durationMillis+"ms");
        switch (transition) {
            case SHOW_STAGGERED_LIST:
                if(w instanceof UnorderedList) {
                    UnorderedList ul = (UnorderedList) w;

                    for(Widget li : ul) {
                        if(li instanceof ListItem) {
                            li.getElement().getStyle().setOpacity(0);
                        }
                    }
                }
                break;
            case SHOW_GRID:
                w.getElement().getStyle().setOpacity(0);
                break;
            default:
                break;
        }

        new Timer() {
            @Override
            public void run() {
                switch (transition) {
                    case SHOW_STAGGERED_LIST:
                        showStaggeredList(name);
                        break;
                    case FADE_IN_IMAGE:
                        fadeInImage(name);
                        break;
                    case SHOW_GRID:
                        w.addStyleName("display-animation");
                        showGrid(name);
                        break;
                    case CLOSE_GRID:
                        w.addStyleName("display-animation");
                        closeGrid(name);
                        break;
                    default:
                        // For core animation components
                        w.addStyleName("animated " + transition.getCssName());
                        animationFinishedCallback(name, "animated " + transition.getCssName(), durationMillis, callback);
                        break;
                }
            }
        }.schedule(delayMillis);

        w.removeStyleName("materialcss");
    }

    protected static native void animationFinishedCallback(String name, String oldClass, int durationMillis, Runnable callback) /*-{
        //$wnd.jQuery('#' + name).css("animationDuration", + durationMillis + "ms");
        $wnd.jQuery('#' +  name).one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() {
            if(callback != null) {
                [email protected]::run()();
            }
            $wnd.jQuery('#' +  name).removeClass(oldClass);
        });
    }-*/;

    protected static native void closeGrid(String name) /*-{
        $wnd.closeGrid('#' + name);
    }-*/;

    protected static native void showGrid(String name) /*-{
        $wnd.showGrid('#' + name);
    }-*/;

    protected static native void fadeInImage(String name) /*-{
        $wnd.Materialize.fadeInImage('#' + name);
    }-*/;

    protected static native void showStaggeredList(String name) /*-{
        $wnd.Materialize.showStaggeredList('#' + name);
    }-*/;
}