欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android實(shí)現(xiàn)漸變圓環(huán)、圓形進(jìn)度條效果

 更新時(shí)間：2018年10月10日 08:39:44   作者：再見孫悟空_  
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)漸變圓環(huán)、圓形進(jìn)度條效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

最近做了一個(gè)功能，里面涉及到了漸變圓形的需求。就是一個(gè)顏色可以漸變的圓環(huán)，最后實(shí)現(xiàn)的效果如下圖：

左圖是帶漸變效果，右圖是不帶漸變效果。原理還是繪圖，Canvas可以繪制的對(duì)象有：弧線(arcs)、填充顏色(argb和color)、 Bitmap、圓(circle和oval)、點(diǎn)(point)、線(line)、矩形(Rect)、圖片(Picture)、圓角矩形 (RoundRect)、文本(text)、頂點(diǎn)(Vertices)、路徑(path)。通過(guò)組合這些對(duì)象我們可以畫出一些簡(jiǎn)單有趣的界面出來(lái)，但是光有這些功能還是不夠的，如果我要畫一個(gè)儀表盤(數(shù)字圍繞顯示在一個(gè)圓圈中)呢？ 幸好Android還提供了一些對(duì)Canvas位置轉(zhuǎn)換的方法：rorate、scale、translate、skew(扭曲)等，而且它允許你通過(guò)獲得它的轉(zhuǎn)換矩陣對(duì)象(getMatrix方法，不知道什么是轉(zhuǎn)換矩陣？)  直接操作它。這些操作就像是雖然你的筆還是原來(lái)的地方畫，但是畫紙旋轉(zhuǎn)或者移動(dòng)了，所以你畫的東西的方位就產(chǎn)生變化。為了方便一些轉(zhuǎn)換操作，Canvas 還提供了保存和回滾屬性的方法(save和restore)，比如你可以先保存目前畫紙的位置(save)，然后旋轉(zhuǎn)90度，向下移動(dòng)100像素后畫一些圖形，畫完后調(diào)用restore方法返回到剛才保存的位置。

話不多說(shuō)，上代碼

核心類：

自定義控件 CircleProgressBar

package com.jky.mobile_xmxt.view;
 
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.graphics.SweepGradient;
import android.util.AttributeSet;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.Transformation;
 
import com.jky.mobile_xmxt.R;
 
import java.text.DecimalFormat;
 
/**
 * 圓盤計(jì)步圖表
 */
public class CircleProgressBar extends View {
 
 private RectF mWheelRect = new RectF();
 private Paint mDefaultWheelPaint;
 private Paint mFinishWheelPaint;
 private Paint mCenterWheelPaint;
 private Paint mTitlePaint, mStepPaint, mTargetPaint;
 private float mCircleStrokeWidth;
 private float mSweepAnglePer;
 private float mPercent;
 private int mStepNum, mCurrStepNum;
 private float pressExtraStrokeWidth;
 private BarAnimation mAnim;
 private int mMaxStepNum;// 默認(rèn)最大步數(shù)
 private float mTitleY, mStepY, mTargetY;
 private DecimalFormat mDecimalFormat = new DecimalFormat("#.0");// 格式為保留小數(shù)點(diǎn)后一位
 public static String GOAL_STEP;
 public static String PERCENT;
 
 public CircleProgressBar(Context context) {
 super(context);
 init(null, 0);
 }
 
 public CircleProgressBar(Context context, AttributeSet attrs) {
 super(context, attrs);
 init(attrs, 0);
 }
 
 public CircleProgressBar(Context context, AttributeSet attrs, int defStyle) {
 super(context, attrs, defStyle);
 init(attrs, defStyle);
 }
 
 private void init(AttributeSet attrs, int defStyle) {
 
 mFinishWheelPaint = new Paint();
 mFinishWheelPaint.setColor(Color.rgb(100, 113, 205));
 mFinishWheelPaint.setStyle(Paint.Style.STROKE);// 空心
 mFinishWheelPaint.setStrokeCap(Paint.Cap.ROUND);// 圓角畫筆
 mFinishWheelPaint.setAntiAlias(true);// 去鋸齒
 
 mCenterWheelPaint = new Paint();
 mCenterWheelPaint.setColor(Color.rgb(243, 243, 243));
 mCenterWheelPaint.setStyle(Paint.Style.STROKE);
 mCenterWheelPaint.setStrokeCap(Paint.Cap.ROUND);
 mCenterWheelPaint.setAntiAlias(true);
 
 mDefaultWheelPaint = new Paint();
 mDefaultWheelPaint.setColor(Color.rgb(127, 127, 127));
 mDefaultWheelPaint.setStyle(Paint.Style.STROKE);
 mDefaultWheelPaint.setStrokeCap(Paint.Cap.ROUND);
 mDefaultWheelPaint.setAntiAlias(true);
 
 mTitlePaint = new Paint();
 mTitlePaint.setAntiAlias(true);
 mTitlePaint.setColor(Color.WHITE);
 
 mStepPaint = new Paint();
 mStepPaint.setAntiAlias(true);
 mStepPaint.setColor(Color.WHITE);
 
 mTargetPaint = new Paint();
 mTargetPaint.setAntiAlias(true);
 mTargetPaint.setColor(Color.WHITE);
 mAnim = new BarAnimation();
 }
 
 @Override
 protected void onDraw(Canvas canvas) {
 canvas.drawArc(mWheelRect, 0, 359, false, mDefaultWheelPaint);
 canvas.drawArc(mWheelRect, 0, 359, false, mCenterWheelPaint);
 canvas.drawArc(mWheelRect, 90, mSweepAnglePer, false, mFinishWheelPaint);
// canvas.drawText("步數(shù)", mWheelRect.centerX() - (mTitlePaint.measureText("步數(shù)") / 2), mTitleY,
// mTitlePaint);
 canvas.drawText(mCurrStepNum + "",
  mWheelRect.centerX() - (mStepPaint.measureText(String.valueOf(mCurrStepNum)) / 2), mStepY,
  mStepPaint);
 String description = "";
 float percent = getPercent();
 if(percent > 0.5){
  description ="嚴(yán)重污染";
 }else if(percent<0.5){
  description ="中等污染";
 }else{
  description ="普通污染";
 }
 
 canvas.drawText(description , mWheelRect.centerX() -
  (mTargetPaint.measureText(description) / 2), mTargetY, mTargetPaint);
 SweepGradient sweepGradient = new SweepGradient(mWheelRect.centerX(), mWheelRect.centerY(),
  new int[]{getResources().getColor(R.color.color_environment_severe), getResources().getColor(R.color.color_environment_serious),
   getResources().getColor(R.color.color_environment_excellent),
   getResources().getColor(R.color.color_environment_good), getResources().getColor(R.color.color_environment_mild),
   getResources().getColor(R.color.color_environment_moderate)}, null);
 mFinishWheelPaint.setShader(sweepGradient);
 }
 
 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
 int height = getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec);
 int width = getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec);
 int min = Math.min(width, height);// 獲取View最短邊的長(zhǎng)度
 setMeasuredDimension(min, min);// 強(qiáng)制改View為以最短邊為長(zhǎng)度的正方形
 mCircleStrokeWidth = getTextScale(15, min);// 圓弧的寬度
 pressExtraStrokeWidth = getTextScale(10, min);// 圓弧離矩形的距離
 mWheelRect.set(mCircleStrokeWidth + pressExtraStrokeWidth, mCircleStrokeWidth + pressExtraStrokeWidth,
  min - mCircleStrokeWidth - pressExtraStrokeWidth, min - mCircleStrokeWidth - pressExtraStrokeWidth);// 設(shè)置矩形
 mTitlePaint.setTextSize(getTextScale(60, min));
 mStepPaint.setTextSize(getTextScale(120, min));
 mTargetPaint.setTextSize(getTextScale(40, min));
 mTitleY = getTextScale(170, min);
 mStepY = getTextScale(300, min);
 mTargetY = getTextScale(380, min);
 mFinishWheelPaint.setStrokeWidth(mCircleStrokeWidth);
 mCenterWheelPaint.setStrokeWidth(mCircleStrokeWidth);
 mDefaultWheelPaint.setStrokeWidth(mCircleStrokeWidth - getTextScale(2, min));
 mDefaultWheelPaint.setShadowLayer(getTextScale(10, min), 0, 0, Color.rgb(127, 127, 127));// 設(shè)置陰影
 }
 
 /**
 * 進(jìn)度條動(dòng)畫
 *
 * @author Administrator
 */
 public class BarAnimation extends Animation {
 
 /**
  * 每次系統(tǒng)調(diào)用這個(gè)方法時(shí)， 改變mSweepAnglePer，mPercent，stepnumbernow的值，
  * 然后調(diào)用postInvalidate()不停的繪制view。
  */
 @Override
 protected void applyTransformation(float interpolatedTime, Transformation t) {
// if (interpolatedTime < 1.0f) {
// mPercent = Float.parseFloat(mDecimalFormat.format(interpolatedTime * mStepNum * 100f / mMaxStepNum));// 將浮點(diǎn)值四舍五入保留一位小數(shù)
// mSweepAnglePer = interpolatedTime * mStepNum * 360 / mMaxStepNum;
// mCurrStepNum = (int) (interpolatedTime * mStepNum);
// } else {
  mPercent = Float.parseFloat(mDecimalFormat.format(mStepNum * 100f / mMaxStepNum));// 將浮點(diǎn)值四舍五入保留一位小數(shù)
  if (mPercent > 100.0f) {
  mPercent = 100.0f;
  }
  PERCENT = String.valueOf(mPercent);
  mSweepAnglePer = mStepNum * 360 / mMaxStepNum;
  mCurrStepNum = mStepNum;
// }
 
  requestLayout();
 }
 }
 
 public float getPercent() {
 return mPercent;
 }
 
 /**
 * 根據(jù)控件的大小改變絕對(duì)位置的比例
 *
 * @param n
 * @param m
 * @return
 */
 public float getTextScale(float n, float m) {
 return n / 500 * m;
 }
 
 /**
 * 更新步數(shù)和設(shè)置一圈動(dòng)畫時(shí)間
 *
 * @param stepCount
 * @param time
 */
 public void update(int stepCount, int time) {
 this.mStepNum = stepCount;
 mAnim.setDuration(time);
 // setAnimationTime(time);
 this.startAnimation(mAnim);
 }
 
 /**
 * @param stepNum
 */
 public void setMaxStepNum(int stepNum) {
 mMaxStepNum = stepNum;
 GOAL_STEP = String.valueOf(mMaxStepNum);
 }
 
 public void setColor(int color) {
 mFinishWheelPaint.setColor(color);
 mStepPaint.setColor(color);
 }
 
 /**
 * 設(shè)置動(dòng)畫時(shí)間
 *
 * @param time
 */
 public void setAnimationTime(int time) {
 mAnim.setDuration(time * mStepNum / mMaxStepNum);// 按照比例設(shè)置動(dòng)畫執(zhí)行時(shí)間
 }
 
}

xml引用

<com.jky.mobile_xmxt.view.CircleProgressBar
 android:id="@+id/color_progress_view"
 android:layout_width="match_parent"
 android:layout_height="0dp"
 android:layout_weight="6"
 />

Activity調(diào)用方法

color_progress_view = (CircleProgressBar)view.findViewById(R.id.color_progress_view);
color_progress_view.setMaxStepNum(500);
color_progress_view.update(470,1000);

由于和調(diào)用其他控件方法類似，姑且省去了很多其他業(yè)務(wù)邏輯代碼，代碼不是特別復(fù)雜，修改起來(lái)也很方便（修改顏色，總量及比例等），所以只粘貼核心相關(guān)的代碼，希望可以幫助到大家。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論