android实现简单圆弧效果

2023-07-18 16:46:04 81

最近项目完成就开始搞一些有用没用的东西，以前面试的时候有人问我那种圆弧效果怎么做，还问我翻牌效果，我只看过，没有做过，现在有空了，而且想到可能会用到就做个简单的
圆弧很简单，自定义个View,创建个Paint，设置arcPaint.setStyle(Paint.Style.STROKE)再设置圆弧的宽，再在onDraw内调用canvas.drawArc()就好了
现在只做一个带刻度的圆弧和一个开口地方是圆角的圆弧。其他各种效果以后再摸索

ArcView.java

publicclassArcViewextendsView{
privatePainttextPaint;
privatePaintarcPaint;
privateShaderbackGradient;
privateXfermodexfermode;
privateRectFoval=newRectF();
publicArcView(Contextcontext){
super(context);
init();
}

publicArcView(Contextcontext,@NullableAttributeSetattrs){
super(context,attrs);
init();
}
privateinttype=0;

publicvoidsetType(inttype){
this.type=type;
if(type==1){
start=10;
}
}
privatevoidinit(){
arcPaint=newPaint();
arcPaint.setAntiAlias(true);
if(type==0){
xfermode=newPorterDuffXfermode(PorterDuff.Mode.CLEAR);
}

textPaint=newPaint();
textPaint.setAntiAlias(true);
textPaint.setColor(Color.WHITE);
textPaint.setTextSize(50);
textPaint.setStyle(Paint.Style.FILL);
textPaint.setTextAlign(Paint.Align.CENTER);

}

privateintstrokeWidth=40;

publicvoidsetStrokeWidth(intstrokeWidth){
this.strokeWidth=strokeWidth;
}

privateintmax=100;

publicvoidsetMax(intmax){
this.max=max;
}

privateintprogress;

publicvoidsetProgress(intprogress){
this.progress=progress;
postInvalidate();
}

privateintstart=0;

publicvoidsetStart(intstart){
if(type==1){
if(start<10){
start=10;
}
}else{
if(start<0){
start=0;
}
}

this.start=start;
}

@Override
protectedvoidonDraw(Canvascanvas){
super.onDraw(canvas);
if(getWidth()!=0){
intwidth=getWidth();
intheight=getHeight();
intcx=width/2;
intcy=height/2;
if(backGradient==null){
oval.set(strokeWidth/2,strokeWidth/2,
width-strokeWidth/2,height-strokeWidth/2);
intcolorStart=getResources().getColor(R.color.colorPrimary);
intcolor2=Color.GREEN;
intcolorEnd=Color.RED;

backGradient=newSweepGradient(cx,cy,newint[]{color2,colorStart,colorEnd},newfloat[]{0.1f,0.4f,0.9f});

postInvalidate();
}else{
intsc=0;
if(type==0){
sc=canvas.saveLayer(0,0,canvas.getWidth(),canvas.getHeight(),null,Canvas.ALL_SAVE_FLAG);
}else{
canvas.save();
}

canvas.rotate(90,cx,cy);
arcPaint.setColor(Color.GRAY);
arcPaint.setStyle(Paint.Style.STROKE);
arcPaint.setStrokeWidth(strokeWidth);
if(type==1){
arcPaint.setStrokeCap(Paint.Cap.ROUND);
}

ints=start;
inte=start*2;
//底色
canvas.drawArc(oval,s,360-e,false,arcPaint);
arcPaint.setShader(backGradient);
//渐变
intsweep=(int)(progress*1.0f/max*(360-e));
canvas.drawArc(oval,s,sweep,false,arcPaint);

arcPaint.setShader(null);


if(type==0){
//刻度
arcPaint.setXfermode(xfermode);
arcPaint.setStyle(Paint.Style.STROKE);
arcPaint.setStrokeWidth(5);

for(inti=0;i<36;i++){
canvas.drawLine(0,cy,getWidth(),cy,arcPaint);
canvas.rotate(5,cx,cy);
}
arcPaint.setXfermode(null);
canvas.restoreToCount(sc);
}else{
canvas.restore();
}

Paint.FontMetricsfontMetrics=textPaint.getFontMetrics();
floattop=fontMetrics.top;
floatbottom=fontMetrics.bottom;
intbaseLineY=(int)(cy-top/2-bottom/2);
canvas.drawText(progress+"%",cx,baseLineY,textPaint);

//十字线，用来参考的，可删除
canvas.drawLine(cx,0,cx,height,textPaint);
canvas.drawLine(0,cy,width,cy,textPaint);

}

}

}
}

activity_main.xml

MainActivity.java

publicclassMainActivityextendsAppCompatActivity{

privateSeekBarseekBar;
privateArcViewarcView0;
privateArcViewarcView1;

@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
arcView0=findViewById(R.id.arc_view_0);
arcView1=findViewById(R.id.arc_view_1);
arcView0.setType(0);
arcView1.setType(1);
arcView0.setStart(10);
arcView1.setStart(0);

seekBar=findViewById(R.id.seek_bar);
seekBar.setOnSeekBarChangeListener(newSeekBar.OnSeekBarChangeListener(){
@Override
publicvoidonProgressChanged(SeekBarseekBar,intprogress,booleanfromUser){
arcView0.setProgress(progress);
arcView1.setProgress(progress);
}

@Override
publicvoidonStartTrackingTouch(SeekBarseekBar){

}

@Override
publicvoidonStopTrackingTouch(SeekBarseekBar){

}
});
}
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

android实现简单圆弧效果

热门推荐

随机推荐