Android Shader應(yīng)用開發(fā)之霓虹閃爍文字效果
更新時間:2017年07月15日 14:39:05 作者:Android_Study_OK
這篇文章主要為大家詳細(xì)介紹了Android Shader應(yīng)用開發(fā)之霓虹閃爍文字效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了Android霓虹閃爍文字效果的具體代碼,供大家參考,具體內(nèi)容如下
package com.example.apple.shaderdemo; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.LinearGradient; import android.graphics.Matrix; import android.graphics.Shader; import android.support.annotation.Nullable; import android.text.TextPaint; import android.util.AttributeSet; import android.widget.TextView; /** * Created by apple on 2017/5/10. */ public class LinearGradientTextView extends TextView { private TextPaint mPaint; private LinearGradient mLinearGradient ; private Matrix mMatrix; private float mTranslate; private float DELTAX = 20; private int mGradientSize; public LinearGradientTextView(Context context) { super(context); } public LinearGradientTextView(Context context, @Nullable AttributeSet attrs) { super(context, attrs); } /** * 優(yōu)先于onDraw執(zhí)行,在這里得到系統(tǒng)繪制TextView的畫筆,然后給這個畫筆設(shè)置shader * 這樣下面在執(zhí)行onDraw的時候,使用的就是帶有Shader效果的畫筆了 * @param w * @param h * @param oldw * @param oldh */ @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(w, h, oldw, oldh); // ★拿到系統(tǒng)TextView的畫筆 mPaint = getPaint(); // 得到文本 String text = getText().toString(); // 用畫筆測量文本的長度 float textWith = mPaint.measureText(text); // 3個文字的寬度 mGradientSize = (int) (textWith / text.length() * 3); // 從左邊-gradientSize開始,即左邊距離文字gradientSize開始漸變 // 一個漸變單位是:從第一個字之前3字距離開始到第一個字之前位置終結(jié) //然后一直讓這個漸變單位從左往右移動dx位移,直到最右側(cè)后,向左移動 // CLAMP意思是:由于你的只是在漸變3個字的長度,那么剩余的空間,讓邊緣顏色去填充 mLinearGradient = new LinearGradient(-mGradientSize,0,0,0,new int[]{ 0xffff0000, 0xff00ff00, 0xff00ffff},null, Shader.TileMode.CLAMP ); mPaint.setShader(mLinearGradient); } @Override protected void onDraw(Canvas canvas) { // 調(diào)用super,意思是按照系統(tǒng)繪制textview的流程先把textview繪制完成 super.onDraw(canvas); // 我在系統(tǒng)基礎(chǔ)上再繪制一些效果 mTranslate += DELTAX; float textWidth = getPaint().measureText(getText().toString()); // 到了邊界dx取反 if(mTranslate > textWidth + mGradientSize || mTranslate < 0){ DELTAX = - DELTAX; } // 不停地方平移,得到閃爍的效果 mMatrix = new Matrix(); mMatrix.setTranslate(mTranslate, 0); mLinearGradient.setLocalMatrix(mMatrix); // 延時重繪 postInvalidateDelayed(50); } }
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- Android手機(jī)顯示多彩霓虹燈效果
- Android圖像處理之霓虹濾鏡效果
- Android布局之幀布局FrameLayout詳解
- Android布局之FrameLayout幀布局
- Android實(shí)現(xiàn)氣泡布局/彈窗效果 氣泡尖角方向及偏移量可控
- Android布局實(shí)現(xiàn)圓角邊框效果
- Android動畫效果之自定義ViewGroup添加布局動畫(五)
- Android給布局、控件加陰影效果的示例代碼
- Android編程實(shí)現(xiàn)圓角邊框布局效果的方法
- Android布局控件DrawerLayout實(shí)現(xiàn)完美側(cè)滑效果
- Android開發(fā)實(shí)現(xiàn)布局幀布局霓虹燈效果示例
相關(guān)文章
android 實(shí)現(xiàn)類似微信緩存和即時更新好友頭像示例
本篇文章主要介紹了android 實(shí)現(xiàn)類似微信緩存和即時更新好友頭像示例,具有一定的參考價值,有興趣的可以了解一下。2017-01-01Flutter?Widget?之StatefulBuilder構(gòu)建方法詳解
這篇文章主要為大家介紹了Flutter?Widget?之StatefulBuilder構(gòu)建方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-11-11Android實(shí)現(xiàn)局部圖片滑動指引效果示例
現(xiàn)在滑動效果用的比較多,尤其是在手機(jī)端上面,本文介紹了Android實(shí)現(xiàn)局部圖片滑動指引效果示例,現(xiàn)在就分享給大家,也給大家做個參考。2016-10-10flutter Container容器實(shí)現(xiàn)圓角邊框
這篇文章主要為大家詳細(xì)介紹了flutter Container容器實(shí)現(xiàn)圓角邊框,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-07-07