原創(chuàng)|使用教程|編輯:郝浩|2013-03-11 11:47:59.000|閱讀 1078 次
概述:如何在Chart FX for WPF圖表控件中使用Sketchflow原型顯示圖表,并使得圖表的樣式具有手繪的同時(shí)也結(jié)合了素描風(fēng)格在原型中。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
如何在Chart FX for WPF圖表控件中使用Sketchflow原型顯示圖表,并使得圖表的樣式具有手繪的同時(shí)也結(jié)合了素描風(fēng)格在原型中。
如果你創(chuàng)建了一種WPF Sketchflow原型應(yīng)用程序,你需要進(jìn)行以下的操作:
在項(xiàng)目選項(xiàng)卡中添加一個(gè)引用到PrototypeScreens對(duì)象中的ChartFX.WPF.dll
2. 創(chuàng)建一個(gè)圖表
在assets窗口中,展開Controls\All 項(xiàng)目和選擇圖表,值得注意的是,因?yàn)?WPF 工具包還包括圖表類,所以必須小心選擇其中之一,我們的圖標(biāo)是藍(lán)色和綠色的餅圖。
只要?jiǎng)h除了在屏幕中的圖表,你會(huì)很快發(fā)現(xiàn)默認(rèn)圖表的外觀在 Sketchflow 中并不好使用。
在這個(gè)時(shí)候就可以使用叫HandDrawnShapes的代碼集,用來將圖表的樣式構(gòu)建成手繪的效果,為了使用這個(gè)樣式,還必須添加一個(gè)引用到ChartFX.WPF.Motifs.HandDrawn.dll,這時(shí)你需要添加一個(gè)多余的命名空間到在XAML中的頂級(jí)用戶控件標(biāo)記上。
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"/>
如果我們嘗試創(chuàng)建全局樣式在全局資源字典中的一些更改,這樣的話,所有圖表都會(huì)都繼承這些更改。為了實(shí)現(xiàn)這個(gè)效果,將修改app.xaml去創(chuàng)建一個(gè)圖表樣式,使用一些手繪同時(shí)更好的結(jié)合素描風(fēng)格在原型中:
<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>
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件