非常好看的android音量旋钮

2023-08-02 10:19:04 63

本文实例为大家分享了好看的android音量旋钮，供大家参考，具体内容如下

效果图：

实现思路，用的自定义的控件,图片和按钮都是自己绘制的，并且附带点击事件，可以监听当前的旋钮的值：

第一步：先把布局写了：

第二步：然后把自定义的控件类写了：AnalogController

importandroid.content.Context;
importandroid.graphics.Canvas;
importandroid.graphics.Color;
importandroid.graphics.Paint;
importandroid.util.AttributeSet;
importandroid.view.MotionEvent;
importandroid.view.View;


/**
*CreatedbyHarjoton23-May-16.
*/
publicclassAnalogControllerextendsView{

staticfloatwidth,height;
floatmidx,midy;
PainttextPaint;
PaintcirclePaint;
publicPaintcirclePaint2;
publicPaintlinePaint;
Stringangle;
floatcurrdeg,deg=3,downdeg,prevCurrDeg;
booleanisIncreasing,isDecreasing;
publicstaticintthemeColor=Color.parseColor("#B24242");

intprogressColor,lineColor;

onProgressChangedListenermListener;

Stringlabel;

publicinterfaceonProgressChangedListener{
voidonProgressChanged(intprogress);
}

publicvoidsetOnProgressChangedListener(onProgressChangedListenerlistener){
mListener=listener;
}

publicAnalogController(Contextcontext){
super(context);
init();
}

publicAnalogController(Contextcontext,AttributeSetattrs){
super(context,attrs);
init();
}

publicAnalogController(Contextcontext,AttributeSetattrs,intdefStyleAttr){
super(context,attrs,defStyleAttr);
init();
}

voidinit(){
textPaint=newPaint();
textPaint.setColor(Color.WHITE);
textPaint.setStyle(Paint.Style.FILL);
textPaint.setTextSize(20);
textPaint.setFakeBoldText(true);
textPaint.setTextAlign(Paint.Align.CENTER);
circlePaint=newPaint();
circlePaint.setColor(Color.parseColor("#222222"));
circlePaint.setStyle(Paint.Style.FILL);
circlePaint2=newPaint();
circlePaint2.setColor(themeColor);
//circlePaint2.setColor(Color.parseColor("#FFA036"));
circlePaint2.setStyle(Paint.Style.FILL);
linePaint=newPaint();
linePaint.setColor(themeColor);
//linePaint.setColor(Color.parseColor("#FFA036"));
linePaint.setStrokeWidth(7);
angle="0.0";
label="Label";
}

@Override
protectedvoidonDraw(Canvascanvas){
super.onDraw(canvas);
midx=canvas.getWidth()/2;
midy=canvas.getHeight()/2;

intang=0;
floatx=0,y=0;
intradius=(int)(Math.min(midx,midy)*((float)14.5/16));
floatdeg2=Math.max(3,deg);
floatdeg3=Math.min(deg,21);
for(inti=(int)(deg2);i<22;i++){
floattmp=(float)i/24;
x=midx+(float)(radius*Math.sin(2*Math.PI*(1.0-tmp)));
y=midy+(float)(radius*Math.cos(2*Math.PI*(1.0-tmp)));
circlePaint.setColor(Color.parseColor("#111111"));
canvas.drawCircle(x,y,((float)radius/15),circlePaint);
}
for(inti=3;i<=deg3;i++){
floattmp=(float)i/24;
x=midx+(float)(radius*Math.sin(2*Math.PI*(1.0-tmp)));
y=midy+(float)(radius*Math.cos(2*Math.PI*(1.0-tmp)));
canvas.drawCircle(x,y,((float)radius/15),circlePaint2);
}

floattmp2=(float)deg/24;
floatx1=midx+(float)(radius*((float)2/5)*Math.sin(2*Math.PI*(1.0-tmp2)));
floaty1=midy+(float)(radius*((float)2/5)*Math.cos(2*Math.PI*(1.0-tmp2)));
floatx2=midx+(float)(radius*((float)3/5)*Math.sin(2*Math.PI*(1.0-tmp2)));
floaty2=midy+(float)(radius*((float)3/5)*Math.cos(2*Math.PI*(1.0-tmp2)));

circlePaint.setColor(Color.parseColor("#222222"));
canvas.drawCircle(midx,midy,radius*((float)13/15),circlePaint);
circlePaint.setColor(Color.parseColor("#000000"));
canvas.drawCircle(midx,midy,radius*((float)11/15),circlePaint);
canvas.drawText(label,midx,midy+(float)(radius*1.1),textPaint);
canvas.drawLine(x1,y1,x2,y2,linePaint);

}

@Override
publicbooleanonTouchEvent(MotionEvente){

mListener.onProgressChanged((int)(deg-2));

if(e.getAction()==MotionEvent.ACTION_DOWN){
floatdx=e.getX()-midx;
floatdy=e.getY()-midy;
downdeg=(float)((Math.atan2(dy,dx)*180)/Math.PI);
downdeg-=90;
if(downdeg<0){
downdeg+=360;
}
downdeg=(float)Math.floor(downdeg/15);
returntrue;
}
if(e.getAction()==MotionEvent.ACTION_MOVE){
floatdx=e.getX()-midx;
floatdy=e.getY()-midy;
currdeg=(float)((Math.atan2(dy,dx)*180)/Math.PI);
currdeg-=90;
if(currdeg<0){
currdeg+=360;
}
currdeg=(float)Math.floor(currdeg/15);

if(currdeg==0&&downdeg==23){
deg++;
if(deg>21){
deg=21;
}
downdeg=currdeg;
}elseif(currdeg==23&&downdeg==0){
deg--;
if(deg<3){
deg=3;
}
downdeg=currdeg;
}else{
deg+=(currdeg-downdeg);
if(deg>21){
deg=21;
}
if(deg<3){
deg=3;
}
downdeg=currdeg;
}

angle=String.valueOf(String.valueOf(deg));
invalidate();
returntrue;
}
if(e.getAction()==MotionEvent.ACTION_UP){
returntrue;
}
returnsuper.onTouchEvent(e);
}

publicintgetProgress(){
return(int)(deg-2);
}

publicvoidsetProgress(intx){
deg=x+2;
}

publicStringgetLabel(){
returnlabel;
}

publicvoidsetLabel(Stringtxt){
label=txt;
}

publicintgetLineColor(){
returnlineColor;
}

publicvoidsetLineColor(intlineColor){
this.lineColor=lineColor;
}

publicintgetProgressColor(){
returnprogressColor;
}

publicvoidsetProgressColor(intprogressColor){
this.progressColor=progressColor;
}
}

第三步：在MainActivity中，我们去写监听方法，查看旋钮的值：

importandroid.app.Activity;
importandroid.graphics.Color;
importandroid.os.Bundle;
importandroid.util.Log;
importandroid.widget.TextView;


/**
*Createdby16857on2019/4/12.
*/

publicclassTextActivityextendsActivity{
AnalogControllerbassController;
publicstaticintthemeColor=Color.parseColor("#B24242");
privateTextViewtv;
@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

bassController=(AnalogController)findViewById(R.id.controllerBass);
tv=(TextView)findViewById(R.id.tv);

bassController.setLabel("BASS");

bassController.circlePaint2.setColor(themeColor);
bassController.linePaint.setColor(themeColor);
bassController.invalidate();
bassController.linePaint.setColor(themeColor);

bassController.setOnProgressChangedListener(newAnalogController.onProgressChangedListener(){
@Override
publicvoidonProgressChanged(intprogress){
tv.setText(progress+"");
}
});

}
}

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

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

非常好看的android音量旋钮

热门推荐

随机推荐