彩票走势图

Chart FX for WPF图表控件如何使用Sketchflow原型显示图表

原创|使用教程|编辑:郝浩|2013-03-11 11:47:59.000|阅读 1017 次

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

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

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

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

  1. 对程序集添加引用

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

        2.  创建一个图表

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

Chart FX for WPF图表控件如何使用Sketchflow原型显示图表

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

Chart FX for 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"/>

Chart FX for WPF图表控件如何使用Sketchflow原型显示图表

    如果我们尝试创建全局样式在全局资源字典中的一些更改,这样的话,所有图表都会都继承这些更改。为了实现这个效果,将修改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>

Chart FX for WPF图表控件如何使用Sketchflow原型显示图表


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn

文章转载自:慧都控件

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP