Android仿字節(jié)顏色自定義進(jìn)度條
更新時(shí)間：2021年08月09日 08:35:46 作者：我想月薪過(guò)萬(wàn)
這篇文章主要為大家詳細(xì)介紹了Android仿字節(jié)顏色自定義進(jìn)度條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了Android仿字節(jié)顏色自定義進(jìn)度條的具體代碼，供大家參考，具體內(nèi)容如下
效果展示
代碼實(shí)現(xiàn)
第一步：編寫(xiě)自定義屬性
res/values/attrs.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="MyLoadingView">
<attr name="loading_color_one" format="color"/>
<attr name="loading_color_two" format="color"/>
<attr name="loading_color_three" format="color"/>
<attr name="loading_color_four" format="color"/>
<attr name="loading_color_five" format="color"/>
</declare-styleable>
</resources>
第二步：編寫(xiě)自定義java類(lèi)
package com.wust.jingdutiao;
import android.animation.ValueAnimator;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.graphics.drawable.ColorDrawable;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.util.TypedValue;
import android.view.View;
import android.view.animation.Animation;
import androidx.annotation.Nullable;
/**
* ClassName: MyLodingView <br/>
* Description: <br/>
* date: 2021/7/21 15:59<br/>
*
* @author yiqi<br />
* @QQ 1820762465
* @微信 yiqiideallife
* @技術(shù)交流QQ群 928023749
*/
public class MyLoadingView extends View {
private int rect_color_one;
private int rect_color_two;
private int rect_color_three;
private int rect_color_four;
private int rect_color_five;
private Paint rect_one_paint;
private Paint rect_two_paint;
private Paint rect_three_paint;
private Paint rect_four_paint;
private Paint rect_five_paint;
private int mWidth;
private int mHeight;
private float[] mHeightRate = {1/16.0f,1/10.0f,1/8.0f};
private int HORIZONTAL_OFFSET = 5;
private int bg_default_color;
private ValueAnimator va;
public MyLoadingView(Context context) {
super(context);
}
public MyLoadingView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
initAttrs(context, attrs);
initPaint();
initAnima();
}
public MyLoadingView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
initAttrs(context, attrs);
initPaint();
initAnima();
}
//設(shè)置 屬性動(dòng)畫(huà)
private void initAnima() {
va = ValueAnimator.ofInt(0, 4);
va.setDuration(3000);
va.setRepeatCount(ValueAnimator.INFINITE);
va.setRepeatMode(ValueAnimator.RESTART);
va.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
int value = (int) animation.getAnimatedValue();
setRectColorByNum(value);
}
});
postDelayed(new Runnable() {
@Override
public void run() {
va.start();
}
},500);
}
private void initAttrs(Context context, AttributeSet attrs) {
//獲取用戶(hù)傳來(lái)的五種顏色
TypedArray ty = context.obtainStyledAttributes(attrs, R.styleable.MyLoadingView);
rect_color_one = ty.getColor(R.styleable.MyLoadingView_loading_color_one, Color.parseColor("#325AB4"));
rect_color_two = ty.getColor(R.styleable.MyLoadingView_loading_color_two, Color.parseColor("#3C8CFF"));
rect_color_three = ty.getColor(R.styleable.MyLoadingView_loading_color_three, Color.parseColor("#888888"));
rect_color_four = ty.getColor(R.styleable.MyLoadingView_loading_color_four, Color.parseColor("#00C8D2"));
rect_color_five = ty.getColor(R.styleable.MyLoadingView_loading_color_five, Color.parseColor("#78E6DC"));
//獲取背景色
try {
ColorDrawable bg = (ColorDrawable) getBackground();
bg_default_color = bg.getColor();
}catch (Exception e){
bg_default_color = Color.WHITE;
}
ty.recycle();
}
//初始化畫(huà)筆
private void initPaint() {
rect_one_paint = getPaintByColor(rect_color_one);
rect_two_paint = getPaintByColor(rect_color_two);
rect_three_paint = getPaintByColor(rect_color_three);
rect_four_paint = getPaintByColor(rect_color_four);
rect_five_paint = getPaintByColor(rect_color_five);
}
private Paint getPaintByColor(int Color) {
Paint paint = new Paint();
paint.setAntiAlias(true);
paint.setDither(true);
paint.setColor(Color);
return paint;
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
mWidth = MeasureSpec.getSize(widthMeasureSpec);
mHeight = MeasureSpec.getSize(heightMeasureSpec);
//讓其為正方形，并且寬高不能小于40
mWidth = mHeight = Math.max(Math.min(mWidth, mHeight),dp2px(100));
setMeasuredDimension(mWidth, mHeight);
}
private int dp2px(int value) {
return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,value,getResources().getDisplayMetrics());
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
//繪制矩形
drawRect(canvas);
}
private void drawRect(Canvas canvas) {
int centerX = mWidth/2;
int centerY = mHeight/2;
RectF rectOne = new RectF(centerX-HORIZONTAL_OFFSET,
centerY-mWidth*mHeightRate[0],
centerX+HORIZONTAL_OFFSET,
centerY+mWidth*mHeightRate[0]);
canvas.drawRoundRect(rectOne,5,5,rect_one_paint);
RectF rectTwo = new RectF(centerX+HORIZONTAL_OFFSET*3,
centerY-mWidth*mHeightRate[1],
centerX+HORIZONTAL_OFFSET*5,
centerY+mWidth*mHeightRate[1]);
canvas.drawRoundRect(rectTwo,5,5,rect_two_paint);
RectF rectThree = new RectF(centerX-HORIZONTAL_OFFSET*3,
centerY-mWidth*mHeightRate[1],
centerX-HORIZONTAL_OFFSET*5,
centerY+mWidth*mHeightRate[1]);
canvas.drawRoundRect(rectThree,5,5,rect_three_paint);
RectF rectFour = new RectF(centerX+HORIZONTAL_OFFSET*7,
centerY-mWidth*mHeightRate[2],
centerX+HORIZONTAL_OFFSET*9,
centerY+mWidth*mHeightRate[2]);
canvas.drawRoundRect(rectFour,5,5,rect_four_paint);
RectF rectFive = new RectF(centerX-HORIZONTAL_OFFSET*7,
centerY-mWidth*mHeightRate[2],
centerX-HORIZONTAL_OFFSET*9,
centerY+mWidth*mHeightRate[2]);
canvas.drawRoundRect(rectFive,5,5,rect_five_paint);
}
//根據(jù)屬性動(dòng)畫(huà)的 變化的值 給畫(huà)筆換不同的顏色
private void setRectColorByNum(int num){
if (num == 0){
rect_one_paint.setColor(rect_color_one);
rect_two_paint.setColor(bg_default_color);
rect_three_paint.setColor(bg_default_color);
rect_four_paint.setColor(bg_default_color);
rect_five_paint.setColor(bg_default_color);
}else if (num == 1){
rect_one_paint.setColor(bg_default_color);
rect_two_paint.setColor(rect_color_two);
rect_three_paint.setColor(rect_color_three);
rect_four_paint.setColor(bg_default_color);
rect_five_paint.setColor(bg_default_color);
}else if (num == 2){
rect_one_paint.setColor(bg_default_color);
rect_two_paint.setColor(bg_default_color);
rect_three_paint.setColor(bg_default_color);
rect_four_paint.setColor(rect_color_four);
rect_five_paint.setColor(rect_color_five);
}else if (num == 3){
rect_one_paint.setColor(rect_color_one);
rect_two_paint.setColor(rect_color_two);
rect_three_paint.setColor(rect_color_three);
rect_four_paint.setColor(rect_color_four);
rect_five_paint.setColor(rect_color_five);
}
invalidate();
}
}
第三步：使用
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity"
android:gravity="center">
<com.wust.jingdutiao.MyLoadingView
android:layout_width="100dp"
android:layout_height="100dp"/>
</LinearLayout>
到此為止，效果便可以完美實(shí)現(xiàn)了。
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- Android 七種進(jìn)度條的樣式
- Android中實(shí)現(xiàn)Webview頂部帶進(jìn)度條的方法
- android自定義進(jìn)度條漸變色View的實(shí)例代碼
- Android文件下載進(jìn)度條的實(shí)現(xiàn)代碼
- android ListView和ProgressBar(進(jìn)度條控件)的使用方法
- Android編程之ProgressBar圓形進(jìn)度條顏色設(shè)置方法
- Android中自定義進(jìn)度條詳解
- 實(shí)例詳解Android自定義ProgressDialog進(jìn)度條對(duì)話框的實(shí)現(xiàn)
- android中實(shí)現(xiàn)OkHttp下載文件并帶進(jìn)度條
- Android 動(dòng)態(tài)改變SeekBar進(jìn)度條顏色與滑塊顏色的實(shí)例代碼
相關(guān)文章
Android編程實(shí)現(xiàn)簡(jiǎn)單的UDP Client實(shí)例
這篇文章主要介紹了Android編程實(shí)現(xiàn)簡(jiǎn)單的UDP Client,結(jié)合實(shí)例形式分析了Android實(shí)現(xiàn)UDP Clinet客戶(hù)端的實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-04-04
Core Animation一些Demo總結(jié) （動(dòng)態(tài)切換圖片、大轉(zhuǎn)盤(pán)、圖片折疊、進(jìn)度條等動(dòng)畫(huà)效果）
這篇文章主要介紹了Core Animation一些Demo總結(jié) （動(dòng)態(tài)切換圖片、大轉(zhuǎn)盤(pán)、圖片折疊、進(jìn)度條等動(dòng)畫(huà)效果）的相關(guān)資料,需要的朋友可以參考下2016-02-02
本篇文章主要介紹了詳解Android的反編譯和代碼混淆，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11
Android中PopuWindow實(shí)現(xiàn)下拉列表實(shí)例
本篇文章主要介紹了Android中PopuWindow實(shí)現(xiàn)下拉列表實(shí)例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
Android中LayoutInflater.inflater()的正確打開(kāi)方式
這篇文章主要給大家介紹了關(guān)于Android中LayoutInflater.inflater()的正確打開(kāi)方式，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-12-12
Android中一個(gè)應(yīng)用實(shí)現(xiàn)多個(gè)圖標(biāo)的幾種方式
這篇文章主要給大家介紹了在Android中一個(gè)應(yīng)用如何實(shí)現(xiàn)多個(gè)圖標(biāo)的幾種方式，其中包括了多Activity + intent-filter方式、activity-alias方式以及網(wǎng)頁(yè)標(biāo)簽-添加快捷方式，分別給出了詳細(xì)的示例代碼，需要的朋友可以參考借鑒。2017-05-05
這篇文章主要介紹了Android忽略文件的實(shí)例代碼，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2018-02-02
Android基于OkHttpUtils網(wǎng)絡(luò)請(qǐng)求的二次封裝
這篇文章主要介紹了Android基于OkHttpUtils網(wǎng)絡(luò)請(qǐng)求的二次封裝，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
Android自定義控件實(shí)現(xiàn)下拉刷新效果
這篇文章主要為大家詳細(xì)介紹了Android自定義控件實(shí)現(xiàn)下拉刷新效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)圓形圖片的兩種方式,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11