效果:

>

需要知识:

1. 二次贝塞尔曲线

2. 动画知识

3. 基础自定义view知识

先来解释下什么叫阻尼运动

阻尼振动是指，由于振动系统受到摩擦和介质阻力或其他能耗而使振幅随时间逐渐衰减的振动，又称减幅振动、衰减振动。[1] 不论是弹簧振子还是单摆由于外界的摩擦和介质阻力总是存在，在振动过程中要不断克服外界阻力做功，消耗能量，振幅就会逐渐减小，经过一段时间，振动就会完全停下来。这种振幅随时间减小的振动称为阻尼振动．因为振幅与振动的能量有关，阻尼振动也就是能量不断减少的振动．阻尼振动是非简谐运动．阻尼振动系统属于耗散系统。这里的阻尼是指任何振动系统在振动中，由于外界作用或系统本身固有的原因引起的振动幅度逐渐下降的特性，以及此一特性的量化表征。

本例中文字部分凹陷就是这种效果,当然这篇文章知识带你简单的使用.

跳动的水果效果实现

剖析:从上面的效果图中很面就是从顶端向下掉落然后再向上 期间旋转即可.

那么我们首先自定义一个view继承FrameLayout

  1. public class My extends FrameLayout {
  3.     public My(Context context) {
  4.         super(context);
  5.     }
  7.     public My(Context context, AttributeSet attrs) {
  8.         super(context, attrs);
  10.     }
  12. }

需要素材如下三张图片:





也许有人会问我看到你效果图到顶部或者底部就变成向上或者向下了.你三张够吗?

答:到顶部或者底部旋转180度即可

我们现在自定义中定义几个变量


  2.     //用于记录当前图片使用数组中的哪张
  3.     int indexImgFlag = 0;
  5.     //下沉图片 前面三个图片的id
  6.     int allImgDown [] = {R.mipmap.p2,R.mipmap.p4,R.mipmap.p6,R.mipmap.p8};
  8.     //动画效果一次下沉或上弹的时间 animationDuration*2=一次完整动画时间
  9.     int animationDuration = 1000;
  11.     //弹起来的图片
  12.     ImageView iv;
  14.     //图片下沉高度(即从最高点到最低点的距离)
  15.     int downHeight = 2;
  16.     //掉下去的动画
  17.     private Animation translateDown;
  18.     //弹起动画
  19.     private Animation translateUp;
  20.     //旋转动画
  21.     private ObjectAnimator rotation;

我们再来看看初始化动画的方法(此方法使用了递归思想,实现无限播放动画,大家可以看看哪里不理解)

  1.  //初始化弹跳动画
  2.     public void  MyAnmation(){
  3.         //下沉效果动画
  4.         translateDown = new TranslateAnimation(
  5.                 Animation.RELATIVE_TO_SELF,0,Animation.RELATIVE_TO_SELF,0,
  6.                 Animation.RELATIVE_TO_SELF,0,Animation.RELATIVE_TO_SELF,downHeight);
  7.         translateDown.setDuration(animationDuration);
  8.         //设置一个插值器 动画将会播放越来越快 模拟重力
  9.         translateDown.setInterpolator(new AccelerateInterpolator());
  11.         //上弹动画
  12.         translateUp = new TranslateAnimation(
  13.          Animation.RELATIVE_TO_SELF,0,Animation.RELATIVE_TO_SELF,0,
  14.           Animation.RELATIVE_TO_SELF,downHeight,Animation.RELATIVE_TO_SELF,0
  15.        );
  17.         translateUp.setDuration(animationDuration);
  18.         ////设置一个插值器 动画将会播放越来越慢 模拟反重力
  19.         translateUp.setInterpolator(new DecelerateInterpolator());
  21.         //当下沉动画完成时播放启动上弹
  22.         translateDown.setAnimationListener(new Animation.AnimationListener() {
  23.             @Override
  24.             public void onAnimationStart(Animation animation) {
  25.                 iv.setImageResource(allImgDown[indexImgFlag]);
  26.                 rotation = ObjectAnimator.ofFloat(iv, "rotation", 180f, 360f);
  27.                 rotation.setDuration(1000);
  28.                 rotation.start();
  29.             }
  31.             @Override
  32.             public void onAnimationEnd(Animation animation) {
  34.                 iv.startAnimation(translateUp);
  36.             }
  38.             @Override
  39.             public void onAnimationRepeat(Animation animation) {
  41.             }
  42.         });
  44.         //当上移动画完成时 播放下移动画
  45.         translateUp.setAnimationListener(new Animation.AnimationListener() {
  46.             @Override
  47.             public void onAnimationStart(Animation animation) {
  48.                 indexImgFlag = 1+indexImgFlag>=allImgDown.length?0:1+indexImgFlag;
  49.                 iv.setImageResource(allImgDown[indexImgFlag]);
  50.                 rotation = ObjectAnimator.ofFloat(iv, "rotation", 0.0f, 180f);
  51.                 rotation.setDuration(1000);
  53.                 rotation.start();
  54.             }
  56.             @Override
  57.             public void onAnimationEnd(Animation animation) {
  58.                 //递归
  59.                 iv.startAnimation(translateDown);
  61.             }
  63.             @Override
  64.             public void onAnimationRepeat(Animation animation) {
  66.             }
  67.         });
  68.     }

以上代码知识:

插值器:会让一个动画在播放时在某一时间段加快动画或者减慢

//设置一个插值器 动画将会播放越来越快 模拟重力

1. translateDown.setInterpolator(new AccelerateInterpolator());

这个插值器 速率表示图:

可以从斜率看到使用此插值器 动画将越来越快.意义在于模仿下落时重力的影响

////设置一个插值器 动画将会播放越来越慢 模拟反重力

2. translateUp.setInterpolator(new DecelerateInterpolator());

速率图:

最后我们初始化下图片控件到我们的自定义view

private void init() {

  1.     //初始化弹跳图片 控件
  2.     iv = new ImageView(getContext());
  4.     ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(
  5.             ViewGroup.LayoutParams.WRAP_CONTENT,
  6.             ViewGroup.LayoutParams.WRAP_CONTENT);
  8.     iv.setLayoutParams(params);
  9.     iv.setImageResource(allImgDown[0]);
  11.     this.addView(iv);
  13.     iv.measure(0,0);
  15.     iv.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
  16.         @Override
  17.         public void onGlobalLayout() {
  19.             if (!flagMeure)
  20.             {
  21.                 flagMeure =true;
  22.                 //由于画文字是由基准线开始
  23.                 path.moveTo(iv.getX()-textWidth/2+iv.getWidth()/2, textHeight+iv.getHeight()+downHeight*iv.getHeight());
  25.                 //计算最大弹力
  26.                 maxElasticFactor = (float) (textHeight / elastic);
  27.                 //初始化贝塞尔曲线
  28.                 path.rQuadTo(textWidth / 2, 0, textWidth, 0);
  30.                 //初始化上弹和下沉动画
  31.                 MyAnmation();
  33.                 iv.startAnimation(translateDown);
  34.             }
  35.         }
  36.     });

}

上面的知识:

1. iv.measure(0,0);主动通知系统去测量此控件 不然iv.getwidth = 0;

//下面这个是同理 等iv测量完时回调 不然iv.getwidth = 0;

2. iv.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener(){

…

}

原因:TextView tv = new TextView() 或者 LayoutInflat 填充布局都是

异步所以你在new出来或者填充时直接获取自然返回0

到现在为止你只需要在自定义view 的onSizeChanged回调方法中调用init()即可看到动画的弹动

  1. @Override
  2.     protected void onSizeChanged(int w, int h, int oldw, int oldh) {
  3.         super.onSizeChanged(w, h, oldw, oldh);
  4.         init();
  5.     }

此方法会在onmesure方法执行完成后回调 这样你就可以在此方法获得自定义view的宽高了

效果图:

画文字成u形

首先你得知道如下知识

贝塞尔曲线:具体学习

这里我们用到2此贝塞尔曲线

我们看看大概是什么叫2次贝塞尔曲线



我们看看 三个点 p0 p1 p2 我们 把p0 称为 开始点 p1 为控制点 p2 结束点,那么可以用贝塞尔公式画出如图曲线

这里大家没必要深究怎么画出来. 也不需要你懂 这个要数学基础的

那么我们在安卓中怎么画呢?

  1.  Path path = new Path();
  2. //p0的x y坐标
  3. path.moveTo(p0.x,y);
  4. path.rQuadTo(p1.x,p1.y,p2.x,p2.y);

这就是API调用方法是不是很简单?那么你又会问那么怎么画出来呢?

很简单在 dispatchDraw方法 或者onDraw中 调用

  1.   @Override
  2.     protected void dispatchDraw(Canvas canvas) {
  3.         super.dispatchDraw(canvas);
  4.         canvas.drawPath(path,paint);
  5.     }

那么你画出来的效果应该和在Ps用钢笔画出来的差不多 ps中钢笔工具就是二次贝塞尔曲线



(借用下图片)

如果你的三个点的位置如刚开的图片 p0 p1 p2 (p1在p0右上方并且 p1在p2左上方)一样那么在屏幕中的显示效果如下



这里随扩张下dispatchDraw和ondraw的区别

如果你的自定义view 是继承view 那么 会先调用 ondraw->>dispatchDraw

如果你的自定义view 是继承viewgroup那么会跳过ondraw方法直接调用dispathchDraw这里特别注意!!我们这个案例中继承的是FrameLayout,

而frameLayout又是继承自viewgroup所以….

那么我们回到主题 如何画一个U形文字?简单就是说按照我们画出来的曲线在上面写字 如: 文字是”CSDN开源中国” 如何让这几个字贴着我们的曲线写出来?

这里介绍一个API

canvas.drawTextOnPath()



第一个参数:文字 类型为字符串

第二个参数:路径 也就是我们前面的二次贝塞尔曲线

第三个参数:沿着路径文字开始的位置 说白了偏移量

第四个参数:贴着路径的高度的偏移量

hOffset:

The distance along the path to add to the text’s starting position

vOffset:

The distance above(-) or below(+) the path to position the text

//ok我们看看他可以画出什么样子的文字

这种看大家对贝塞尔曲线的理解,你理解的越深那么你可以画出的图像越多,当然不一定要用贝塞尔曲线

确定贝塞尔曲线的起点

我们在回过头来看看我们的效果图

我们可以看到文字应该是在iv(弹跳的图片中央位置且正好在 iv弹到底部的位置)

这里我们先补充知识在考虑计算

我们来学习一下文字的测量我们来看幅图

我们调用画文字的API时

canvas.drawTextOnPath或者canvas.drawText 是从基准线开始画的也就是说途中的baseline开始画.

如:

canvas.drawText(“FMY”,0,0,paint);

那么你将看不到文字 只能在屏幕看到文字底部如下图:

另一个同理API drawTextOnPath 也是

再看看几个简单的API

1 . paint.measureText(“FMY”);返回在此画笔paint下写FMY文字的宽度

下面的API会把文字的距离左边left 上边top 右边right 底部的bottom的值写入此矩形 那么

rect.right-rect.left=文字宽度

rect.bottom-rect.top=文字高度

  1.   //矩形
  2.  Rect   rect = new Rect();
  3.  //将文字画入矩形目的是为了测量高度
  4.  paint.getTextBounds(printText, 0, printText.length(), rect);

那么请看:

  1.  private void init() {
  3.         //初始化弹跳图片 控件
  4.         iv = new ImageView(getContext());
  6.         ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(
  7.                 ViewGroup.LayoutParams.WRAP_CONTENT,
  8.                 ViewGroup.LayoutParams.WRAP_CONTENT);
  10.         iv.setLayoutParams(params);
  11.         iv.setImageResource(allImgDown[0]);
  13.         this.addView(iv);
  15.         //画笔的初始化
  16.         paint = new Paint();
  17.         paint.setStrokeWidth(1);
  18.         paint.setColor(Color.CYAN);
  19.         paint.setStyle(Paint.Style.FILL);
  20.         paint.setTextSize(50);
  21.         paint.setAntiAlias(true);
  23.         //矩形
  24.      Rect   rect = new Rect();
  25.         //将文字画入矩形目的是为了测量高度
  26.         paint.getTextBounds(printText, 0, printText.length(), rect);
  28.         //文本宽度
  29.         textWidth = paint.measureText(printText);
  31.         //获得文字高度
  32.         textHeight = rect.bottom - rect.top;
  34.         //初始化路径
  35.         path = new Path();
  37.         iv.setX(getWidth()/2);
  39.         iv.measure(0,0);
  41.         iv.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
  42.             @Override
  43.             public void onGlobalLayout() {
  45.                 if (!flagMeure)
  46.                 {
  47.                     flagMeure =true;
  49.                     //由于画文字是由基准线开始
  50.                     path.moveTo(iv.getX()-textWidth/2+iv.getWidth()/2, textHeight+iv.getHeight()+downHeight*iv.getHeight());
  52.                     //计算最大弹力
  53.                     maxElasticFactor = (float) (textHeight / elastic);
  54.                     //初始化贝塞尔曲线
  55.                     path.rQuadTo(textWidth / 2, 0, textWidth, 0);
  57.                     //初始化上弹和下沉动画
  58.                     MyAnmation();
  60.                     iv.startAnimation(translateDown);
  61.                 }
  62.             }
  63.         });
  65.     }

我们现在写一个类当iv图片(弹跳图)碰到文字顶部时设置一个监听器 时间正好是弹图向上到顶部的时间 期间不断让文字凹陷在恢复正常

  1.   //用于播放文字下沉和上浮动画传入的数值必须是 图片下沉和上升的一次时间
  2.     public void initAnimation(int duration){
  3.         //这里为什maxElasticFactor/4 好看...另一个同理 这个数值大家自行调整
  4.         ValueAnimator animator =  ValueAnimator.ofFloat(maxElasticFactor/4, (float) (maxElasticFactor / 1.5),0);
  5.         animator.setDuration(duration/2);
  6.         animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
  7.             @Override
  8.             public void onAnimationUpdate(ValueAnimator animation) {
  9.                 calc();//重新画路径
  10.                 nowElasticFactor= (float) animation.getAnimatedValue();
  11.                 postInvalidate();
  12.             }
  13.         });
  14.         animator.start();
  15.     }

再来一个重新绘画路径计算的方法

  1.    public void calc(){
  3.         //重置路径
  4.         path.reset();
  5.         //由于画文字是由基准线开始
  6.         path.moveTo(iv.getX()-textWidth/2+iv.getWidth()/2, textHeight+iv.getHeight()+downHeight*iv.getHeight());
  7.         //画二次贝塞尔曲线
  8.         path.rQuadTo(textWidth / 2, nowElasticFactor, textWidth, 0);
  10.     }

好了到这里我们看看完整源码吧:

  1. package com.example.administrator.myapplication;
  3. import android.animation.ObjectAnimator;
  4. import android.animation.ValueAnimator;
  5. import android.content.Context;
  6. import android.graphics.Canvas;
  7. import android.graphics.Color;
  8. import android.graphics.Paint;
  9. import android.graphics.Path;
  10. import android.graphics.Rect;
  11. import android.util.AttributeSet;
  12. import android.view.ViewGroup;
  13. import android.view.ViewTreeObserver;
  14. import android.view.animation.AccelerateInterpolator;
  15. import android.view.animation.Animation;
  16. import android.view.animation.DecelerateInterpolator;
  17. import android.view.animation.TranslateAnimation;
  18. import android.widget.FrameLayout;
  19. import android.widget.ImageView;
  21. public class My extends FrameLayout {
  23.     //画笔
  24.     private Paint paint;
  25.     //路径
  26.     private Path path;
  27.     //要输入的文本
  28.     private String printText = "正在加载";
  29.     //文本宽
  30.     private float textWidth;
  31.     //文本高
  32.     private float textHeight;
  33.     //测量文字宽高的时候使用的矩形
  34.     private Rect rect;
  35.     //最大弹力系数
  36.     private float elastic = 1.5f;
  38.     //最大弹力
  39.     private float maxElasticFactor;
  41.     //当前弹力
  42.     private float nowElasticFactor;
  44.     //用于记录当前图片使用数组中的哪张
  45.     int indexImgFlag = 0;
  47.     //下沉图片
  48.     int allImgDown [] = {R.mipmap.p2,R.mipmap.p4,R.mipmap.p6,R.mipmap.p8};
  50.     //动画效果一次下沉或上弹的时间 animationDuration*2=一次完整动画时间
  51.     int animationDuration = 1000;
  53.     //弹起来的图片
  54.     ImageView iv;
  56.     //图片下沉高度(即从最高点到最低点的距离)
  57.     int downHeight = 2;
  58.     private Animation translateDown;
  59.     private Animation translateUp;
  61.     private ObjectAnimator rotation;
  63.     public My(Context context) {
  64.         super(context);
  65.     }
  67.     public My(Context context, AttributeSet attrs) {
  68.         super(context, attrs);
  70.     }
  72.     @Override
  73.     protected void dispatchDraw(Canvas canvas) {
  74.         super.dispatchDraw(canvas);
  75.         canvas.drawTextOnPath(printText, path, 0, 0, paint);
  76.     }
  78.     //用于播放文字下沉和上浮动画传入的数值必须是 图片下沉和上升的一次时间
  79.     public void initAnimation(int duration){
  80.         //这里为什maxElasticFactor/4为什么
  81.         ValueAnimator animator =  ValueAnimator.ofFloat(maxElasticFactor/4, (float) (maxElasticFactor / 1.5),0);
  82.         animator.setDuration(duration/2);
  83.         animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
  84.             @Override
  85.             public void onAnimationUpdate(ValueAnimator animation) {
  86.                 calc();
  87.                 nowElasticFactor= (float) animation.getAnimatedValue();
  88.                 postInvalidate();
  89.             }
  90.         });
  91.         animator.start();
  92.     }
  94.     public void calc(){
  96.         //重置路径
  97.         path.reset();
  98.         //由于画文字是由基准线开始
  99.         path.moveTo(iv.getX()-textWidth/2+iv.getWidth()/2, textHeight+iv.getHeight()+downHeight*iv.getHeight());
  100.         //画二次贝塞尔曲线
  101.         path.rQuadTo(textWidth / 2, nowElasticFactor, textWidth, 0);
  103.     }
  105.     //初始化弹跳动画
  106.     public void  MyAnmation(){
  107.         //下沉效果动画
  108.         translateDown = new TranslateAnimation(
  109.                 Animation.RELATIVE_TO_SELF,0,Animation.RELATIVE_TO_SELF,0,
  110.                 Animation.RELATIVE_TO_SELF,0,Animation.RELATIVE_TO_SELF,downHeight);
  111.         translateDown.setDuration(animationDuration);
  112.         //设置一个插值器 动画将会播放越来越快 模拟重力
  113.         translateDown.setInterpolator(new AccelerateInterpolator());
  115.         //上弹动画
  116.         translateUp = new TranslateAnimation(
  117.          Animation.RELATIVE_TO_SELF,0,Animation.RELATIVE_TO_SELF,0,
  118.           Animation.RELATIVE_TO_SELF,downHeight,Animation.RELATIVE_TO_SELF,0
  119.        );
  121.         translateUp.setDuration(animationDuration);
  122.         ////设置一个插值器 动画将会播放越来越慢 模拟反重力
  123.         translateUp.setInterpolator(new DecelerateInterpolator());
  125.         //当下沉动画完成时播放启动上弹
  126.         translateDown.setAnimationListener(new Animation.AnimationListener() {
  127.             @Override
  128.             public void onAnimationStart(Animation animation) {
  129.                 iv.setImageResource(allImgDown[indexImgFlag]);
  130.                 rotation = ObjectAnimator.ofFloat(iv, "rotation", 180f, 360f);
  131.                 rotation.setDuration(1000);
  132.                 rotation.start();
  133.             }
  135.             @Override
  136.             public void onAnimationEnd(Animation animation) {
  138.                 iv.startAnimation(translateUp);
  139.                 initAnimation(animationDuration);
  141.             }
  143.             @Override
  144.             public void onAnimationRepeat(Animation animation) {
  146.             }
  147.         });
  149.         //当上移动画完成时 播放下移动画
  150.         translateUp.setAnimationListener(new Animation.AnimationListener() {
  151.             @Override
  152.             public void onAnimationStart(Animation animation) {
  153.                 indexImgFlag = 1+indexImgFlag>=allImgDown.length?0:1+indexImgFlag;
  154.                 iv.setImageResource(allImgDown[indexImgFlag]);
  155.                 rotation = ObjectAnimator.ofFloat(iv, "rotation", 0.0f, 180f);
  156.                 rotation.setDuration(1000);
  158.                 rotation.start();
  159.             }
  161.             @Override
  162.             public void onAnimationEnd(Animation animation) {
  163.                 //递归
  164.                 iv.startAnimation(translateDown);
  166.             }
  168.             @Override
  169.             public void onAnimationRepeat(Animation animation) {
  171.             }
  172.         });
  174.     }
  176.     boolean flagMeure;
  178.     @Override
  179.     protected void onSizeChanged(int w, int h, int oldw, int oldh) {
  180.         super.onSizeChanged(w, h, oldw, oldh);
  181.         init();
  182.     }
  184.     private void init() {
  186.         //初始化弹跳图片 控件
  187.         iv = new ImageView(getContext());
  189.         ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(
  190.                 ViewGroup.LayoutParams.WRAP_CONTENT,
  191.                 ViewGroup.LayoutParams.WRAP_CONTENT);
  193.         iv.setLayoutParams(params);
  194.         iv.setImageResource(allImgDown[0]);
  196.         this.addView(iv);
  198.         //画笔的初始化
  199.         paint = new Paint();
  200.         paint.setStrokeWidth(1);
  201.         paint.setColor(Color.CYAN);
  202.         paint.setStyle(Paint.Style.FILL);
  203.         paint.setTextSize(50);
  204.         paint.setAntiAlias(true);
  206.         //矩形
  207.         rect = new Rect();
  208.         //将文字画入矩形目的是为了测量高度
  209.         paint.getTextBounds(printText, 0, printText.length(), rect);
  211.         //文本宽度
  212.         textWidth = paint.measureText(printText);
  214.         //获得文字高度
  215.         textHeight = rect.bottom - rect.top;
  217.         //初始化路径
  218.         path = new Path();
  220.         iv.setX(getWidth()/2);
  222.         iv.measure(0,0);
  224.         iv.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
  225.             @Override
  226.             public void onGlobalLayout() {
  228.                 if (!flagMeure)
  229.                 {
  230.                     flagMeure =true;
  231.                     //由于画文字是由基准线开始
  232.                     path.moveTo(iv.getX()-textWidth/2+iv.getWidth()/2, textHeight+iv.getHeight()+downHeight*iv.getHeight());
  234.                     //计算最大弹力
  235.                     maxElasticFactor = (float) (textHeight / elastic);
  236.                     //初始化贝塞尔曲线
  237.                     path.rQuadTo(textWidth / 2, 0, textWidth, 0);
  239.                     //初始化上弹和下沉动画
  240.                     MyAnmation();
  242.                     iv.startAnimation(translateDown);
  243.                 }
  244.             }
  245.         });
  247.     }
  248. }

小人奉上源码一封供大家 参考github源码下载地址

自定义view实现阻尼效果的加载动画的更多相关文章

  1. 自定义动画（仿Win10加载动画）

    一.源代码 源代码及demo 二.背景 先看看Win10的加载动画(找了很久才找到): CPA推广甲爪广告联盟满30日结 [点击进入] 甲爪广告联盟,提供各类高单价CPA广告 单价高 收益好 日付广告 ...

  2. 使用MJRefresh自定义下拉刷新,上拉加载动画

    有时候我们需要自己设置下拉刷新,上拉加载动画的实现,这里主要是记录下使用MJRefresh自定义下拉刷新,上拉加载动画..... 下拉刷新我们只需要继承MJRefreshGifHeader即可: 实现 ...

  3. html自定义加载动画

    整体代码 HTML 实现自定义加载动画,话不多说如下代码所示: <!DOCTYPE html> <html lang="en"> <head> ...

  4. 【动画消消乐】HTML+CSS 自定义加载动画 061

    前言 Hello!小伙伴! 非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出- 自我介绍ଘ(੭ˊᵕˋ)੭ 昵称:海轰 标签:程序猿|C++选手|学生 简介:因C语言结识编程,随后转入计算机专 ...

  5. 【动画消消乐】HTML+CSS 自定义加载动画：清新折叠方块效果 063（附源码及原理详解）

    前言 Hello!小伙伴! 非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出- 自我介绍ଘ(੭ˊᵕˋ)੭ 昵称:海轰 标签:程序猿|C++选手|学生 简介:因C语言结识编程,随后转入计算机专 ...

  6. 【动画消消乐】HTML+CSS 自定义加载动画 064（currentColor的妙用！）

    前言 Hello!小伙伴! 非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出- 自我介绍ଘ(੭ˊᵕˋ)੭ 昵称:海轰 标签:程序猿|C++选手|学生 简介:因C语言结识编程,随后转入计算机专 ...

  7. 【动画消消乐】HTML+CSS 自定义加载动画 065

    前言 Hello!小伙伴! 非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出-   自我介绍 ଘ(੭ˊᵕˋ)੭ 昵称:海轰 标签:程序猿|C++选手|学生 简介:因C语言结识编程,随后转入计 ...

  8. 【动画消消乐】HTML+CSS 自定义加载动画：怦然心跳 066

    前言 Hello!小伙伴! 非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出-   自我介绍 ଘ(੭ˊᵕˋ)੭ 昵称:海轰 标签:程序猿|C++选手|学生 简介:因C语言结识编程,随后转入计 ...

  9. iOS开发——图形编程Swift篇&CAShapeLayer实现圆形图片加载动画

    CAShapeLayer实现圆形图片加载动画 几个星期之前,Michael Villar在Motion试验中创建一个非常有趣的加载动画. 下面的GIF图片展示这个加载动画,它将一个圆形进度指示器和圆形 ...

随机推荐

  1. asp.net core 六 Oracle ORM

         .netcore 中 Oracle ORM      在真正将项目移植到.netcore下,才发现会有很多问题,例如访问Oracle,问题出现的时间在2017年底          参考连接 ...

  2. format的应用

    >>> "{a} love {b}.{c}".format(a="I", b="Fish", c="com&qu ...

  3. 百度tn劫持解决办法

    最近用右键进行百度搜索的时候总是会跳转到 tn=99135173这类的小尾巴,使得搜索失败,十分恶心,这种广告劫持的手段十分高明隐蔽,很难发觉.开始以为是dns劫持或者是电脑中毒了,更换了几个dns, ...

  4. [LeetCode] Open the Lock 开锁

    You have a lock in front of you with 4 circular wheels. Each wheel has 10 slots: '0', '1', '2', '3', ...

  5. [LeetCode] Poor Pigs 可怜的猪

    There are 1000 buckets, one and only one of them contains poison, the rest are filled with water. Th ...

  6. NKOJ4191 Trie树

    问题描述 字母(Trie)树是一个表示一个字符串集合中所有字符串的前缀的数据结构,其有如下特征: 1.树的每一条边表示字母表中的一个字母  2.树根表示一个空的前缀  3.树上所有其他的节点都表示一个 ...

  7. Codefroces 850C Arpa and a game with Mojtaba

    Description两个人Van♂游戏.给出$n$个正整数$ai$两人轮流操作,每次选出一个素数$p$和一个幂数$k$,选择的前提为该$n$个数中有$p^{k}$的倍数.接着将所有的$p^{k}$的 ...

  8. WiFi天线分集

    0 概述 在调试一款古董级射频芯片时,发现它支持1发2收,由于在画板工程师将辅助天线也整出来.等板子贴出来后,就与同事一起折腾这个分集接收功能. 碰到过如下问题,先记录,以便后期有空再继续. 1)发现 ...

  9. 谷歌开发者:看可口可乐公司是怎么玩转TensorFlow的？

    在这篇客座文章中,可口可乐公司的 Patrick Brandt 将向我们介绍他们如何使用 AI 和 TensorFlow 实现无缝式购买凭证. 可口可乐的核心忠诚度计划于 2006 年以 MyCoke ...

  10. Java 中 json字符串转换为类

    使用到alibaba.fastjson包 具体实现 JSONObject jsonObject = JSONObject.parseObject(msg); SmsSenderStatus smsSe ...