Android 사용자 정의 애니메이션 효 과 를 불 러 오 는 링 모양 진도 막대
public class CircleProgressView extends View{
private Paint mCirPaint;
private Paint mArcPaint;
private Paint mTextPaint;
private float radius=200;
private int textsize=60;
private int progress=68;
private int stokeWidth=10;
private int circleColor=Color.GRAY;
private int arcColor=Color.GREEN;
private int textColor=Color.BLACK;
private int speed=0;
public CircleProgressView(Context context) {
super(context);
}
public CircleProgressView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
public CircleProgressView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public void setRadius(float radius){
this.radius=radius;
invalidate();
}
public void setTextSize(int textsize){
this.textsize=textsize;
invalidate();
}
public void setProgress(int progress){
this.progress=progress;
}
public void setStokewidth(int stokeWidth){
this.stokeWidth=stokeWidth;
invalidate();
}
public void setColor(int circleColor,int arcColor,int textColor){
this.circleColor=circleColor;
this.arcColor=arcColor;
this.textColor=textColor;
invalidate();
}
public void setSpeed(int speed){
this.speed=speed;
}
private void init() {
mCirPaint=new Paint();
mCirPaint.setColor(circleColor);
mCirPaint.setAntiAlias(true);
mCirPaint.setStyle(Paint.Style.STROKE);
mCirPaint.setStrokeWidth(stokeWidth);
mArcPaint=new Paint();
mArcPaint.setColor(arcColor);
mArcPaint.setAntiAlias(true);
mArcPaint.setStyle(Paint.Style.STROKE);
mArcPaint.setStrokeWidth(stokeWidth);
mTextPaint=new Paint();
mTextPaint.setColor(textColor);
mTextPaint.setTextSize(textsize);
mTextPaint.setAntiAlias(true);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
init();
float centerX=getWidth()/2;
float centerY=getHeight()/2;
canvas.drawCircle(centerX,centerY,radius,mCirPaint);
canvas.drawArc(centerX-radius,centerY-radius,centerX+radius,centerY+radius,-90,progress*360/100,false,mArcPaint);
canvas.drawText(progress+"%",centerX-(mTextPaint.measureText(progress+"%"))/2,centerY+textsize/2,mTextPaint);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
if (speed!=0){
startProgress();
}
}
public void startProgress(){
final int preProgress=progress;
new CountDownTimer(preProgress * speed, speed) {
@Override
public void onTick(long l) {
setProgress(preProgress-(int) (l/speed));
invalidate();
}
@Override
public void onFinish() {
setProgress(preProgress);
invalidate();
this.cancel();
}
}.start();
}
}
관련 용법:setProgress(progress);//진도 설정
setRadius(300);//반경 설정
setStokewidth(60);//링 너비 설정
setTextSize(80);//텍스트 진행 크기 설정
setColor(Color.GRAY,Color.RED,Color.BLUE);//색상 설정(링 색상,진행 막대 색상,텍스트 진행 글꼴 색상)
setSpeed(20);//애니메이션 속 도 를 설정 합 니 다.이곳 의 수 치 는 매번 진도 에 시간 을 추가 하 는 것 이기 때문에 수치 가 작 을 수록 애니메이션 속도 가 빨 라 집 니 다.
테스트 코드:
mCircleProgressView= (CircleProgressView) findViewById(R.id.circle_progress);
mCircleProgressView.setProgress(progress);
mCircleProgressView.setRadius(300);
mCircleProgressView.setStokewidth(60);
mCircleProgressView.setTextSize(80);
mCircleProgressView.setColor(Color.GRAY,Color.RED,Color.BLUE);
mCircleProgressView.setSpeed(20);
테스트 효과이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Bitrise에서 배포 어플리케이션 설정 테스트하기이 글은 Bitrise 광고 달력의 23일째 글입니다. 자체 또는 당사 등에서 Bitrise 구축 서비스를 사용합니다. 그나저나 며칠 전 Bitrise User Group Meetup #3에서 아래 슬라이드를 발표했...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.