自定义控件：粘性控件.docVIP

自定义控件：粘性控件 GooView粘性控件 了解几何图形工具的用法 掌握画不规则图形的方法 应用场景：未读提醒，效果图： 绘制一帧的效果 画一帧粘性控件的步骤分析 1．画一个固定圆 2．画一个拖拽圆 3．画中间连接部分 将中间连接部分水平放置，四个角的坐标定为固定值，分别标记上点的编号，矩形中心的点为控件点，画曲线时用 自定义一个GooView 继承View public class GooView extends View { private Paint paint; public GooView(Context context) { this(context,null); } public GooView(Context context, AttributeSet attrs) { this(context, attrs,0); } public GooView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); //初始化画笔 paint = new Paint(); paint.setAntiAlias(true); paint.setColor(Color.RED); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); //画中间连接部分 Path path = new Path(); //跳到点1,默认为(0f,0f) path.moveTo(250f, 250f); //从点1-点2 画曲线 path.quadTo(150f, 300f, 50f, 250f); //从点2-点3 画直线 path.lineTo(50f, 350f); //从点3-点4 画曲线 path.quadTo(150f, 300f, 250f, 350f); canvas.drawPath(path, paint); //画拖拽圆 canvas.drawCircle(90f, 90f, 16f, paint); //画固定圆 canvas.drawCircle(150f, 150f, 12f, paint); } } 第20-30 行用Path 画中间曲线部分 第25 行quadTo(x1,y1,x2,y2)方法可以画当前所在点到x2,y2 间的一条曲线，x1,y1 是当前点与x2,y2 间的一个控件点，它的位置决定曲线弯曲的方向和弧度，将GooView 显示到MainActivity 中 public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { requestWindowFeature(Window.FEATURE_NO_TITLE); super.onCreate(savedInstanceState); setContentView(new GooView(this)); } } 贝塞尔曲线 二阶贝塞尔曲线，三阶贝塞尔曲线 分别给拖拽圆，固定圆的圆心，半径，两个附着点命名，修改GooView 的onDraw()方法 protected void onDraw(Canvas canvas) { super.onDraw(canvas); //固定圆的两个附着点 PointF[] mStickPoints = new PointF[]{ new PointF(250f, 250f),new PointF(250f, 350f) }; //固定圆的两个附着点 PointF[] mDragPoints = new PointF[]{ new PointF(50f, 250f),new PointF(50f, 350f) }; //控制点