Android   发布时间:2022-04-28  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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)

@Override
protected 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实现公章效果示例【附源码下载】所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:自定义view