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 實(shí)現(xiàn)類似微信緩存和即時(shí)更新好友頭像示例
本篇文章主要介紹了android 實(shí)現(xiàn)類似微信緩存和即時(shí)更新好友頭像示例,具有一定的參考價(jià)值,有興趣的可以了解一下。2017-01-01
Flutter?Widget?之StatefulBuilder構(gòu)建方法詳解
這篇文章主要為大家介紹了Flutter?Widget?之StatefulBuilder構(gòu)建方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-11-11
Android實(shí)現(xiàn)局部圖片滑動(dòng)指引效果示例
現(xiàn)在滑動(dòng)效果用的比較多,尤其是在手機(jī)端上面,本文介紹了Android實(shí)現(xiàn)局部圖片滑動(dòng)指引效果示例,現(xiàn)在就分享給大家,也給大家做個(gè)參考。2016-10-10
flutter Container容器實(shí)現(xiàn)圓角邊框
這篇文章主要為大家詳細(xì)介紹了flutter Container容器實(shí)現(xiàn)圓角邊框,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-07-07
Android 兩種啟動(dòng)模式的實(shí)例詳解
這篇文章主要介紹了Android 兩種啟動(dòng)模式的實(shí)例詳解的相關(guān)資料,Activity的兩種啟動(dòng)模式:FLAG_ACTIVITY_CLEAR_TOP和FLAG_ACTIVITY_REORDER_TO_FRONT ,需要的朋友可以參考下2017-08-08

