更改甜甜圈视图周围的颜色渐变

Question

我正在尝试制作一个动画甜甜圈视图，当给定一个介于0到100之间的值时，它将使该视图的动画达到该数字。我的工作效果不错，但想将颜色从一种逐渐淡化为另一种，然后再逐渐淡入另一种。目前，当我添加渐变时，渐变从左到右，而不是围绕甜甜圈视图的圆周。

if(typeof data.continue === 'undefined'){
   displayCantFound(find('.box').value)
} else {
   console.log(data);
   //this line is added
   document.querySelector('.result').innerHTML = '';
}

我要使用this之类的东西，但是颜色不是一个块，而是在甜甜圈视图中从一种颜色到另一种颜色渐变。

Answer 1

如果将AngleGradientLayer导入到项目中，那么您要做的就是更改：
private let outerCircleGradientLayer = CAGradientLayer()至
private let outerCircleGradientLayer = AngleGradientLayer()