【笔记】WPF 彩虹效果

如图!
<Grid Width="300" Height="300" Background="Gray">
<Path Stroke="Blue" StrokeThickness="10" Data="M 130,150 A 1,1 0 0 1 170,150"/>
<Path Stroke="Green" StrokeThickness="10" Data="M 120,150 A 1,1 0 0 1 180,150"/>
<Path Stroke="Yellow" StrokeThickness="10" Data="M 110,150 A 1,1 0 0 1 190,150"/>
<Path Stroke="Red" StrokeThickness="10" Data="M 100,150 A 1,1 0 0 1 200,150"/>
</Grid>
今天在工作开发中遇到需要一个彩虹效果的控件!简单使用Path实现了一个!后续封装成控件.. 效果如上图! 代码如上..
其中下图是客户需求实际效果.. 内圈是封闭状态,因此我们只需在内圈的Path控件中的Fill属性设置与Stroke属性值一样即可!
<Path Stroke="Blue" StrokeThickness="10" Data="M 130,150 A 1,1 0 0 1 170,150" Fill="Blue"/>

这是客户需要的效果图!

浙公网安备 33010602011771号