WPF效果第一百九十六篇之彩色马蹄形图

Posted 2022-08-29 dotNET跨平台

上一篇又是基于ListBox改了改模板实现了点不一样的效果;今天来分享一点这些天一直摸索的好玩的效果;闲话不多扯直接看效果:

1、对于各种定义就直接看下面:

https://www.wigglepixel.nl/en/blog/what-are-color-spaces-color-profiles-and-gamma-correction

2、关于马蹄图我找到了SVG:

https://www.wigglepixel.nl/uploads/content-images/blog/color-spaces/CIExy-chromaticity-diagram.svg

3、通过SvgToXaml转换DrawingImage资源:

https://github.com/BerndK/SvgToXaml/releases/tag/Ver_1.3.0

4、通过Image的Source方式呈现:

<Image Source="StaticResource svg_DrawingImage" />

5、关于不同的色域空间标准,找到RGB三个点坐标绘制Path:

<Path Name="DCIP3Path" Data="M510.85,464.6444 L202.8375,168.2333 L112.6875,672.9333z" Stroke="#3392DF"/>

6、通过StrokeDashOffset来实现虚线流动效果:

<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.StrokeDashOffset)" Storyboard.TargetName="Rec2020Path">
    <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
    <EasingDoubleKeyFrame KeyTime="0:0:10" Value="300"/>
</DoubleAnimationUsingKeyFrames>

7、至于三角形拖拽顶点实现色域范围选择就等我下一篇的分解吧;最终简单的效果先这样吧;以后有时间的话,可以再去摸索一下更复杂的效果;编程不息、Bug不止、无Bug、无生活;改bug的冷静、编码的激情、完成后的喜悦、挖坑的激动 、填坑的兴奋;这也许就是屌丝程序员的乐趣吧;今天就到这里吧;希望自己有动力一步一步坚持下去;生命不息,代码不止;大家抽空可以看看今天分享的效果,有好的意见和想法,可以在留言板随意留言;我看到后会第一时间回复大家,多谢大家的一直默默的关注和支持!如果觉得不错,那就伸出您的小手点个赞并关注一下！