(5)控件的圆角的如何实现呢?canvas的 范围裁切 就可以啦。
================================================================
思路梳理好了,那我们就写代码吧:
情况一(关键代码):
//最左边的图形
Path pathLeft = new Path();
pathLeft.lineTo(textWidth, 0);
pathLeft.cubicTo(textWidth + arcControlX, arcControlY, textWidth + arcWidth - arcControlX, viewHeight - arcControlY, textWidth + arcWidth, viewHeight);
pathLeft.lineTo(0, viewHeight);
pathLeft.lineTo(0, 0);
paint.setColor(selectColor);
canvas.drawPath(pathLeft, paint);
步骤说明:
-
首先我们的起始点坐标是(0,0),到坐标(textWidth, 0) 画一条直线;
-
然后三阶贝塞尔曲线,2个控制点的坐标1(textWidth + arcControlX,arcControlY),坐标2(textWidth + arcWidth - arcControlX,viewHeight - arcControlY),结束的坐标(textWidth + arcWidth,viewHeight);
-
最后画直线到坐标点(0, viewHeight),再到最终的原点(0, 0)。
到这里一个封闭的路径,就画好啦。情况二和情况三也是同样的道理,我也不再废话了。
情况二(关键代码):
//中间的图形
Path pathCenter = new Path();
pathCenter.moveTo(tabPosition * textWidth + tabPosition * arcWidth, 0);
pathCenter.cubicTo(tabPosition * textW