android自定义六边形,Android实现六边形图像

经常用QQ的朋友应该知道，QQ头像是圆的。那么正方形，六边形，或者其它异形怎么实现的，其实原理都是一样的。把图片进行渲染，然后利用path指定显示区域即可。今天分享的就是六边形。

正六边形画法

正六边形的边长l就是宽的一半，正六边形的高是 Math.sqrt(3)*l ，然后可以算出正六边形顶部的top值，之后只要依次遍历连接每个点，即可画出正六边形。float l = (float) (getWidth() / 2);

float h = (float) (Math.sqrt(3)*l);

float top = (getHeight() - h) / 2  ;

mPath.reset();

mPath.moveTo(l/2,top);

mPath.lineTo(0,h/2+top);

mPath.lineTo(l/2,h+top);

mPath.lineTo((float) (l*1.5),h+top);

mPath.lineTo(2*l,h/2+top);

mPath.lineTo((float) (l*1.5),top);

mPath.lineTo(l/2,top);

mPath.close();

设置Shader

对于Shader还不了解的人，可以去搜一搜其他博客，讲这个的已经很多了，我就不再讲一遍了。这里我们使用的是BitmapShader，这个类名副其实，它可以把一个Bitmap做为我们的渲染对象，在设置Bitmap的时候把Bitmap初始化BitmapShader，然后设置给Paint。直接上代码了。// 先把要设置的bitmap设置给一个BitmapShader

shader = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP) ;

// 然后给Paint设置shader

mPaint.setShader(shader);

使用Shader绘制正六边形

我们重写onDraw方法：@Override

public void onDraw(Canvas canvas) {

canvas.drawPath(mPath,mPaint);

}

封装到Drawable中public class HiveDrawable extends Drawable {

// 用于记录边界信息的Rect

Rect mRect = new Rect();

Paint mPaint;

Path mPath ;

BitmapShader mShader;

Bitmap mBitmap ;

public HiveDrawable() {

this(null) ;

}

public HiveDrawable(Bitmap bitmap) {

init();

setBitmap(bitmap);

}

private void init() {

initPaint() ;

initPath() ;

}

private void ensurePaint(){

if (mPaint == null) {

mPaint = new Paint() ;

}

}

private void ensurePath(){

if (mPath == null) {

mPath = new Path() ;

}

}

private void initPaint() {

ensurePaint();

mPaint.setAntiAlias(true);

mPaint.setStyle(Paint.Style.FILL);

mPaint.setStrokeWidth(3f);

}

public Bitmap getBitmap() {

return mBitmap;

}

// 设置Bitmap的时候初始化shader，并设置给paint

public void setBitmap(Bitmap bitmap) {

this.mBitmap = bitmap;

if (bitmap == null) {

mShader =null ;

} else {

mShader = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP) ;

mPaint.setShader(mShader) ;

}

}

// 初始化好Path要走的路径

private void initPath() {

ensurePath();

float l = (float) (mRect.width() / 2);

float h = (float) (Math.sqrt(3)*l);

float top = (mRect.height() - h) / 2  ;

mPath.reset();

mPath.moveTo(l/2,top);

mPath.lineTo(0,h/2+top);

mPath.lineTo(l/2,h+top);

mPath.lineTo((float) (l*1.5),h+top);

mPath.lineTo(2*l,h/2+top);

mPath.lineTo((float) (l*1.5),top);

mPath.lineTo(l/2,top);

mPath.close();

}

@Override

public void draw(Canvas canvas) {

canvas.drawPath(mPath,mPaint);

}

@Override

public void setAlpha(int alpha) {

if (mPaint != null) {

mPaint.setAlpha(alpha);

}

}

@Override

public void setColorFilter(ColorFilter colorFilter) {

if (mPaint != null) {

mPaint.setColorFilter(colorFilter) ;

}

}

@Override

public int getOpacity() {

return 0 ;

}

// 设置边界信息

@Override

public void setBounds(int left, int top, int right, int bottom) {

super.setBounds(left, top, right, bottom);

mRect.set(left, top, right, bottom);

initPath();

}

@Override

public int getIntrinsicWidth() {

if (mBitmap != null) {

return mBitmap.getWidth();

} else {

return super.getIntrinsicWidth() ;

}

}

@Override

public int getIntrinsicHeight() {

if (mBitmap != null) {

return mBitmap.getHeight() ;

}

return super.getIntrinsicHeight();

}

來源：简书