這篇文章主要介紹了Android編程如何實(shí)現(xiàn)基于自定義view的公章效果，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)公司服務(wù)熱線：028-86922220，為您提供成都網(wǎng)站建設(shè)網(wǎng)頁設(shè)計(jì)及定制高端網(wǎng)站建設(shè)服務(wù)，創(chuàng)新互聯(lián)公司網(wǎng)頁制作領(lǐng)域十多年，包括成都火鍋店設(shè)計(jì)等多個(gè)行業(yè)擁有多年的網(wǎng)站推廣經(jīng)驗(yàn)，選擇創(chuàng)新互聯(lián)公司，為企業(yè)保駕護(hù)航！

具體如下：

上次去一個(gè)公司面試，面試官問了一個(gè)題，怎么用android的自定義view實(shí)現(xiàn)一個(gè)公章的效果，據(jù)說這是華為之前的面試題，我想了下，要是公章的效果，最外層是一個(gè)圓，里面是一個(gè)五角星，但是這文字怎么畫呢，比較難搞，后來回來看了下java的api，發(fā)現(xiàn)人家的Path里面本來就提供了這么一個(gè)方法：

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

然后人家解釋說了，根據(jù)狐線的角度生成相應(yīng)的路徑，所以我們就可以給文字設(shè)置一個(gè)相應(yīng)繪制區(qū)域，使其繪制的文字都在這個(gè)區(qū)域內(nèi)，

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

接下來我們只需要在這個(gè)區(qū)域內(nèi)把文字繪制上去就行了。

好的，下面是全部代碼：

首先繼承自View，我們在構(gòu)造里面初始化，同樣為了方便程序的擴(kuò)展性，我們用自定義屬性，

<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>

然后我們初始化的時(shí)候主要初始化文字，文字大小，文字間距，文字顏色等等，

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, 0, 0, null);
}

接下來是對(duì)應(yīng)的三個(gè)方法：畫圓環(huán)（ring）,五角星（star）,文字（text）

//圓環(huán)
private void drawRing(Canvas canvas, Paint paint) {
 centre = canvas.getWidth() / 2; // 獲取圓心的x坐標(biāo)
 radius = (int) (centre - circleStrokeWidth / 2); // 圓環(huán)的半徑
 paint.setColor(Color.RED); // 設(shè)置圓環(huán)的顏色
 paint.setStyle(Paint.Style.STROKE); // 設(shè)置空心
 paint.setStrokeWidth(circleStrokeWidth); // 設(shè)置圓環(huán)的寬度
 paint.setAntiAlias(true); // 消除鋸齒
 canvas.drawCircle(centre, centre, radius, paint); // 畫出圓環(huán)
}
//繪制五角星
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);
 //頂點(diǎn)
 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));
 //連接各個(gè)節(jié)點(diǎn)，繪制五角星
 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, 0, 2*radius, (float) (2*radius));
 //第一個(gè)文字偏移角度，其中padding/2為文字間距
 float firstrad = 90 + textPadding * (circleText.length()) / 4 - textPadding/8;
 for(int i = 0; i < circleText.length(); i++){
  Path path = new Path();
  //根據(jù)角度生成弧線路徑
  path.addArc(oval,-(firstrad-textPadding*i/2), 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="華為上海有限公司"
 />

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“Android編程如何實(shí)現(xiàn)基于自定義view的公章效果”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!

分享標(biāo)題：Android編程如何實(shí)現(xiàn)基于自定義view的公章效果-創(chuàng)新互聯(lián)
標(biāo)題鏈接：http://newbst.com/article14/dggoge.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動(dòng)態(tài)網(wǎng)站、企業(yè)建站、網(wǎng)站策劃、定制開發(fā)、網(wǎng)站建設(shè)、網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)