国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 系統(tǒng) > Android > 正文

Android使用自定義View繪制漸隱漸現(xiàn)動(dòng)畫

2019-12-12 05:25:57
字體:
供稿:網(wǎng)友

實(shí)現(xiàn)了一個(gè)有趣的小東西:使用自定義View繪圖,一邊畫線,畫出的線條漸漸變淡,直到消失。效果如下圖所示:

用屬性動(dòng)畫或者漸變填充(Shader)可以做到一筆一筆的變化,但要想一筆漸變(手指不抬起邊畫邊漸隱),沒在Android中找到現(xiàn)成的API可用。所以,自己做了一個(gè)。

基本的想法是這樣的:

在View的onTouchEvent中記錄觸摸點(diǎn),生成一條一條的線LineElement,放在一個(gè)List中。給每個(gè)LineElement配置一個(gè)Paint實(shí)例。

在onDraw中繪制線段。

變換LineElement的Paint實(shí)例的Alpha值。

根據(jù)Alpha值重組線段列表

別的不說了,上代碼:

package com.example.disappearinglines;import android.content.Context;import android.graphics.Canvas;import android.graphics.Paint;import android.graphics.Path;import android.graphics.RectF;import android.os.Handler;import android.os.Message;import android.os.SystemClock;import android.support.annotation.NonNull;import android.util.AttributeSet;import android.util.Log;import android.view.MotionEvent;import android.view.View;import java.util.ArrayList;import java.util.Collection;import java.util.Iterator;import java.util.List;import java.util.ListIterator;public class DisappearingDoodleView extends View {final static String TAG = "DoodleView";class LineElement {static final public int ALPHA_STEP = 5;static final public int SUBPATH_DIMENSION = 8;public LineElement(){mPaint = new Paint();mPaint.setARGB(255, 255, 0, 0);mPaint.setAntiAlias(true);mPaint.setStrokeWidth(16);mPaint.setStrokeCap(Paint.Cap.BUTT);mPaint.setStyle(Paint.Style.STROKE);}public LineElement(Paint paint){mPaint = paint;}public void setPaint(Paint paint){mPaint = paint;}public void setAlpha(int alpha){mPaint.setAlpha(alpha);}public float mStartX = -1;public float mStartY = -1;public float mEndX = -1;public float mEndY = -1;public Paint mPaint;}private LineElement mCurrentLine = null;private List<LineElement> mLines = null;private long mElapsed = 0;private Handler mHandler = new Handler(){@Overridepublic void handleMessage(Message msg){DisappearingDoodleView.this.invalidate();}};public DisappearingDoodleView(Context context){super(context);}public DisappearingDoodleView(Context context, AttributeSet attrs){super(context, attrs);}@Overrideprotected void onDraw(Canvas canvas){mElapsed = SystemClock.elapsedRealtime();if(mLines != null) {for (LineElement e : mLines) {if(e.mStartX < 0 || e.mEndY < 0) continue;canvas.drawLine(e.mStartX, e.mStartY, e.mEndX, e.mEndY, e.mPaint);}compactPaths();}}@Overridepublic boolean onTouchEvent(MotionEvent event){float x = event.getX();float y = event.getY();int action = event.getAction();if(action == MotionEvent.ACTION_UP){// end one line after finger releasemCurrentLine.mEndX = x;mCurrentLine.mEndY = y;mCurrentLine = null;invalidate();return true;}if(action == MotionEvent.ACTION_DOWN){mCurrentLine = new LineElement();addToPaths(mCurrentLine);mCurrentLine.mStartX = x;mCurrentLine.mStartY = y;return true;}if(action == MotionEvent.ACTION_MOVE) {mCurrentLine.mEndX = x;mCurrentLine.mEndY = y;mCurrentLine = new LineElement();addToPaths(mCurrentLine);mCurrentLine.mStartX = x;mCurrentLine.mStartY = y;}if(mHandler.hasMessages(1)){mHandler.removeMessages(1);}Message msg = new Message();msg.what = 1;mHandler.sendMessageDelayed(msg, 0);return true;}private void addToPaths(LineElement element){if(mLines == null) {mLines = new ArrayList<LineElement>() ;}mLines.add(element);}public void compactPaths(){int size = mLines.size();int index = size - 1;if(size == 0) return;int baseAlpha = 255 - LineElement.ALPHA_STEP;int itselfAlpha;LineElement line;for(; index >=0 ; index--, baseAlpha -= LineElement.ALPHA_STEP){line = mLines.get(index);itselfAlpha = line.mPaint.getAlpha();if(itselfAlpha == 255){if(baseAlpha <= 0){++index;break;}line.setAlpha(baseAlpha);}else{itselfAlpha -= LineElement.ALPHA_STEP;if(itselfAlpha <= 0){++index;break;}line.setAlpha(itselfAlpha);}}if(index >= size){// all sub-path should disappearmLines = null;}else if(index >= 0){//Log.i(TAG, "compactPaths from " + index + " to " + (size - 1));mLines = mLines.subList(index, size);}else{// no sub-path should disappear}long interval = 40 - SystemClock.elapsedRealtime() + mElapsed;if(interval < 0) interval = 0;Message msg = new Message();msg.what = 1;mHandler.sendMessageDelayed(msg, interval);}}

這個(gè)示例還可以添加一些效果,比如讓線條一邊變淡一邊變細(xì)。

以上所述是小編給大家介紹的Android使用自定義View繪制漸隱漸現(xiàn)動(dòng)畫的全部敘述,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 会理县| 高邮市| 连州市| 安塞县| 惠水县| 崇礼县| 祁连县| 贺兰县| 封开县| 稷山县| 博兴县| 孟连| 寿宁县| 永泰县| 安西县| 内乡县| 林周县| 绥江县| 澳门| 南陵县| 南京市| 新田县| 武平县| 杭锦后旗| 大兴区| 伊宁市| 讷河市| 东兰县| 尼勒克县| 汕尾市| 遵义县| 苏尼特左旗| 宣威市| 成都市| 城市| 鹿泉市| 方正县| 望奎县| 连云港市| 通州区| 舒兰市|