原創|使用教程|編輯:郝浩|2013-03-11 11:47:59.000|閱讀 1092 次
概述:如何在Chart FX for WPF圖表控件中使用Sketchflow原型顯示圖表,并使得圖表的樣式具有手繪的同時也結合了素描風格在原型中。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
如何在Chart FX for WPF圖表控件中使用Sketchflow原型顯示圖表,并使得圖表的樣式具有手繪的同時也結合了素描風格在原型中。
如果你創建了一種WPF Sketchflow原型應用程序,你需要進行以下的操作:
在項目選項卡中添加一個引用到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>

本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@ke049m.cn
文章轉載自:慧都控件