分解步驟，計算一下總共需要的角度:
1、乙個笑臉，x軸下方的圓弧旋轉135°，覆蓋2個點，此過程中圓弧增加45°
2、畫布旋轉135°，此過程中圓弧增加45°
3、畫布旋轉360°，此過程中圓弧減少360/5度
4、畫布旋轉90°，此過程中圓弧減少90/5度
5、畫布旋轉135°，釋放覆蓋的2個點
package com.zj.test;
import android.animation.timeinterpolator;
import android.animation.valueanimator;
import android.content.context;
import android.graphics.canvas;
import android.graphics.color;
import android.graphics.paint;
import android.graphics.rectf;
import android.util.attributeset;
import android.view.view;
import android.view.animation.decelerateinterpolator;
/** * created by jjx on 2016/5/28.
*/public
class
customview
extends
view
float width;
float height;
public
customview(context context, attributeset attrs)
@override
protected
void
onmeasure(int widthmeasurespec, int heightmeasurespec)
paint mpaint;
float mviewwidth;
@override
protected
void
ondraw(canvas canvas)
private valueanimator animator;
private
float animatedvalue;
private
long animatorduration = 5000;
private timeinterpolator timeinterpolator = new decelerateinterpolator();
private
void
initanimator(long duration)else
});animator.start();}}
private
void
doubananimator(canvas canvas, paint mpaint)
// draw mouth
float startangle=0, sweepangle=0;
if (animatedvalue<135)else
if (animatedvalue<270)else
if (animatedvalue<630)else
if (animatedvalue<720)else
canvas.drawarc(rectf,startangle,sweepangle,false,mpaint);
// draw eye
canvas.drawpoints(new
float,mpaint);
canvas.restore();}}
<?xml version="1.0" encoding="utf-8"?>
xmlns:android=""
xmlns:tools=""
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.zj.test.mainactivity">
android:layout_width="match_parent"
android:layout_height="match_parent"
>
com.zj.test.customview>
relativelayout>
HTML載入動畫實現
在頁面載入完成之前或者執行某操作時，先顯示要顯示的載入動畫。先定義乙個載入動畫元素 最好是純css實現，的話可能慢一點 當頁面未載入完成之前，先使其 可見 當頁面載入完成後，再使其 不可見 重要的一點就是怎樣知道頁面或者元素載入完成了，詳情可以看一下 載入動畫頁面來自 codepen 載入動畫頁面h...
簡單實現網頁載入動畫
今天自己實現了這個功能，記錄一下 效果 進入網頁時先出現載入動畫，載入完畢後顯示網頁 實現原理 在html上方放乙個div，用來顯示載入動畫，js判斷載入完畢事件，將div隱藏即可。知識點整理 偽元素實現垂直居中 awesome字型動畫 js判斷html載入是否完成 css body loading...
svg animate實現載入中的動畫
viewbox 0 0 64 64 style width 40px height 40px stroke width 0 cx 24 cy 0 transform translate 32,32 r 7.48463 attributename r dur 750ms values 8 7 6 5 ...