Android进阶-自定义view

源码方式

[java]  view plain  copy

1. public class BanView extends View {  
2.   
3.   
4.     Paint paint = new Paint();  
5.   
6.     public BanView(Context context) {  
7.         super(context);  
8.     }  
9.   
10.     public BanView(Context context, @Nullable AttributeSet attrs) {  
11.         super(context, attrs);  
12.     }  
13.   
14.     public BanView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {  
15.         super(context, attrs, defStyleAttr);  
16.     }  
17.   
18.     @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)  
19.     public BanView(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {  
20.         super(context, attrs, defStyleAttr, defStyleRes);  
21.     }  
22.   
23.     @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)  
24.     @Override  
25.     protected void onDraw(Canvas canvas) {  
26.         super.onDraw(canvas);  
27.         /** 
28.          Canvas 类下的所有 draw- 打头的方法，例如 drawCircle() drawBitmap()。 
29.          Paint 类的几个最常用的方法。具体是： 
30.          Paint.setStyle(Style style) 设置绘制模式 
31.          Paint.setColor(int color) 设置颜色 
32.          Paint.setStrokeWidth(float width) 设置线条宽度 
33.          Paint.setTextSize(float textSize) 设置文字大小 
34.          Paint.setAntiAlias(boolean aa) 设置抗锯齿开关 
35.          */  
36.   
37.         /*-------------------------------圆-------------------------------------------*/  
38.   
39.         // 基本简单使用 绘制一个圆  
40.         canvas.drawCircle(300, 300, 200, paint);  
41.   
42.         //1、设置颜色  Paint.setColor(int color)  
43.         //Paint.setColor(int color) 是 Paint 最常用的方法之一，用来设置绘制内容的颜色。  
44.         // 你不止可以用它画红色的圆，也可以用它来画红色的矩形、红色的五角星、红色的文字。  
45.         paint.setColor(getResources().getColor(R.color.colorAccent));  
46.   
47.         //2、设置样式  Paint.setStyle(Paint.Style style)  
48.         //Style 具体来说有三种： FILL, STROKE 和  FILL_AND_STROKE 。  
49.         // FILL 是填充模式  
50.         // STROKE 是画线模式（即勾边模式）  
51.         // FILL_AND_STROKE 是两种模式一并使用：既画线又填充。它的默认值是 FILL，填充模式。  
52.         paint.setStyle(Paint.Style.STROKE);  
53.   
54.         //3、Paint.setStrokeWidth(float width)  
55.         // 在 STROKE 和 FILL_AND_STROKE 下，还可以使用 paint.setStrokeWidth(float width) 来设置线条的宽度：  
56.         paint.setStyle(Paint.Style.STROKE);  
57.         paint.setStrokeWidth(20); // 线条宽度为 20 像素  
58.         canvas.drawCircle(300, 300, 200, paint);  
59.   
60.         //4、抗锯齿  
61.         // 在绘制的时候，往往需要开启抗锯齿来让图形和文字的边缘更加平滑。  
62.         // 1)开启抗锯齿很简单，只要在  new Paint() 的时候加上一个 ANTI_ALIAS_FLAG 参数就行：  
63.         // 2)也可以使用 Paint.setAntiAlias(boolean aa) 来动态开关抗锯齿。  
64.         Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);  
65.   
66.         //drawOval(float left, float top, float right, float bottom, Paint paint) 画椭圆  
67.         paint.setStyle(Paint.Style.STROKE);  
68.         paint.setStrokeWidth(20); // 线条宽度为 20 像素  
69.         canvas.drawOval(100, 800, 500, 1000, paint);  
70.         /*-------------------------------圆-------------------------------------------*/  
71.   
72.   
73.   
74.         /*-------------------------------矩形-------------------------------------------*/  
75.         //drawRect(float left, float top, float right, float bottom, Paint paint) 画矩形  
76.   
77.         paint.setStyle(Paint.Style.FILL);  
78.         canvas.drawRect(100, 100, 500, 500, paint);  
79.   
80.         paint.setStyle(Paint.Style.STROKE);  
81.         canvas.drawRect(700, 100, 1000, 500, paint);  
82.   
83.         //另外，它还有两个重载方法 drawRect(RectF rect, Paint paint) 和  drawRect(Rect rect, Paint paint)  
84.         // ，让你可以直接填写 RectF 或 Rect 对象来绘制矩形。  
85.   
86.         //drawRoundRect(float left, float top, float right, float bottom,  
87.         //float rx, float ry, Paint paint) 画圆角矩形  
88.         canvas.drawRoundRect(100, 1100, 500, 1300, 50, 50, paint);  
89.         /*-------------------------------矩形-------------------------------------------*/  
90.   
91.   
92.   
93.         /*-------------------------------点-------------------------------------------*/  
94.         //drawPoint(float x, float y, Paint paint) 画点  
95.   
96.         Paint paint1 = new Paint(Paint.ANTI_ALIAS_FLAG);  
97.         paint1.setStrokeWidth(20);  
98.         paint1.setStrokeCap(Paint.Cap.SQUARE);  
99.         canvas.drawPoint(50, 50, paint1);  
100.   
101.         //drawPoints(float[] pts, int offset, int count, Paint paint)  
102.         //drawPoints(float[] pts, Paint paint) 画点（批量）  
103.   
104.         float[] points = {0, 0, 50, 50, 50, 100, 100, 50, 100, 100, 150, 50, 150, 100};  
105.         //绘制四个点：(50, 50) (50, 100) (100, 50) (100, 100)  
106.         canvas.drawPoints(points, 2 /* 跳过两个数，即前两个 0 */,  
107.                 8 /* 一共绘制 8 个数（4 个点）*/, paint1);  
108.         /*-------------------------------点-------------------------------------------*/  
109.   
110.   
111.   
112.         /*-------------------------------线-------------------------------------------*/  
113.         //drawLine(float startX, float startY, float stopX, float stopY, Paint paint) 画线  
114.         canvas.drawLine(400, 600, 800, 800, paint);  
115.   
116.         //drawLines(float[] pts, int offset, int count, Paint paint)  
117.         //drawLines(float[] pts, Paint paint) 画线（批量）  
118.   
119.         float[] pts = {50, 50, 400, 50,  
120.                 400, 50, 400, 600,  
121.                 400, 600, 50, 600,  
122.                 60, 600, 50, 50};//数据  
123.         paint1.setStrokeWidth((float) 5.0);//线宽  
124.         canvas.drawLines(pts, paint1);  
125.         /*-------------------------------线-------------------------------------------*/  
126.   
127.   
128.         /*-------------------------------特殊-------------------------------------------*/  
129.         //drawArc(float left, float top, float right, float bottom,  
130.         // float startAngle, float sweepAngle, boolean useCenter, Paint paint) 绘制弧形或扇形  
131.         paint.setStyle(Paint.Style.FILL); // 填充模式  
132.         // 绘制扇形  
133.         canvas.drawArc(200, 1400, 800, 1600, -110, 100, true, paint);  
134.         // 绘制弧形  
135.         canvas.drawArc(200, 1400, 800, 1600, 20, 140, false, paint);  
136.   
137.         paint.setStyle(Paint.Style.STROKE); // 画线模式  
138.         // 绘制不封口的弧形  
139.         canvas.drawArc(200, 1400, 800, 1600, 180, 60, false, paint);  
140.         /*-------------------------------特殊-------------------------------------------*/  
141.     }  
142. }  

布局

[java]  view plain  copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout  
3.     xmlns:android="http://schemas.android.com/apk/res/android"  
4.     xmlns:tools="http://schemas.android.com/tools"  
5.     android:layout_width="match_parent"  
6.     android:layout_height="match_parent"  
7.     android:orientation="vertical">  
8.   
9.     <com.templates.ban.diy.BanView  
10.         android:layout_width="wrap_content"  
11.         android:layout_height="0dp"  
12.         android:layout_weight="1"  
13.     />  
14. </LinearLayout>  

效果