世俱杯 2025

   如何在Chart FX for WPF图表控件中使用Sketchflow原型显示图表，并使得图表的样式具有手绘的同时也结合了素描风格在原型中。

   如果你创建了一种WPF Sketchflow原型应用程序，你需要进行以下的操作：

1. 对程序集添加引用

    在项目选项卡中添加一个引用到PrototypeScreens对象中的ChartFX.WPF.dll

        2.  创建一个图表

    在assets窗口中，展开Controls\All 项目和选择图表，值得注意的是，因为 WPF 工具包还包括图表类，所以必须小心选择其中之一，我们的图标是蓝色和绿色的饼图。

    只要删除了在屏幕中的图表，你会很快发现默认图表的外观在 Sketchflow 中并不好使用。

    在这个时候就可以使用叫HandDrawnShapes的代码集，用来将图表的样式构建成手绘的效果，为了使用这个样式，还必须添加一个引用到ChartFX.WPF.Motifs.HandDrawn.dll，这时你需要添加一个多余的命名空间到在XAML中的顶级用户控件标记上。

xmlns:cfxhanddrawn="//schemas.softwarefx.com/chartfx/wpf/80/ext/handdrawn"
And set the Chart style property to use the handdrawn style
  <cfx:Chart Style="{x:Static cfxhanddrawn:HandDrawn.Style}" Margin="8,8,118,147"/>

    如果我们尝试创建全局样式在全局资源字典中的一些更改，这样的话，所有图表都会都继承这些更改。为了实现这个效果，将修改app.xaml去创建一个图表样式，使用一些手绘同时更好的结合素描风格在原型中：

<Style TargetType="{x:Type cfx:Chart}">
  <Setter Property="Template"
          Value="{x:Static cfxmotifs:Simple.ChartTemplate}"/>
  <Setter Property="GalleryTemplates"
          Value="{x:Static cfxhanddrawn:HandDrawn.GalleryTemplates}"/>
  <Setter Property="MarkerTemplates"
          Value="{x:Static cfxhanddrawn:HandDrawn.MarkerTemplates}"/>
  <Setter Property="MergeResources"
          Value="{x:Static cfxhanddrawn:HandDrawn.MergeResources}"/>
  <Setter Property="Border" Value="{StaticResource BorderSketch}"/>
  <Setter Property="Palette" Value="{StaticResource SketchPalette}"/>
  <Setter Property="FontFamily" Value="{DynamicResource FontFamily-Sketch}"/>
  <Setter Property="FontSize" Value="{DynamicResource SizeDouble-Sketch}"/>
</Style>