Mamong's blog

在SwiftUI体系内，一个View可能包含一个或多个图层，那么最前面的一个图层就是ForegroundColor或ForegroundStyle作用的目标图层。当然这个图层可能不会响应前景色的要求：如上图所示，Rectangle作为shape图层，能响应前景色要求，导致图层变成前景色。Button的作用图层是Text，也能响应前景色要求。Image的话，要看具体情况，对于例子中的SF symbol能改变其最前面图层的颜色；如果是普通图片，则设置前景色无效；

Image的symbolRenderingMode可以设置四种值。我们知道SF symbol可能是有多个图层的，而.monochrome会将多个图层合并成一个，然后使用foregroundStyle渲染。对于.multicolor，SF symbol会保持多个图层，并使用它固有的样式或foregroundStyle进行渲染。

经测试，发现该问题仅在.toolbar { ToolbarItem { Menu {}}}.sheet结构的时候才会发生。如果把Menu换成Button，或者把.sheet移到.toolbar之前都不会发生这个问题。环境iOS16+Xcode14。

Path.addArc的参数分别表示圆弧的中心点位置，圆弧半径，开始角度，结束角度以及圆弧方向（顺时针还是逆时针）。我们来看看最终的效果：如果我们把时钟放在屏幕上，顺时针从0到180度，应该是从3点到9点的下半圆区域，跟我们实际绘制方向刚好相反。为什么呢？

效果也如我们所预料的：最终的效果是在Circle外边加了好几圈border。

当将其设置为 true 时，它会重新渲染视图，添加蓝色矩形，然后动画将发生。例如，如果蓝色矩形可见，则绿色将变为 1，蓝色变为 2，按钮将变为 3。所以蓝色矩形在绿色矩形的上方，绿色矩形在蓝色矩形的后面。该按钮位于蓝色矩形上方，依此类推......当视图重新呈现时，按钮的 zIndex 将从 3 更改为 2。然而，在尝试制作 in-out 过渡的动画时，in 动画效果很好，但 out 动画效果不佳。如果这样做，则按钮将保持在 zIndex 3 处，因此它不会替换蓝色的矩形。现在运行动画，它将正常工作。