안 드 로 이 드 사용자 정의 view 원형 진도 바 만 들 기 효과

아니면 우리 가 스스로 보기 의 몇 가지 절 차 를 정 하 는 것 입 니까?
1.사용자 정의 View 의 속성
2.View 의 구조 방법 에서 사용자 정의 속성 을 얻 을 수 있 습 니 다.
[3.onMesure 재 작성]
4.다시 쓰기 onDraw
1.사용자 정의 속성:

<?xml version="1.0" encoding="utf-8"?> 
<resources> 
 <declare-styleable name="CustomTitleView"> 
  <attr name="mSpeed" format="integer" /> 
  <attr name="mFirstColor" format="color" /> 
  <attr name="mSecondColor" format="color" /> 
  <attr name="mCircleWidth" format="dimension"/> 
  <attr name="textSize" format="dimension"/> 
 </declare-styleable> 
</resources> 

2.View 의 구조 방법 에서 사용자 정의 속성 을 얻 을 수 있 습 니 다.

/** 
 *      
 */ 
 private int mProgress; 
 /** 
 *        
 */ 
 private int mFirstColor; 
 /** 
 *        
 */ 
 private int mSecondColor; 
 /** 
 *      
 */ 
 private int mCircleWidth; 
 /** 
 *    
 */ 
 private int mSpeed; 
 /** 
 *                
 */ 
 private float textSize; 
 private boolean isNext = false; 
 private Paint mPaint; 
 
 public CustomTitleView(Context context, AttributeSet attrs) { 
  super(context, attrs); 
  TypedArray typearray = context.obtainStyledAttributes(attrs, R.styleable.CustomTitleView); 
  int count= typearray.getIndexCount(); 
  for(int i=0;i<count;i++){ 
   int attr =typearray.getIndex(i); 
   switch(attr){ 
    case R.styleable.CustomTitleView_mFirstColor: 
     mFirstColor=typearray.getColor(attr,Color.BLACK); 
     break; 
    case R.styleable.CustomTitleView_mSecondColor: 
     mSecondColor=typearray.getColor(attr,Color.RED); 
     break; 
    case R.styleable.CustomTitleView_mCircleWidth: 
     mCircleWidth = typearray.getDimensionPixelSize(attr,(int)TypedValue.applyDimension( 
       TypedValue.COMPLEX_UNIT_PX,20,getResources().getDisplayMetrics())); 
     break; 
 
    case R.styleable.CustomTitleView_textSize: 
     textSize = typearray.getDimensionPixelSize(attr,(int)TypedValue.applyDimension( 
       TypedValue.COMPLEX_UNIT_PX,30,getResources().getDisplayMetrics())); 
     break; 
    case R.styleable.CustomTitleView_mSpeed: 
     mSpeed = typearray.getInt(attr,100);//   100 
     break; 
   } 
  } 
  Log.v("----",mSpeed+""); 
  typearray.recycle(); 
  mPaint = new Paint(); 
  new Thread() 
  { 
   public void run() 
   { 
    while (true) 
    { 
     mProgress++; 
     if (mProgress == 360) 
     { 
      mProgress = 0; 
      if (!isNext) 
       isNext = true; 
      else 
       isNext = false; 
     } 
     postInvalidate(); 
     try 
     { 
      Thread.sleep(mSpeed); 
     } catch (InterruptedException e) 
     { 
      e.printStackTrace(); 
     } 
    } 
   }; 
  }.start(); 
 } 

3.onDraw 를 직접 다시 씁 니 다.onMeasure 를 다시 쓸 필요 가 없습니다.

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec){ 
    super.onMeasure(widthMeasureSpec, heightMeasureSpec); 
 } 
 protected void onDraw(Canvas canvas) 
 { 
  /** 
  *        
  */ 
  mPaint.setStrokeWidth(0); 
  mPaint.setColor(Color.BLACK); 
  mPaint.setTextSize(textSize); 
  mPaint.setTypeface(Typeface.DEFAULT_BOLD); //     
  int percent = (int)(((float)mProgress / (float)360) * 100); 
  int centre = getWidth() / 2; //      x   
  int radius = centre - mCircleWidth / 2;//    
  float textWidth = mPaint.measureText(percent + "%"); //      ，                   
  canvas.drawText(percent + "%",centre-textWidth/ 2,centre+textSize/2, mPaint); //        
  mPaint.setStrokeWidth(mCircleWidth); //         
  mPaint.setAntiAlias(true); //      
  mPaint.setStyle(Paint.Style.STROKE); //      
  RectF oval = new RectF(centre - radius, centre - radius, centre + radius, centre + radius); //                  
  if(isNext){ 
   mPaint.setColor(mSecondColor); //         
   canvas.drawCircle(centre, centre, radius, mPaint); //      
   mPaint.setColor(mFirstColor); //         
   canvas.drawArc(oval, -90, mProgress, false, mPaint); //         
  }else{ 
   mPaint.setColor(mFirstColor); //         
   canvas.drawCircle(centre, centre, radius, mPaint); //      
   mPaint.setColor(mSecondColor); //         
   canvas.drawArc(oval, -90, mProgress, false, mPaint); //         
  } 
 } 

activity_main.xml

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
 xmlns:custom="http://schemas.android.com/apk/res-auto" 
 android:layout_width="match_parent" 
 android:layout_height="match_parent" 
 android:padding="20dp" 
 > 
 <view.CustomTitleView 
  android:layout_width="200dp" 
  android:layout_height="400dp" 
  custom:mSpeed="50" 
  custom:mFirstColor="#7300e6" 
  custom:mSecondColor="#39ac39" 
  custom:mCircleWidth="10px" 
  custom:textSize="20px" 
  android:id="@+id/one" 
 /> 
 <view.CustomTitleView 
  android:layout_toEndOf="@id/one" 
  android:layout_width="200dp" 
  android:layout_height="400dp" 
  custom:mSpeed="100" 
  custom:mFirstColor="#0040ff" 
  custom:mSecondColor="#40ff00" 
  custom:mCircleWidth="20px" 
  custom:textSize="30px" 
  /> 
</RelativeLayout> 

효과 미리 보기

원본 다운로드:http://xiazai.jb51.net/201701/yuanma/AndroidProgressbar(jb51.net).rar
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.