Android自定义View——多边形网格属性图.doc

Android自定义View——多边形网格属性图 多边形网格属性图 效果图： 步骤一：分析变量信息 [java] view plain copy //-------------我们必须给的模拟数据------------- //n边形 private int n = 5; //文字 private String[] text = new String[]{物理攻击, 魔法攻击, 防御能力, 上手度, 射程}; //区域等级，值不能超过n边形的个数 private int[] area = new int[]{4, 1, 3, 2, 1}; //-------------View相关------------- //View自身的宽和高 private int mHeight; private int mWidth; //-------------画笔相关------------- //边框的画笔 private Paint borderPaint; //文字的画笔 private Paint textPaint; //区域的画笔 private Paint areaPaint; //-------------多边形相关------------- //n边形个数 private int num = 5; //两个多边形之间的半径 private int r = 50; //n边形顶点坐标 private float x, y; //n边形角度 private float angle = (float) ((2 * Math.PI) / n); //文字与边框的边距等级，值越大边距越小 private int textAlign = 5; //-------------颜色相关------------- //边框颜色 private int mColor = 0xFF000000; //文字颜色 private int textColor = 0xFFFF0000; //区域颜色 private int areaColor = 0x800000ff; 晒上我的画的美图帮助理解： 如果想切换到5、6、7边形等等，则必须修改其中这几条数据： [java] view plain copy //-------------我们必须给的模拟数据------------- //n边形 private int n = 5; //文字 private String[] text = new String[]{物理攻击, 魔法攻击, 防御能力, 上手度, 射程}; //区域等级，值不能超过n边形的个数 private int[] area = new int[]{4, 1, 3, 2, 1}; 步骤二：获取View的宽和高 [java] view plain copy public MyPolygonView(Context context) { super(context); } public MyPolygonView(Context context, AttributeSet attrs) { super(context, attrs); } public MyPolygonView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(w, h, oldw, oldh); mWidth = w; mHeight = h; } 步骤三：实现onDraw方法，进行我们的绘制 [java] view plain copy @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); //初始化画笔 initPaint(); //画布移到中心点 canvas.translate(mWidth / 2, mHeight / 2);