原創|使用教程|編輯:郝浩|2013-03-11 11:47:59.000|閱讀 1078 次
概述:如何在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@fc6vip.cn
文章轉載自:慧都控件