android自定義view仿今日頭條加載文字變色效果
本文實(shí)例為大家分享了android自定義view加載文字變色效果的具體代碼,供大家參考,具體內(nèi)容如下
不分析了,很簡(jiǎn)單,直接貼代碼:
package com.loading;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.os.Handler;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.View;
/**
* Created by zhouguizhijxhz on 2018/5/25.
*/
public class LoadingView extends View{
private Paint loadPaint;
private Paint paint;
private String text = "今日頭條";
private float percent;
private Handler handler = new Handler();
public LoadingView(Context context) {
this(context,null);
}
public LoadingView(Context context, @Nullable AttributeSet attrs) {
this(context, attrs,0);
}
public LoadingView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
initPaint();
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
Rect bounds = new Rect();
paint.getTextBounds(text, 0, text.length(), bounds);
setMeasuredDimension(bounds.width(),bounds.height());
}
private void initPaint() {
paint = new Paint();
paint.setColor(Color.parseColor("#999999"));
paint.setTextSize(60);
loadPaint = new Paint();
loadPaint.setStyle(Paint.Style.FILL);
loadPaint.setColor(0x70ffffff);
}
@Override
protected void onDraw(Canvas canvas) {
drawText(canvas);
drawLine(canvas);
}
private void drawLine(Canvas canvas) {
if(null==canvas){
return;
}
canvas.save();
Rect bounds = new Rect();
paint.getTextBounds(text, 0, text.length(), bounds);
Rect rect = new Rect(0, 0, (int) (bounds.width()*percent), bounds.height());
canvas.clipRect(rect);
canvas.drawRect(rect,loadPaint);
canvas.restore();
handler.postDelayed(new Runnable() {
@Override
public void run() {
if(percent>=1.0){
percent=0;
}else{
percent+=0.05f;
}
postInvalidate();
}
},200);
}
private void drawText(Canvas canvas) {
if(null==canvas){
return;
}
Paint.FontMetricsInt fm = paint.getFontMetricsInt();
canvas.drawText(text, getWidth() / 2 - paint.measureText(text) / 2,
getHeight() / 2 - (fm.bottom + fm.top) / 2, paint);
}
@Override
protected void onWindowVisibilityChanged(int visibility) {
if(visibility==View.VISIBLE){
percent+=0.05f;
invalidate();
}
}
}
效果:

如果要達(dá)到頭條那么好看,叫你們美工給你們2個(gè)顏色值就可以了。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android仿今日頭條頂部導(dǎo)航欄效果的實(shí)例代碼
- Android仿今日頭條多個(gè)fragment懶加載的實(shí)現(xiàn)
- Android使用RecyclerView實(shí)現(xiàn)今日頭條頻道管理功能
- Android studio導(dǎo)入項(xiàng)目的方法詳解(簡(jiǎn)單快速)
- Android 仿今日頭條簡(jiǎn)單的刷新效果實(shí)例代碼
- Android仿今日頭條APP實(shí)現(xiàn)下拉導(dǎo)航選擇菜單效果
- Android應(yīng)用中仿今日頭條App制作ViewPager指示器
- Android實(shí)現(xiàn)仿網(wǎng)易今日頭條等自定義頻道listview 或者grideview等item上移到另一個(gè)view中
- Android仿今日頭條滑動(dòng)頁(yè)面導(dǎo)航效果
- Android實(shí)現(xiàn)今日頭條訂閱頻道效果
相關(guān)文章
Android實(shí)現(xiàn)微信聊天語(yǔ)言點(diǎn)擊喇叭動(dòng)畫(huà)效果
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)微信聊天語(yǔ)言點(diǎn)擊喇叭動(dòng)畫(huà)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-07-07
MUI進(jìn)行APP混合開(kāi)發(fā)實(shí)現(xiàn)下拉刷新和上拉加載
給大家分析一下在用MUI進(jìn)行APP混合開(kāi)發(fā)的時(shí)候,如何用代碼實(shí)現(xiàn)下拉刷新和上拉加載這個(gè)普遍應(yīng)用的功能。2017-11-11
Android 連接藍(lán)牙掃碼器無(wú)輸入框的實(shí)現(xiàn)
這篇文章主要介紹了Android 連接藍(lán)牙掃碼器無(wú)輸入框的實(shí)現(xiàn),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-02-02
Android自定義viewGroup實(shí)現(xiàn)點(diǎn)擊動(dòng)畫(huà)效果
這篇文章主要介紹了Android自定義viewGroup實(shí)現(xiàn)點(diǎn)擊動(dòng)畫(huà)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-12-12
Kotlin 擴(kuò)展函數(shù)和擴(kuò)展屬性的使用方法
這篇文章主要介紹了Kotlin 擴(kuò)展函數(shù)和擴(kuò)展屬性的使用方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10

