快捷導(dǎo)航

Android自定義View實(shí)現(xiàn)shape圖形繪制

更新時(shí)間：2017年01月02日 13:38:36 作者：yuminfeng728

這篇文章主要為大家詳細(xì)介紹了Android使用自定義View實(shí)現(xiàn)shape圖形繪制，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

概述

之前曾寫過一篇文章介紹了Android中drawable使用Shape資源，通過定義drawable中的shape資源能夠繪制簡(jiǎn)單的圖形效果，如矩形，橢圓形，線形和圓環(huán)等。后來我在項(xiàng)目中正好遇到這樣一個(gè)需求，要在特定的位置上顯示一條垂直的虛線。正當(dāng)我胸有成竹的把上面的資源文件放入進(jìn)去的時(shí)候，我才發(fā)現(xiàn)它并不能符合我的要求。使用shape畫出的垂直虛線，其實(shí)就是將一條水平的線，旋轉(zhuǎn)90度。但這樣做的弊端就是，該View有效區(qū)域?yàn)樾D(zhuǎn)90度后與原來位置相重合的區(qū)域，還不能隨意的改動(dòng)，這樣的效果根本沒法使用。于是我就想到使用自定義view來繪制我想要的結(jié)果。

1.畫一條水平虛線

代碼如下所示：

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.DashPathEffect;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;

public class CustView extends View{

  private Paint mPaint; //定義畫筆

  public CustView(Context context, AttributeSet attrs) {
    super(context, attrs);

    //初始化畫筆
    initPaint();
    setLayerType(View.LAYER_TYPE_SOFTWARE, mPaint); //4.0以上關(guān)閉硬件加速，否則虛線不顯示
  }

  private void initPaint() {
    mPaint = new Paint();
    mPaint.setAntiAlias(true); //設(shè)置抗鋸齒的效果
    mPaint.setStyle(Paint.Style.STROKE); //設(shè)置畫筆樣式為描邊
    mPaint.setStrokeWidth(3); //設(shè)置筆刷的粗細(xì)度
    mPaint.setColor(Color.RED); //設(shè)置畫筆的顏色
    mPaint.setPathEffect(new DashPathEffect(new float[]{5,5,5,5}, 1)); //設(shè)置畫筆的路徑效果為虛線效果
  }

  @Override
  protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);

    canvas.drawLine(0, 0, 100, 0, mPaint);
  }
}

布局文件中引用如下：

<com.test.CustView
  android:layout_width="100dp"
  android:layout_height="10dp"
  android:layout_marginTop="10dp" />

說明：在自定義View的代碼中，onDraw方法中執(zhí)行的drawLine方法，全名如下：

public void drawLine (float startX, float startY, float stopX, float stopY, Paint paint)

startX：起始端點(diǎn)x坐標(biāo)
startY：起始端點(diǎn)y坐標(biāo)
stopX：終止端點(diǎn)x坐標(biāo)
stopY：終止端點(diǎn)y坐標(biāo)

上面四個(gè)左邊的值均以相對(duì)位置計(jì)算，即與左邊控件的相對(duì)位置，如果左邊沒有控件則手機(jī)屏幕左邊框的相對(duì)位置計(jì)算。
canvas.drawLine(0, 0, 100, 0, mPaint);表示的是相對(duì)左邊為x，y坐標(biāo)為0的位置開始，向右畫出100px的虛線。

去掉Button按鈕后，相對(duì)位置開始以屏幕左邊框計(jì)算，如圖所示：

還有一點(diǎn)需要注意的是，stopX和stopY的值，不能超過該控件在xml中l(wèi)ayout_width和layout_height的值，否則將會(huì)以值最小的為基準(zhǔn)，超出的長(zhǎng)度無效。

2.畫一條垂直虛線

與上面代碼一致，只需要修改至下面一處：

canvas.drawLine(0, 0, 0, 100, mPaint);

3.畫一個(gè)實(shí)心圓

1）.首先設(shè)置畫筆樣式為實(shí)心

mPaint.setStyle(Paint.Style.FILL); //設(shè)置畫筆樣式為填充

2）.在畫布中畫圓

canvas.drawCircle(50, 50, 50, mPaint);

同樣X和Y的值，不能超過該控件在xml中l(wèi)ayout_width和layout_height的值。

4.畫一個(gè)圓環(huán)

同樣只需稍微修改一下代碼：

  @Override
  protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);

    canvas.drawCircle(50, 50, 50, mPaint); //畫一個(gè)外圓
    mPaint.setColor(Color.WHITE);      //重新設(shè)置畫筆顏色
    canvas.drawCircle(50, 50, 30, mPaint); //畫一個(gè)內(nèi)圓
  }

5.畫一個(gè)矩形

  @Override
  protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);

    RectF rect = new RectF(0, 0, 80, 60);
    canvas.drawRect(rect, mPaint);
  }

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: