先看進度條的效果：
具體實現：
新建類，繼承自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)); //設置邊框背景顏色 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設置setColor(白色無透明)和setShader，只讓setShader生效；不然前面setColor設置了透明度，透明度會生效，和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); //根據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)); } /*** * 設置最大的進度值 * @param maxCount 最大的進度值 */ public void setMaxCount(float maxCount) { this.maxCount = maxCount; } /*** * 設置當前的進度值 * @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設置了透明度，但雖然setShader，透明度還是會生效，兩者效果疊加，效果是這樣：
加上之后，Paint 第二次設置 setColor (白色無透明)和 setShader，只讓 setShader 生效，進度條才會達到滿意的效果；
用法：
Java代碼中：
customizedProgressBar.setMaxCount(100); integrity = dataCount/TOTAL_COUNT *100; //根據自己情況來初始化完整度 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>
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持VEVB武林網。
新聞熱點
疑難解答
