編輯:Android技術基礎
好的,上一節中,我們又寫了一個關於Xfermode圖片混排的例子——擦美女衣服的Demo,加上前面的 利用Xfermode來實現圓角或圓形ImageView,相信大家對Xfermode已經不再像以前那麼陌生了,或者 說有點熟悉了,嗯,本節我們來寫Xfermode的最後一個例子,通過Xfermode的ProterDuff.SRC_IN 模式來實現文字加載的效果!還是得貼下ProterDuff的模式圖:
本節例子參考自:Android Paint之 setXfermode PorterDuffXfermode 講解 嗯,話不多說,開始本節內容~
要實現的效果圖:
實現流程分析:
Step 1.首先,一個文字圖片(透明背景)
Step 2.初始化畫筆,背景圖片(DST),矩形Rect(SRC)
Step 3.先保存圖層,接著先繪制背景圖,設置混排模式,然後繪制Rect,清除混排模式 接著回復保存的圖層,最後修改下Rect區域高度,調用invalidate()讓View重繪!
如果流程分析有點不懂,直接看代碼,超簡單~
首先是屏幕工具類,ScreenUtil.java,這裡就不貼了,之前的幾節中有貼過! 然後是我們的自定義View類:LoadTextView.java:
/** * Created by Jay on 2015/10/26 0026. */ public class LoadTextView extends View { private PorterDuffXfermode mXfermode = new PorterDuffXfermode(PorterDuff.Mode.SRC_IN); private Bitmap backBitmap; private Paint mPaint; private int mBitW, mBitH; private int mCurW, mCurH, mCurTop; private Rect mDynamicRect; public LoadTextView(Context context) { this(context, null); } public LoadTextView(Context context, AttributeSet attrs) { super(context, attrs); mCurW = ScreenUtil.getScreenW(context); mCurH = ScreenUtil.getScreenH(context); init(); } public LoadTextView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } private void init() { //畫筆初始化: mPaint = new Paint(Paint.ANTI_ALIAS_FLAG); mPaint.setFilterBitmap(true); mPaint.setDither(true); mPaint.setColor(Color.RED); //背部圖片的初始化 backBitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.img_string); mBitH = backBitmap.getHeight(); mBitW = backBitmap.getWidth(); //設置當前的高度 mCurTop = mBitH; mDynamicRect = new Rect(0, mBitH, mBitW, mBitH); //初始化原圖 } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); int saveLayerCount = canvas.saveLayer(0, 0, mCurW, mCurH, mPaint, Canvas.ALL_SAVE_FLAG); canvas.drawBitmap(backBitmap, 0, 0, mPaint);// 繪制目標圖 mPaint.setXfermode(mXfermode); //設置混排模式 canvas.drawRect(mDynamicRect, mPaint); //繪制源圖 mPaint.setXfermode(null); //清除混排模式 canvas.restoreToCount(saveLayerCount); //恢復保存的圖層 // 改變Rect區域,假如 mCurTop -= 2; if (mCurTop <= 0) { mCurTop = mBitH; } mDynamicRect.top = mCurTop; invalidate(); //重繪 } }
嗯,沒有了,就上面這麼點代碼,就實現了如圖所示的效果,是不是很簡單咧~
要coder-pig字體的圖片麼,貼下~
XfermodeDemo3.zip
好的,本節我們又用PorterDuff的SRC_IN模式來寫一個文字加載的效果,加上前面的: DST_IN模式實現圓形和圓角ImageView,以及DST_OUT模式來實現擦掉美女衣服,相信 大家對Xfermode的使用已經有眉目了,當然這些例子都是沒有太大意義的,實際開發根本不會 用到,不過很便於大家理解~就好像練功夫,師傅領進門,修行靠自身!基礎教程只是一個引導 而已,要真正掌握並學以致用還需靠你們自己,多閱讀別人的優秀的代碼,以及多動手! 好的,就說這麼多,謝謝~
本節引言從本節開始我們要講的UI控件都是跟Adapter(適配器)打交道的,了解並學會使用這個Adapter很重要,Adapter是用來幫助填充數據
本節引言:在上一節中我們對Android中的13種類型的Drawable的類型進行了講解,有沒有應用到自己的項目當中呢?而本節我們來探討的是Bitm
本節引言:本節我們繼續來學習Android數據存儲與訪問的第三種方式:SQLite數據庫,和其他的SQL數據庫不同,我們並不需要在手機上另外安裝一個
本節引言:經過前面的學習,數據請求,數據解析,文件上傳下載等,應該滿足大家與服務器交互的基本需求了,而本節給大家介紹的Android調用WebSer