仿錘子系統的垃圾掃描的自定義View

掃描效果圖

清除垃圾效果圖

各種屬性設置

<attr name="circleColor" format="color"/> // 外環顏色
<attr name="innerCircleColor" format="color" /> // 內環圓的顏色
<attr name="layerColor" format="color" />  //清除垃圾時白色透明蒙版顏色
<attr name="innerTextColor" format="color" /> //中間顯示文字的顏色
<attr name="innerTextSize" format="integer" /> //中間顯示文字的字體大小
<attr name="radarShaderColor1" format="color" /> //漸變色1
<attr name="radarShaderColor2" format="color" /> //漸變色2
<attr name="radarLineColor" format="color" /> //雷達掃描針的顏色
<attr name="borderWidth" format="integer" /> //最外白色環的寬度

開始和結束掃描

radar.startScan();
radar.stopScan();

開始和停止清理垃圾

radar.startClear();
radar.stopClear();

雷達的掃描效果主要知識點在canvas和paint的SweepGradient 效果，如果想了解這部分知識，可以參考自定義View系列文章

最後附上我的github地址

部分代碼參考自 RadarSacnView