溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Android自定義帶圓點(diǎn)的半圓形進(jìn)度條

發(fā)布時(shí)間:2020-10-16 18:42:20 來源:腳本之家 閱讀:304 作者:songyan_love 欄目:移動(dòng)開發(fā)

本文實(shí)例為大家分享了Android自定義帶圓點(diǎn)的半圓形進(jìn)度條,供大家參考,具體內(nèi)容如下

僅限用于半圓形,如須要帶圓點(diǎn)的圓形進(jìn)度條,圓點(diǎn)會(huì)出現(xiàn)錯(cuò)位現(xiàn)象,此代碼僅供,帶圓點(diǎn)的圓形進(jìn)度條有空研究一下!圖片效果在下方,

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.util.AttributeSet;
import android.view.View;

/**
 * 自定義帶圓點(diǎn)的進(jìn)度條
 */
public class HalfProgressBar extends View{
 private int maxProgress = 100;
 //設(shè)置進(jìn)度條背景寬度
 private float progressStrokeWidth = 3;
 //設(shè)置進(jìn)度條進(jìn)度寬度
 private float marxArcStorkeWidth = 6;
 //設(shè)置進(jìn)度條圓點(diǎn)的寬度
 private float circularDotWidth=15;


 /**
  * 畫筆對象的引用
  */
 private Paint paint;

 public synchronized int getProgress() {
  return progress;
 }

 /**
  * Android提供了Invalidate方法實(shí)現(xiàn)界面刷新,但是Invalidate不能直接在線程中調(diào)用,因?yàn)樗沁`背了單線程模型:Android UI操作并不是線程安全的,并且這些操作必須在UI線程中調(diào)用。
  * 而postInvalidate()在工作者線程中被調(diào)用 使用postInvalidate則比較簡單,不需要handler,直接在線程中調(diào)用postInvalidate即可。 
  * @param progress 傳過來的進(jìn)度
  */
 public void setProgress(int progress) {
  if (progress < 0) {
   progress = 0;
  }
  if (progress > maxProgress) {
   progress = maxProgress;
  }
  if (progress <= maxProgress) {
   this.progress = progress;
   postInvalidate();
  }
 }
 /**
  * 當(dāng)前進(jìn)度
  */
 private int progress = 99;

 private RectF oval;
 private int roundProgressColor;
 private int roundColor;
 private int circularDotColor;
 public HalfProgressBar(Context context) {
  super(context);
 }

 public HalfProgressBar(Context context, AttributeSet attrs) {
  super(context, attrs);
  paint = new Paint();
  oval = new RectF();
  //這是自定義view 必須要寫的
  TypedArray mTypedArray = context.obtainStyledAttributes(attrs, R.styleable.HalfProgressBar);
  roundProgressColor = mTypedArray.getColor(R.styleable.HalfProgressBar_roundProgressColor1, Color.YELLOW);
  roundColor=mTypedArray.getColor(R.styleable.HalfProgressBar_roundColor1, Color.YELLOW);
  circularDotColor=mTypedArray.getColor(R.styleable.HalfProgressBar_circularDotColor1, Color.YELLOW);

 }

 public HalfProgressBar(Context context, AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  paint = new Paint();
  oval = new RectF();
  TypedArray mTypedArray = context.obtainStyledAttributes(attrs, R.styleable.HalfProgressBar);
  roundProgressColor = mTypedArray.getColor(R.styleable.HalfProgressBar_roundProgressColor1, Color.YELLOW);
  roundColor=mTypedArray.getColor(R.styleable.HalfProgressBar_roundColor1, Color.YELLOW);

 }

 @Override
 protected void onDraw(Canvas canvas) {
  // TODO 自動(dòng)生成的方法存根
  super.onDraw(canvas);
  float width = getWidth();
  float height = getHeight();
  paint.setAntiAlias(false); // 設(shè)置畫筆為抗鋸齒
  paint.setColor(roundColor); // 設(shè)置畫筆顏色

  paint.setStrokeWidth(progressStrokeWidth); // 線寬
  paint.setStyle(Paint.Style.STROKE);

  oval.left = marxArcStorkeWidth / 2; // 左上角x
  oval.top = circularDotWidth; // 左上角y
  oval.right = width - circularDotWidth / 2; // 左下角x
  oval.bottom = width - circularDotWidth / 2; // 右下角y
  float bangjing = ((width - circularDotWidth/2) / 2);//半徑


  //調(diào)整圓背景的大小
  canvas.drawArc(oval, 180, 180, false, paint); // 繪制紅絲圓圈,即進(jìn)度條背景
  //進(jìn)度條顏色
  paint.setColor(roundProgressColor);
  paint.setStrokeWidth(marxArcStorkeWidth);
  canvas.drawArc(oval, 180, 180 * ((float) progress / (float) maxProgress), false, paint); // 繪制進(jìn)度圓弧,這里是藍(lán)色


  //畫圓點(diǎn)
  paint.setColor(circularDotColor);
  paint.setAntiAlias(true); // 設(shè)置畫筆為抗鋸齒
  paint.setStyle(Paint.Style.FILL);
  paint.setStrokeWidth(circularDotWidth);
  //當(dāng)畫筆樣式為STROKE或FILL_OR_STROKE時(shí),設(shè)置筆刷的圖形樣式,如圓形樣式Cap.ROUND,或方形樣式Cap.SQUARE
  paint.setStrokeCap(Paint.Cap.ROUND);
  float jindu = ((float) progress * 1.8f);
  canvas.drawPoint(bangjing - ((float) (Math.sin((Math.PI / (double) 180) * (jindu <= 90 ? 90 - (jindu) : -jindu + 90))) * bangjing),
   bangjing+circularDotWidth - ((float) (Math.cos((Math.PI / (double) 180) * (double) (jindu <= 90 ? 90 - jindu : -jindu + 90))) * bangjing), paint);

 }

}

attrs.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
 <!--自定義半圓形加載進(jìn)度條-->
 <declare-styleable name="HalfProgressBar">
  <attr name="roundColor1" format="color"/>
  <attr name="roundProgressColor1" format="color"/>
  <attr name="circularDotColor1" format="color"/>
 </declare-styleable>
</resources>

xml中

<com.jyc99.demo.HalfProgressBar
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:id="@+id/view"
  android:layout_centerHorizontal="true"
  android:layout_marginTop="42dp"
  android_custom:roundColor1="#fc422b"
  android_custom:roundProgressColor1="#fa432e"
  android_custom:circularDotColor1="#246223"/>

由于截圖的原因可能看不到圓點(diǎn) , 大家自己試試調(diào)調(diào)顏色 調(diào)整一下高度寬度

Android自定義帶圓點(diǎn)的半圓形進(jìn)度條

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI