canvas動畫android
1. lt;轉>為什麼 Android 上 Canvas 畫出的圖形不夠平滑
繪制曲線圖首先需要畫好橫豎坐標軸建立坐標系，比如坐標系中的100距離應該在canvas中繪制多長，這個是需要計算的，其實坐標體系的建立是最復雜的，我看過很多第三方庫的建立方法都不一樣，有的要靈活一些，有的比較死板。至於繪制曲線要麼是用Canvas.drawLine方法，要麼是用Path.lineTo方法,看你自己的習慣。
為了做出一個外觀良好的曲線圖，我參考了兩個開源代碼，第一個的曲線圖繪制限制較多，使用范圍太窄，但是有數據變化時的動畫效果。第二個的適用范圍很廣，他能根據數據集合自動計算橫縱坐標的個數，在canvas上單元格的距離，只需輸入坐標點就能自動建立坐標體系繪制曲線，但是沒有動畫效果。
先講第一個LineView。
2. android手機默認瀏覽器，使用canvas畫圖會重復出現兩次圖像以及動畫效果
您好，您可以把他卸載，之後更換別的瀏覽器試試，可以用用UC瀏覽器，很好用的。
3. 如何在Canvas上顯示gif動畫 SWT
1、首先，重寫控制項View,自定義一個展示gif圖的GifView，代碼如下：
package net.loonggg.gif.view;
import net.loonggg.gif.R;
import android.annotation.SuppressLint;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Movie;
import android.os.Build;
import android.util.AttributeSet;
import android.view.View;
public class GifView extends View {
/**
* 默認為1秒
*/
private static final int DEFAULT_MOVIE_DURATION = 1000;
private int mMovieResourceId;
private Movie mMovie;
private long mMovieStart;
private int mCurrentAnimationTime = 0;
private float mLeft;
private float mTop;
private float mScale;
private int mMeasuredMovieWidth;
private int mMeasuredMovieHeight;
private boolean mVisible = true;
private volatile boolean mPaused = false;
public GifView(Context context) {
this(context, null);
}
public GifView(Context context, AttributeSet attrs) {
this(context, attrs, R.styleable.CustomTheme_gifViewStyle);
}
public GifView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
setViewAttributes(context, attrs, defStyle);
}
@SuppressLint("NewApi")
private void setViewAttributes(Context context, AttributeSet attrs,
int defStyle) {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
setLayerType(View.LAYER_TYPE_SOFTWARE, null);
}
// 從描述文件中讀出gif的值，創建出Movie實例
final TypedArray array = context.obtainStyledAttributes(attrs,
R.styleable.GifView, defStyle, R.style.Widget_GifView);
mMovieResourceId = array.getResourceId(R.styleable.GifView_gif, -1);
mPaused = array.getBoolean(R.styleable.GifView_paused, false);
array.recycle();
if (mMovieResourceId != -1) {
mMovie = Movie.decodeStream(getResources().openRawResource(
mMovieResourceId));
}
}
/**
* 設置gif圖資源
*
* @param movieResId
*/
public void setMovieResource(int movieResId) {
this.mMovieResourceId = movieResId;
mMovie = Movie.decodeStream(getResources().openRawResource(
mMovieResourceId));
requestLayout();
}
public void setMovie(Movie movie) {
this.mMovie = movie;
requestLayout();
}
public Movie getMovie() {
return mMovie;
}
public void setMovieTime(int time) {
mCurrentAnimationTime = time;
invalidate();
}
/**
* 設置暫停
*
* @param paused
*/
public void setPaused(boolean paused) {
this.mPaused = paused;
if (!paused) {
mMovieStart = android.os.SystemClock.uptimeMillis()
- mCurrentAnimationTime;
}
invalidate();
}
/**
* 判斷gif圖是否停止了
*
* @return
*/
public boolean isPaused() {
return this.mPaused;
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
if (mMovie != null) {
int movieWidth = mMovie.width();
int movieHeight = mMovie.height();
int maximumWidth = MeasureSpec.getSize(widthMeasureSpec);
float scaleW = (float) movieWidth / (float) maximumWidth;
mScale = 1f / scaleW;
mMeasuredMovieWidth = maximumWidth;
mMeasuredMovieHeight = (int) (movieHeight * mScale);
setMeasuredDimension(mMeasuredMovieWidth, mMeasuredMovieHeight);
} else {
setMeasuredDimension(getSuggestedMinimumWidth(),
getSuggestedMinimumHeight());
}
}
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
super.onLayout(changed, l, t, r, b);
mLeft = (getWidth() - mMeasuredMovieWidth) / 2f;
mTop = (getHeight() - mMeasuredMovieHeight) / 2f;
mVisible = getVisibility() == View.VISIBLE;
}
@Override
protected void onDraw(Canvas canvas) {
if (mMovie != null) {
if (!mPaused) {
updateAnimationTime();
drawMovieFrame(canvas);
invalidateView();
} else {
drawMovieFrame(canvas);
}
}
}
@SuppressLint("NewApi")
private void invalidateView() {
if (mVisible) {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
postInvalidateOnAnimation();
} else {
invalidate();
}
}
}
private void updateAnimationTime() {
long now = android.os.SystemClock.uptimeMillis();
// 如果第一幀，記錄起始時間
if (mMovieStart == 0) {
mMovieStart = now;
}
// 取出動畫的時長
int r = mMovie.ration();
if (r == 0) {
r = DEFAULT_MOVIE_DURATION;
}
// 算出需要顯示第幾幀
mCurrentAnimationTime = (int) ((now - mMovieStart) % r);
}
private void drawMovieFrame(Canvas canvas) {
// 設置要顯示的幀，繪制即可
mMovie.setTime(mCurrentAnimationTime);
canvas.save(Canvas.MATRIX_SAVE_FLAG);
canvas.scale(mScale, mScale);
mMovie.draw(canvas, mLeft / mScale, mTop / mScale);
canvas.restore();
}
@SuppressLint("NewApi")
@Override
public void onScreenStateChanged(int screenState) {
super.onScreenStateChanged(screenState);
mVisible = screenState == SCREEN_STATE_ON;
invalidateView();
}
@SuppressLint("NewApi")
@Override
protected void onVisibilityChanged(View changedView, int visibility) {
super.onVisibilityChanged(changedView, visibility);
mVisible = visibility == View.VISIBLE;
invalidateView();
}
@Override
protected void onWindowVisibilityChanged(int visibility) {
super.onWindowVisibilityChanged(visibility);
mVisible = visibility == View.VISIBLE;
invalidateView();
}
}
Movie其實管理著GIF動畫中的多個幀，只需要通過 setTime() 一下就可以讓它在draw()的時候繪出相應的那幀圖像。通過當前時間與ration之間的換算關系，是很容易實現GIF動起來的效果。
其次，在xml布局文件中，把這個view定義進去，代碼如下：
[html] view plain
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<net.loonggg.gif.view.GifView
android:id="@+id/gif1"
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_gravity="center_horizontal"
android:enabled="false" />
<net.loonggg.gif.view.GifView
android:id="@+id/gif2"
android:layout_width="200dp"
android:layout_height="200dp"
android:layout_gravity="center_horizontal"
android:enabled="false" />
</LinearLayout>
2、最後，在MainActivity中的使用，代碼如下：
package net.loonggg.gif;
import net.loonggg.gif.view.GifView;
import android.app.Activity;
import android.os.Bundle;
public class Gif extends Activity {
private GifView gif1, gif2;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
gif1 = (GifView) findViewById(R.id.gif1);
// 設置背景gif圖片資源
gif1.setMovieResource(R.raw.kitty);
gif2 = (GifView) findViewById(R.id.gif2);
gif2.setMovieResource(R.raw.b);
// 設置暫停
// gif2.setPaused(true);
}
}
4. 利用html5的canvas開發的動畫，為什麼有些Android手機的webview能正常顯示，有些則不能
1、不是所有瀏覽器都支持html5 的canvas ,也不是所有支持html5的就一定支持 canvas
2、如果你黑屏的那個webview支持canvas 的話，基本上就是代碼的問題了，因為瀏覽器不同，有些瀏覽器支持這個屬性，還有的就不支持，很正常，在代碼中用alert調試一下就能找出來了
5. android canvas一定要設置具體的畫布嗎canvas是畫在屏幕上還是畫在bitmap上求詳解
簡短的說就像text框要輸入文字一樣，你必須先讓text取得焦點，獲得游標才能進行輸入
bitmap就像畫布，canvas就像畫筆。要畫畫就要知道畫在哪裡，所以必須要畫布。
view的onDraw的canvas是花在view的背景上，也是類似bitmap上。
緩沖是在另一個後台bitmap上畫好在進行展示
以上代表個人通俗理解只做參考理解，不是標准
6. Android怎麼實現canvas繪制的字元串和圖片閃爍
用Timer去控制圖片的顯示吧
7. android canvas怎麼創建
工具/原料
電腦（windows）
eclipse+android編程環境
方法/步驟
首先新建一個android項目名字為CanvasShow，其餘參數可以自己配置，點擊完成，形成項目信息
配置main.xml，在這里main.xml 基本不用修改，只需增加
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/root"
>
</LinearLayout>
CanvasShowInfo中實現方法：
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
init();
}
private void init() {
LinearLayout layout=(LinearLayout) findViewById(R.id.root);
final CanvasDraw view=new CanvasDraw(this);
view.setMinimumHeight(500);
view.setMinimumWidth(300);
//通知view組件重繪 這個很重要！
view.invalidate();
layout.addView(view);
}
那麼CanvasDraw.java中實現了什麼呢？
聲明CanvasDraw.java 繼承View，重寫其中的onDraw方法。
比如畫圓：
// 創建畫筆
Paint p = new Paint();
p.setColor(Color.RED);// 設置紅色
canvas.drawText("畫圓：", 10, 20, p);// 畫文本
canvas.drawCircle(40, 40, 15, p);// 分別是 圓心的x，y坐標，15為半徑
p.setAntiAlias(true);// 設置畫筆的鋸齒效果。 true是去除，大家一看效果就明白了
canvas.drawCircle(100, 120, 50, p);// 分別是 圓心的x，y坐標，50為半徑
從圖中可以看見，去除鋸齒的圖形更加圓滑。下面是相對應的效果圖
canvas.drawText("畫矩形：", 10, 90, p);
p.setColor(Color.BLUE);// 設置灰色
p.setStyle(Paint.Style.FILL);//設置填滿
canvas.drawRect(60, 60, 80, 80, p);// 正方形
canvas.drawRect(70, 90, 300, 100, p);// 長方形
// drawRect函數前兩個參數是一個頂點的坐標，後兩個參數是對頂點的坐標，相對應的效果圖
canvas.drawText("畫扇形:", 120, 120, p);
// 設置漸變色 這個扇形的顏色是改變的 /
Shader mShader = new LinearGradient(0, 0, 100, 100,
new int[] { Color.RED, Color.GREEN, Color.BLUE, Color.YELLOW,
Color.LTGRAY }, null, Shader.TileMode.REPEAT); // 一個材質,打造出一個線性梯度沿著一條線。
p.setShader(mShader);
p.setColor(Color.BLUE);
RectF oval2 = new RectF(60, 100, 200, 240);// 設置個新的長方形，掃描測量
canvas.drawArc(oval2, 200, 130, true, p);
// 畫弧，第一個參數是RectF：該類是第二個參數是角度的開始，第三個參數是多少度，第四個參數是真的時候畫扇形，是假的時候畫弧線
其中：
public void drawArc(RectF oval, float startAngle, float sweepAngle, boolean useCenter, Paint paint)
oval :指定圓弧的外輪廓矩形區域。
startAngle: 圓弧起始角度，單位為度。
sweepAngle: 圓弧掃過的角度，順時針方向，單位為度。
useCenter: 如果為True時，在繪制圓弧時將圓心包括在內，通常用來繪制扇形。
paint: 繪制圓弧的畫板屬性，如顏色，是否填充等。
8. android怎麼移動canvas
我們可以把這個Canvas理解成系統提供給我們的一塊內存區域(但實際上它只是一套畫圖的API，真正的內存是下面的Bitmap)，而且它還提供了一整套對這個內存區域進行操作的方法，所有的這些操作都是畫圖API。也就是說在這種方式下我們已經能一筆一劃或者使用
Graphic來畫我們所需要的東西了，要畫什麼要顯示什麼都由我們自己控制。
這種方式根據環境還分為兩種：一種就是使用普通View的canvas畫圖，還有一種就是使用專門的SurfaceView的canvas來畫圖。兩種的主要是區別就是可以在SurfaceView中定義一個專門的線程來完成畫圖工作，應用程序不需要等待View的刷圖，提高性能。前面一種適合處理量比較小，幀率比較小的動畫，比如說象棋游戲之類的；而後一種主要用在游戲，高品質動畫方面的畫圖。
Paint 代表了Canvas上的畫筆、畫刷、顏料等等；
Paint類常用方法:
setARGB(int a, int r, int g, int b) // 設置 Paint對象顏色，參數一為alpha透明值
setAlpha(int a) // 設置alpha不透明度，范圍為0~255
setAntiAlias(boolean aa) // 是否抗鋸齒
setColor(int color) // 設置顏色，這里Android內部定義的有Color類包含了一些常見顏色定義
setTextScaleX(float scaleX) // 設置文本縮放倍數，1.0f為原始
setTextSize(float textSize) // 設置字體大小
setUnderlineText(booleanunderlineText) // 設置下劃線
// 1、將會以顏色ARBG填充整個控制項的Canvas背景
//mCanvas.drawARGB(122, 10, 159, 163) ;
// 2、將會以顏色ARBG填充整個控制項的Canvas背景
//mCanvas.drawColor(Color.BLUE) ;
// 3、繪制顏色，但是要制定一個mode
//mCanvas.drawColor(Color.BLUE, Mode.SCREEN) ;
// 4、畫背景，跟2等效
//mCanvas.drawPaint(mPaint) ;
// 5、畫一個點
//mCanvas.drawPoint(23, 23, mPaint) ;
// 6、畫很多點這里的float[] 表示{x0,y0,x1,y1,x2,y2,x3,y3.....}
//mCanvas.drawPoints(new float[]{10,11,10,12,10,13,10,14,10,15,10,16}, mPaint) ;
// 7、畫線
//mCanvas.drawLine(...) ;
// 8、畫長方形 Rect 和RectF的區別？
//精度不一樣，Rect是使用int類型作為數值，RectF是使用float類型作為數值
//Rect r = new Rect(10,10,50,50) ;
//mCanvas.drawRect(r, mPaint) ;
//RectF rf = new RectF(10,10,50,50) ;
//mCanvas.drawRect(rf, mPaint) ;
//mCanvas.drawRect(10, 10, 50, 50, mPaint) ;
// 9、畫橢圓 初始化RectF的參數是（left,top,right,bottom）
//RectF rf = new RectF(100,100 ,200 ,250) ;
//mCanvas.drawOval(rf, mPaint) ;
// 10、畫圓 （圓心x0,圓心y0,半徑，paint）
//mCanvas.drawCircle(100, 100, 50, mPaint) ;
// 11、畫圓弧 RectF對象表明內切矩形的（left,top,right,bottom）
//RectF rf = new RectF(100 ,100 ,200 ,200) ;
// 參數(rf,startAngle ,angle ,sweepAngle ,paint) sweepAngle表明是否顯示圓弧三角形 angle畫多少度
//mCanvas.drawArc(rf, 60, 30, true, mPaint) ;
// 12、繪制圓角矩形 RectF是矩形的（left,top,right,bottom）
//RectF rf = new RectF(100 ,100 ,200 ,200) ;
// 50表明x方向的半徑，20表示y方向的半徑
//mCanvas.drawRoundRect(rf, 50, 20, mPaint) ;
// 13、畫任意多邊形
//Path path = new Path() ;
//path.moveTo(100, 100) ;
//path.lineTo(200, 200) ;
//path.lineTo(300, 200) ;
//mCanvas.drawPath(path, mPaint) ;
// 14、通過Path對象，也可以畫其他的圖形
//Path path = new Path() ;
//path.addCircle(100, 100, 20, Path.Direction.CCW) ;
//mCanvas.drawPath(path ,mPaint);
/*drawBitmap
drawText
drawPicture*/
/*Rect r = new Rect(100,100,200,200) ;
ByteArrayOutputStream out = new ByteArrayOutputStream();
Bitmap bitmap = BitmapFactory.decodeResource(mContext.getResources(), R.drawable.bg) ;
bitmap.compress(Bitmap.CompressFormat.JPEG, 100, out) ;
InputStream in = new ByteArrayInputStream(out.toByteArray()) ;
*/
/*Picture picture = Picture.createFromStream(mContext.getResources().openRawResource(R.raw.bg)) ;
mCanvas.drawPicture(picture) ;*/
// 15、畫bitmap對象
//mCanvas.drawBitmap(BitmapFactory.decodeResource(mContext.getResources(), R.drawable.bg),100, 100, mPaint) ;
// 16、Matrix中包含了對Bitmap的處理操作
/*Matrix m = new Matrix() ;
m.postScale(2, 2) ;
m.postRotate(60) ;
mCanvas.drawBitmap(BitmapFactory.decodeResource(mContext.getResources(), R.drawable.bg), m, mPaint) ;*/
// 17、畫帶Matrix參數的bitmap，經過Matrix對象可以對bitmap做相關的處理，比如旋轉，縮放，移動等《關於Matrix的使用另行總結》
/*Bitmap bitmap = BitmapFactory.decodeResource(mContext.getResources(), R.drawable.bg) ;
Matrix m = new Matrix() ;
m.postScale(2, 2) ;
m.postRotate(60) ;
m.postTranslate(300, 300) ;
mCanvas.drawBitmap(bitmap, m, mPaint) ;*/
//mCanvas.drawBitmap(....) ; 暫不總結
// 18、畫文字
//mCanvas.drawText(123, 10, 10, mPaint) ;
//mCanvas.drawText(....)
9. android：如何用canvas在自定義view里畫圖
做安卓開發的話，不會自定義view是不行的，自定定義各種控制項以滿足開發需求，在開發中是很重要的，自定義view通過繼承view，通過重寫ondraw方法實現重繪自己所需要的控制項樣式。
在ondraw方法中，通過canvas來繪制想要的樣式，首先需要定義好畫筆，以及畫筆的各種屬性，比如需要的時候要
抗鋸齒
等等。都准備好了就可以用canvas來實現繪圖了，當然api提供的api肯定是不夠用的，需要多姿多彩的樣式很多時候需要藉助准備好的一些圖片，通過canvas繪制bitmap來實現把准備好的圖片繪制上去。繪制好了當然還是不夠的，控制項都是需要和用戶交互的，所以很多時候樣式是會發生改變的，所以要在其中定義相關方法暴露出來，方法中處理用戶操作或其他的結果改變樣式的重繪，繪制好了調用更新（
invalidate
()）方法，實現樣式的改變。做好一個控制項還需要優化性能等等，都需要一步一慢慢實現。
10. android在canvas中怎麼實現逐幀動畫
因為所有界面元素在載入中。 有個不確定的解決方法。 imageView.post( new runable(){ run(){ runOnUiThread( new runable(){run(){這里表達你的動畫。}})} } 順便說下，在onResume前，提取getLocationOfScreen(window)也是無效的，理由一樣。