Android中怎么自定義水平漸變進度條

本篇文章給大家分享的是有關(guān)Android中怎么自定義水平漸變進度條，小編覺得挺實用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

創(chuàng)新互聯(lián)公司是一家專注于做網(wǎng)站、成都網(wǎng)站建設(shè)與策劃設(shè)計,瀘水網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)10余年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:瀘水等地區(qū)。瀘水做網(wǎng)站價格咨詢:028-86922220

具體實現(xiàn)：

新建類，繼承自View，在onDraw中進行繪制：

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.LinearGradient;
import android.graphics.Paint;
import android.graphics.RectF;
import android.graphics.Shader;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;

/**
 *
 * 自定義 進度條
 * Created by wenjing.tang on 2017/8/7.
 */

public class CustomizedProgressBar extends View {

 private float maxCount = 100; //進度條最大值
 private float currentCount; //進度條當前值
 // private Paint mPaint ;
 private int mWidth,mHeight;
 private Context mContext;

 public CustomizedProgressBar(Context context, AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  initView(context);
 }

 public CustomizedProgressBar(Context context, AttributeSet attrs) {
  super(context, attrs);
  initView(context);
 }

 public CustomizedProgressBar(Context context) {
  super(context);
  initView(context);
 }

 private void initView(Context context) {
  mContext=context;
 }

 @Override
 protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  Paint mPaint = new Paint();
  mPaint.setAntiAlias(true);
  int round = mHeight/2; //半徑

  mPaint.setColor(getResources().getColor(R.color.white_alpha)); //設(shè)置邊框背景顏色
  RectF rectBg = new RectF(0, 0, mWidth, mHeight);
  canvas.drawRoundRect(rectBg, round, round, mPaint);//繪制 最外面的大 圓角矩形，背景為白色

  float section = currentCount/maxCount; //進度條的比例
  RectF rectProgressBg = new RectF(0, 0, mWidth*section, mHeight);

  Log.e("CustomizedProgressBar", currentCount+"");
  Log.e("CustomizedProgressBar", section+"");

  //Paint設(shè)置setColor(白色無透明)和setShader，只讓setShader生效；不然前面setColor設(shè)置了透明度，透明度會生效，和setShader效果疊加
  mPaint.setColor(getResources().getColor(R.color.white));
  mPaint.setShader(getLinearGradient());
  canvas.drawRoundRect(rectProgressBg, round, round, mPaint); //最左邊的圓角矩形

  if (maxCount != currentCount){ //如果不是100%，繪制第三段矩形
   RectF rectProgressBg2 = new RectF(mWidth*section-round, 0, mWidth*section, mHeight);
   mPaint.setShader(getLinearGradient());
   canvas.drawRect(rectProgressBg2, mPaint);
  }
 }

 private LinearGradient linearGradient;
 private LinearGradient getLinearGradient(){
  if(linearGradient==null){
   linearGradient = new LinearGradient(0, 0, getWidth(), mHeight, new int[]{mContext.getResources().getColor(R.color.progress_color_1),
     mContext.getResources().getColor(R.color.progress_color_2)}, null, Shader.TileMode.CLAMP); //根據(jù)R文件中的id獲取到color
  }
  return linearGradient;
 }

 private int dipToPx(int dip) {
  float scale = getContext().getResources().getDisplayMetrics().density;
  return (int) (dip * scale + 0.5f * (dip >= 0 ? 1 : -1));
 }

 /***
  * 設(shè)置最大的進度值
  * @param maxCount 最大的進度值
  */
 public void setMaxCount(float maxCount) {
  this.maxCount = maxCount;
 }

 /***
  * 設(shè)置當前的進度值
  * @param currentCount 當前進度值
  */
 public void setCurrentCount(float currentCount) {
  this.currentCount = currentCount > maxCount ? maxCount : currentCount;
  invalidate();
 }

 public float getMaxCount() {
  return maxCount;
 }

 public float getCurrentCount() {
  return currentCount;
 }

 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  int widthSpecMode = MeasureSpec.getMode(widthMeasureSpec);
  int widthSpecSize = MeasureSpec.getSize(widthMeasureSpec);
  int heightSpecMode = MeasureSpec.getMode(heightMeasureSpec);
  int heightSpecSize = MeasureSpec.getSize(heightMeasureSpec);
  if (widthSpecMode == MeasureSpec.EXACTLY || widthSpecMode == MeasureSpec.AT_MOST) {
   mWidth = widthSpecSize;
  } else {
   mWidth = 0;
  }
  if (heightSpecMode == MeasureSpec.AT_MOST || heightSpecMode == MeasureSpec.UNSPECIFIED) {
   mHeight = dipToPx(18);
  } else {
   mHeight = heightSpecSize;
  }
  setMeasuredDimension(mWidth, mHeight);
 }
}

其中用到的一些資源文件如下：

<!--自定義進度條背景顏色-->
<color name="white_alpha">#0c000000</color>

<!--自定義進度條漸變顏色-->
<color name="progress_color_1">#ff916b</color>
<color name="progress_color_2">#ffa94c</color>

要注意的是，在上面Java代碼中，mPaint.setColor(getResources().getColor(R.color.white));這行很重要，因為進度條總共有三層，第一層是最外面的背景，第二層是進度，第三層如果不是100%才繪制，由于第一層背景有透明度，所以setColor設(shè)置了透明度，但雖然setShader，透明度還是會生效，兩者效果疊加，效果是這樣：

Android中怎么自定義水平漸變進度條

加上之后，Paint 第二次設(shè)置 setColor (白色無透明)和 setShader，只讓 setShader 生效，進度條才會達到滿意的效果；

用法：

Java代碼中：

 customizedProgressBar.setMaxCount(100);
 integrity = dataCount/TOTAL_COUNT *100; //根據(jù)自己情況來初始化完整度
 customizedProgressBar.setCurrentCount((int) integrity);
 mTvtDataIntegrity.setText("完整度" + (int) integrity +"%");

xml文件中（不需要文字顯示也可以）：

 <RelativeLayout
     android:layout_width="match_parent"
     android:layout_height="18dp"
     android:layout_marginStart="66dp"
     android:layout_marginEnd="66dp"
     android:layout_centerVertical="true">

     <com.text.widget.CustomizedProgressBar
      android:id="@+id/progress"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:layout_centerInParent="true"/>

     <TextView
      android:id="@+id/tv_data_integrity"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:gravity="center"
      tools:text="完整度35%"
      android:textSize="10sp"
      android:layout_centerInParent="true"/>
 </RelativeLayout>

以上就是Android中怎么自定義水平漸變進度條，小編相信有部分知識點可能是我們?nèi)粘９ぷ鲿姷交蛴玫降摹ＯＭ隳芡ㄟ^這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)頁名稱：Android中怎么自定義水平漸變進度條
本文路徑：http://bm7419.com/article26/pccojg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、網(wǎng)站導(dǎo)航、定制網(wǎng)站、動態(tài)網(wǎng)站、企業(yè)網(wǎng)站制作、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)