Android编程基于自定义view实现公章效果示例【附源码下载】

2023-09-20 11:55:05 46

本文实例讲述了Android编程基于自定义view实现公章效果。分享给大家供大家参考，具体如下：

上次去一个公司面试，面试官问了一个题，怎么用android的自定义view实现一个公章的效果，据说这是华为之前的面试题，我想了下，要是公章的效果，最外层是一个圆，里面是一个五角星，但是这文字怎么画呢，比较难搞，后来回来看了下java的api，发现人家的Path里面本来就提供了这么一个方法：

publicvoidaddArc(RectFoval,floatstartAngle,floatsweepAngle){
addArc(oval.left,oval.top,oval.right,oval.bottom,startAngle,sweepAngle);
}

然后人家解释说了，根据狐线的角度生成相应的路径，所以我们就可以给文字设置一个相应绘制区域，使其绘制的文字都在这个区域内，

path.addArc(oval,-(firstrad-textPadding*i/2),textPadding);

接下来我们只需要在这个区域内把文字绘制上去就行了。

好的，下面是全部代码：

首先继承自View，我们在构造里面初始化，同样为了方便程序的扩展性，我们用自定义属性，

然后我们初始化的时候主要初始化文字，文字大小，文字间距，文字颜色等等，

privatevoidinitViews(AttributeSetattrs,intdefStyle){
TypedArraytypedArray=getContext().obtainStyledAttributes(attrs,R.styleable.Seal,defStyle,0);
circleText=typedArray.getString(R.styleable.Seal_scale_text);
textSize=typedArray.getDimension(R.styleable.Seal_scale_text_size,20);
scaleTextColor=typedArray.getColor(R.styleable.Seal_scale_text_color,getResources().getColor(R.color.c9));
textPadding=typedArray.getFloat(R.styleable.Seal_scale_text_padding,50);
circleStrokeWidth=typedArray.getDimensionPixelSize(R.styleable.Seal_circle_stroke_width,3);
circleColor=typedArray.getColor(R.styleable.Seal_circle_color,getResources().getColor(R.color.c9));
circleRadius=typedArray.getDimensionPixelSize(R.styleable.Seal_circle_radius,7);
typedArray.recycle();
}

接下来我们在重写Ondraww（Canvascanvas）

@Override
protectedvoidonDraw(CanvasrootCanvas){
super.onDraw(rootCanvas);
Bitmapimage=Bitmap.createBitmap(getWidth(),getHeight(),Bitmap.Config.ARGB_8888);
Canvascanvas=newCanvas(image);
Paintpaint=newPaint();
drawRing(canvas,paint);
drawStar(canvas);
drawText(canvas);
rootCanvas.drawBitmap(image,0,0,null);
}

接下来是对应的三个方法：画圆环（ring）,五角星（star）,文字（text）

//圆环
privatevoiddrawRing(Canvascanvas,Paintpaint){
centre=canvas.getWidth()/2;//获取圆心的x坐标
radius=(int)(centre-circleStrokeWidth/2);//圆环的半径
paint.setColor(Color.RED);//设置圆环的颜色
paint.setStyle(Paint.Style.STROKE);//设置空心
paint.setStrokeWidth(circleStrokeWidth);//设置圆环的宽度
paint.setAntiAlias(true);//消除锯齿
canvas.drawCircle(centre,centre,radius,paint);//画出圆环
}
//绘制五角星
privatevoiddrawStar(Canvascanvas){
floatstart_radius=(float)((radius/2)*1.1);
intx=centre,y=centre;
floatx1,y1,x2,y2,x3,y3,x4,y4,x5,y5;
floatr72=(float)Math.toRadians(72);
floatr36=(float)Math.toRadians(36);
//顶点
x1=x;
y1=y-start_radius;
//左1
x2=(float)(x-start_radius*Math.sin(r72));
y2=(float)(y-start_radius*Math.cos(r72));
//右1
x3=(float)(x+start_radius*Math.sin(r72));
y3=(float)(y-start_radius*Math.cos(r72));
//左2
x4=(float)(x-start_radius*Math.sin(r36));
y4=(float)(y+start_radius*Math.cos(r36));
//右2
x5=(float)(x+start_radius*Math.sin(r36));
y5=(float)(y+start_radius*Math.cos(r36));
//连接各个节点，绘制五角星
Pathpath=newPath();
path.moveTo(x1,y1);
path.lineTo(x5,y5);
path.lineTo(x2,y2);
path.lineTo(x3,y3);
path.lineTo(x4,y4);
path.close();
Paintpaint=newPaint();
paint.setColor(Color.RED);
canvas.drawPath(path,paint);
}
//文字
privatevoiddrawText(Canvascanvas){
Paintpaint=newPaint();
paint.setColor(Color.RED);
paint.setTypeface(Typeface.DEFAULT_BOLD);
paint.setTextAlign(Paint.Align.CENTER);
paint.setTextSize(radius/5+5);
//圆弧文字所在矩形范围
RectFoval=newRectF(0,0,2*radius,(float)(2*radius));
//第一个文字偏移角度，其中padding/2为文字间距
floatfirstrad=90+textPadding*(circleText.length())/4-textPadding/8;
for(inti=0;i
最后在我们需要的视图中引用下就好了



完整实例代码点击此处本站下载。
更多关于Android相关内容感兴趣的读者可查看本站专题：《Android图形与图像处理技巧总结》、《Android开发入门与进阶教程》、《Android调试技巧与常见问题解决方法汇总》、《Android基本组件用法总结》、《Android视图View技巧总结》、《Android布局layout技巧总结》及《Android控件用法总结》
希望本文所述对大家Android程序设计有所帮助。

Android编程基于自定义view实现公章效果示例【附源码下载】

热门推荐

随机推荐