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

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

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

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

public voID addArc(RectF oval,float startAngle,float sweepAngle) {  addArc(oval.left,oval.top,oval.right,oval.bottom,startAngle,sweepAngle);}

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

path.addArc(oval,-(firsTrad-textpadding*i/2),textpadding);

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

好的，下面是全部代码：

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

<declare-styleable name="Seal">  <attr name="scale_text_size" format="dimension" />  <attr name="scale_text_color" format="color" />  <attr name="scale_text" format="string" />  <attr name="scale_text_padding" format="float" />  <attr name="circle_stroke_wIDth" format="dimension" />  <attr name="circle_color" format="color" />  <attr name="circle_radius" format="dimension" /></declare-styleable>

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

private voID initVIEws(AttributeSet attrs,int defStyle) {  TypedArray typedArray = 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（Canvas canvas）

@OverrIDeprotected voID onDraw(Canvas rootCanvas) {  super.onDraw(rootCanvas);  Bitmap image = Bitmap.createBitmap(getWIDth(),getHeight(),Bitmap.Config.ARGB_8888);  Canvas canvas = new Canvas(image);  Paint paint=new Paint();  drawRing(canvas,paint);  drawStar(canvas);  drawText(canvas);  rootCanvas.drawBitmap(image,null);}

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

//圆环private voID drawRing(Canvas canvas,Paint paint) {  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); // 画出圆环}//绘制五角星private voID drawStar(Canvas canvas){  float start_radius = (float) ((radius / 2)*1.1);  int x = centre,y = centre;  float x1,y1,x2,y2,x3,y3,x4,y4,x5,y5;  float r72 = (float) Math.toradians(72);  float r36 = (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));  //连接各个节点，绘制五角星  Path path = new Path();  path.moveto(x1,y1);  path.lineto(x5,y5);  path.lineto(x2,y2);  path.lineto(x3,y3);  path.lineto(x4,y4);  path.close();  Paint paint = new Paint();  paint.setcolor(color.RED);  canvas.drawPath(path,paint);}//文字private voID drawText(Canvas canvas){  Paint paint = new Paint();  paint.setcolor(color.RED);  paint.setTypeface(Typeface.DEFAulT_BolD);  paint.setTextAlign(Paint.Align.CENTER);  paint.setTextSize(radius/5+5);  //圆弧文字所在矩形范围  RectF oval=new RectF(0,2*radius,(float) (2*radius));  //第一个文字偏移角度，其中padding/2为文字间距  float firsTrad = 90 + textpadding * (circleText.length()) / 4 - textpadding/8;  for(int i = 0; i < circleText.length(); i++){    Path path = new Path();    //根据角度生成弧线路径    path.addArc(oval,textpadding);    canvas.drawTextOnPath(String.valueOf(circleText.charat(i)),path,-(float) (radius/3),(float) (radius/3),paint);  }}

最后在我们需要的视图中引用下就好了

<com.xzh.sealmaster.vIEw.SealVIEw  androID:layout_wIDth="200dp"  androID:layout_height="200dp"  androID:layout_gravity="center"  app:scale_text_size="16sp"  app:scale_text_padding="50"  app:scale_text="华为上海有限公司"  />

完整实例代码点击此处本站下载。

更多关于AndroID相关内容感兴趣的读者可查看本站专题：《Android图形与图像处理技巧总结》、《Android开发入门与进阶教程》、《Android调试技巧与常见问题解决方法汇总》、《Android基本组件用法总结》、《Android视图View技巧总结》、《Android布局layout技巧总结》及《Android控件用法总结》

希望本文所述对大家AndroID程序设计有所帮助。

总结

以上是内存溢出为你收集整理的Android编程基于自定义view实现公章效果示例【附源码下载】全部内容，希望文章能够帮你解决Android编程基于自定义view实现公章效果示例【附源码下载】所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。