Android Shader應(yīng)用開(kāi)發(fā)之霓虹閃爍文字效果
更新時(shí)間:2017年07月15日 14:39:05 作者:Android_Study_OK
這篇文章主要為大家詳細(xì)介紹了Android Shader應(yīng)用開(kāi)發(fā)之霓虹閃爍文字效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
本文實(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的畫(huà)筆,然后給這個(gè)畫(huà)筆設(shè)置shader * 這樣下面在執(zhí)行onDraw的時(shí)候,使用的就是帶有Shader效果的畫(huà)筆了 * @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的畫(huà)筆 mPaint = getPaint(); // 得到文本 String text = getText().toString(); // 用畫(huà)筆測(cè)量文本的長(zhǎng)度 float textWith = mPaint.measureText(text); // 3個(gè)文字的寬度 mGradientSize = (int) (textWith / text.length() * 3); // 從左邊-gradientSize開(kāi)始,即左邊距離文字gradientSize開(kāi)始漸變 // 一個(gè)漸變單位是:從第一個(gè)字之前3字距離開(kāi)始到第一個(gè)字之前位置終結(jié) //然后一直讓這個(gè)漸變單位從左往右移動(dòng)dx位移,直到最右側(cè)后,向左移動(dòng) // CLAMP意思是:由于你的只是在漸變3個(gè)字的長(zhǎng)度,那么剩余的空間,讓邊緣顏色去填充 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); // 延時(shí)重繪 postInvalidateDelayed(50); } }
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- Android手機(jī)顯示多彩霓虹燈效果
- Android圖像處理之霓虹濾鏡效果
- Android布局之幀布局FrameLayout詳解
- Android布局之FrameLayout幀布局
- Android實(shí)現(xiàn)氣泡布局/彈窗效果 氣泡尖角方向及偏移量可控
- Android布局實(shí)現(xiàn)圓角邊框效果
- Android動(dòng)畫(huà)效果之自定義ViewGroup添加布局動(dòng)畫(huà)(五)
- Android給布局、控件加陰影效果的示例代碼
- Android編程實(shí)現(xiàn)圓角邊框布局效果的方法
- Android布局控件DrawerLayout實(shí)現(xiàn)完美側(cè)滑效果
- Android開(kāi)發(fā)實(shí)現(xiàn)布局幀布局霓虹燈效果示例
相關(guān)文章
Android自定義view之仿支付寶芝麻信用儀表盤(pán)示例
本篇文章主要介紹了Android自定義view之仿支付寶芝麻信用儀表盤(pán),具有一定的參考價(jià)值,有興趣的可以了解一下。2017-01-01android 實(shí)現(xiàn)類似微信緩存和即時(shí)更新好友頭像示例
本篇文章主要介紹了android 實(shí)現(xiàn)類似微信緩存和即時(shí)更新好友頭像示例,具有一定的參考價(jià)值,有興趣的可以了解一下。2017-01-01Flutter?Widget?之StatefulBuilder構(gòu)建方法詳解
這篇文章主要為大家介紹了Flutter?Widget?之StatefulBuilder構(gòu)建方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-11-11Android實(shí)現(xiàn)局部圖片滑動(dòng)指引效果示例
現(xiàn)在滑動(dòng)效果用的比較多,尤其是在手機(jī)端上面,本文介紹了Android實(shí)現(xiàn)局部圖片滑動(dòng)指引效果示例,現(xiàn)在就分享給大家,也給大家做個(gè)參考。2016-10-10flutter Container容器實(shí)現(xiàn)圓角邊框
這篇文章主要為大家詳細(xì)介紹了flutter Container容器實(shí)現(xiàn)圓角邊框,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-07-07Android 兩種啟動(dòng)模式的實(shí)例詳解
這篇文章主要介紹了Android 兩種啟動(dòng)模式的實(shí)例詳解的相關(guān)資料,Activity的兩種啟動(dòng)模式:FLAG_ACTIVITY_CLEAR_TOP和FLAG_ACTIVITY_REORDER_TO_FRONT ,需要的朋友可以參考下2017-08-08