自定义viewLayout实现标签View,UI的效果图如下:
如图,我们要自己实现带描边的,带花括号的,带三角形,带对勾的这样一个layout
,并且对勾和中间的虚线我们都要用最基础的API绘制出来...:自定义登陆动画button
国际惯例,先看下效果,我们自定义有一个什么好处,就是我们自定义的属性,可以根据比例还绘制,这样我们绘制的三角和对勾以及虚线和中间的半圆都可以不失真....效果如下:
好像看着还行哦,我们可以用不同的颜色来绘制三角形当做标签的分类,
我们也可以提供隐藏三角形的方法,
你可能觉得 这和一张.9图有什么区别呢,
那么我们来改变下view的大小 看看效果...方法中
这里有个小技巧,描边要比背景大,所以我们先绘制描边的图层,再绘制背景图层,
代码如下
绘制描边的代码
绘制背景代码
这里的绘制的代码特别简单,关键的思维是计算两个矩形的RectF
我们在attrs...path 和用比例的方式来绘制
首先定义三角形两个直角边的宽度和高度比例
然后计算三角形的path坐标
这样我们就计算出来了三角形的path,
然后我们就是绘制了
最后一步就是那个直角的对勾了,对勾也是