原創(chuàng)|其它|編輯:郝浩|2012-12-10 15:51:24.000|閱讀 1475 次
概述:在前面的文章中《Mindscape WPF Elements使用教程:構(gòu)建超炫儀表盤(pán)(一)》種我們看見(jiàn)了使用WPF Elements創(chuàng)建的儀表盤(pán)的效果,我們現(xiàn)在看一下要?jiǎng)?chuàng)建的儀表盤(pán)所包含的內(nèi)容部分。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷售中 >>
相關(guān)鏈接:
在前面的文章中《Mindscape WPF Elements使用教程:構(gòu)建超炫儀表盤(pán)(一)》種我們看見(jiàn)了使用WPF Elements創(chuàng)建的儀表盤(pán)的效果,我們現(xiàn)在看一下要?jiǎng)?chuàng)建的儀表盤(pán)所包含的內(nèi)容部分。
所創(chuàng)建的儀表內(nèi)容總的來(lái)說(shuō),儀表盤(pán)顯示的是一個(gè)公司里三個(gè)主要的銷售量。儀表盤(pán)的主要的數(shù)據(jù)源時(shí)訂單列表,包括時(shí)間和購(gòu)買(mǎi)每個(gè)的錢(qián),在儀表盤(pán)中的每個(gè)部件都是顯示著來(lái)自這個(gè)數(shù)據(jù)的統(tǒng)計(jì)數(shù)據(jù)。從最上面的儀表盤(pán)中,會(huì)看見(jiàn)時(shí)間管理器,這個(gè)控件會(huì)沿著時(shí)間尺度顯示繪制數(shù)據(jù),為用戶提供了一種簡(jiǎn)單的方法在一些有趣的數(shù)據(jù)里來(lái)選擇一個(gè)時(shí)間范圍,比如說(shuō):增加產(chǎn)品的銷售。通過(guò)放大圖表,用戶可以選擇將相應(yīng)更新主要和次要的時(shí)間單位,這使得它足夠靈活來(lái)選擇小時(shí)間范圍如一天或大范圍如幾年。
在這個(gè)儀表盤(pán)的示例中,時(shí)間資源管理器是策劃著所有的產(chǎn)品的銷售,但是并不限于只顯示單個(gè)的系列,你可以包括其他的圖表系列來(lái)估算收入。而在這個(gè)儀表示例中,當(dāng)用戶選擇了一個(gè)時(shí)間范圍,所有的時(shí)間控件將會(huì)顯示更多的關(guān)于用戶選定區(qū)域內(nèi)銷售的詳細(xì)信息。
在時(shí)間資源管理器下面是重疊區(qū)域圖表,主要顯示著在選定的時(shí)間范圍內(nèi)三個(gè)產(chǎn)品每個(gè)的總銷售的突破,單鼠標(biāo)移動(dòng)到圖表上時(shí),彈出的標(biāo)簽將會(huì)顯示挨著鼠標(biāo)的每個(gè)產(chǎn)品信息,這個(gè)功能已經(jīng)被添加到一個(gè)自定義控件中,以便可以簡(jiǎn)單的添加到圖表。
在銷售突破圖表的右側(cè)是銷售細(xì)分圖表,其中顯示了每個(gè)產(chǎn)品在10個(gè)國(guó)建中的銷售額,當(dāng)鼠標(biāo)移動(dòng)到圖表上時(shí),將會(huì)彈出tooltip顯示相應(yīng)地方的具體信息。
數(shù)據(jù)表格控件被設(shè)置用于顯示在選定的時(shí)間范圍內(nèi)每次銷售的原始數(shù)據(jù),每次銷售的不同屬性將會(huì)顯示在不同的列中,其中一些有自定義模版用于格式化的數(shù)據(jù)顯示。用戶也可以進(jìn)行一些常用的數(shù)據(jù)操作,比如說(shuō):排序,重新排列,調(diào)整大小,或設(shè)置你想要顯示的數(shù)據(jù)。
在右下角,我們有一些總的銷售值,這里有一對(duì)文本塊顯示著當(dāng)前選擇的時(shí)間范圍,以及總的產(chǎn)品銷售收入的動(dòng)畫(huà),還有一對(duì)徑向的儀表在本次的實(shí)例中,顯示著預(yù)算的隨機(jī)值以及去年的同期增漲。
在儀表頂上的方塊主要用于產(chǎn)品類型的數(shù)據(jù)過(guò)濾,隨便點(diǎn)擊一個(gè)都將會(huì)引起圖表、數(shù)據(jù)表格、總的銷售值只顯示選定的產(chǎn)品的信息。
現(xiàn)在在大家了解了我們將構(gòu)建的儀表盤(pán)的主要的內(nèi)容之后,在接下來(lái)的文章里就是具體的應(yīng)用程序的構(gòu)建,我們將遵循和使用MVVM設(shè)計(jì)架構(gòu)來(lái)構(gòu)建。
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件