CandlesAnimView

Introduction: 动画设计想法来自于 Gal Shir 的 GIF 设计,右边的蜡烛吹灭左边的蜡烛,并不断循环作为 Loading,加入了停止动画的接口...
More: Author   ReportBugs   DemoAPK   
Tags:
LoadingView-加载动画-

  动画设计想法来自于 Gal Shir 的 GIF 设计,右边的蜡烛吹灭左边的蜡烛,并不断循环作为 Loading,加入了停止动画的接口,但是暂时没有想好结束动画应该用什么形式展示更自然,目前动画结束为停止蜡烛。

DEMO


结构


API


  暂时只写了结束动画的接口,但也加入了一些蜡烛动作的回调,如果有需要可以自行拓展其他方面的效果。

    //监听动画结束
    private StopAnimListener mStopAnimListener;

    public interface StopAnimListener{
        //结束动画调用后启动的方法。
        public void OnAnimStop();
    }

    public void setStopAnimListener(StopAnimListener l){
        this.mStopAnimListener = l;
    }
    /*
     调用 Loading 结束动画。
     */
    public void stopAnim(){
        mAnimControler.stopAnimation();
        if(mStopAnimListener != null){
            mStopAnimListener.OnAnimStop();
        }
    }
        mCandlesAnimView.setStopAnimListener(new CandlesAnimView.StopAnimListener() {
            @Override
            public void OnAnimStop() {
                Toast.makeText(MainActivity.this,"End Anim.",Toast.LENGTH_SHORT).show();
            }
        });

调用方式


  1. 配置 XML
    <com.yellow5a5.candlesanimlib.CandlesAnimView
        android:id="@+id/candles_view"
        android:layout_centerInParent="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
  1. Java 代码创建
        CandlesAnimView mCandlesAnimView = new CandlesAnimView(MainActivity.this);
        //...addView..
    

其它


  目前动画结束为停止吹熄蜡烛。适配上通过 View 本身的宽高的比例进行设置并不理想,可自行修改固定 mHeight 和 mWidth 的内部逻辑完善。

Apps
About Me
GitHub: Trinea
Facebook: Dev Tools