1.打開Expression Blend新建項(xiàng)目:

2.左側(cè)菜單欄中選擇ListBox

3.在畫布上添加Listbox控件并在其中添加多筆ListBoxItem,讓右側(cè)和底部滾動(dòng)條都顯示出來 
4.右鍵Listbox,選擇Edit Template -> Edit a Copy... 后出現(xiàn)確認(rèn)窗體,點(diǎn)擊ok


5.得到ListBox的Template模板,可以看出ListBox實(shí)際上是由Border層級(jí)下的ScrollViewer和ValidationErrorElement組成

6.右鍵ScrollViewer,選擇Edit Template -> Edit a Copy... 后出現(xiàn)確認(rèn)窗體,點(diǎn)擊ok,此時(shí)得到ScrollViewer的Template

7.右鍵VerticalScrollBar,選擇Edit Template -> Edit a Copy... 后出現(xiàn)確認(rèn)窗體,點(diǎn)擊ok,得到ScrollBar的Template

8.選擇VerticalRoot,查看右側(cè)屬性欄中的Width屬性,可以看到默認(rèn)值為18,將這個(gè)值改成自己想要的寬度,比如10

9.這時(shí)就能看到畫布中的ListBox中的右側(cè)滾動(dòng)條變窄了

10.點(diǎn)擊返回按鈕
,回到ScrollViewer下的Template(PS:對(duì)于VerticalScrollBar只需要設(shè)置VerticalRoot的Width就行) 

11.同樣的方式來設(shè)置HorizontalScrollBar(PS:對(duì)于HorizontalScrollBar只需要設(shè)置HorizontalRoot的Height就行)
12.然后F5運(yùn)行,大功告成!

因?yàn)長(zhǎng)istBox是由 ScrollViewer構(gòu)成的,所以ScrollViewer設(shè)置滾動(dòng)條的方式當(dāng)然也就一樣啦!
通過對(duì)滾動(dòng)條的設(shè)置我們可以發(fā)現(xiàn),所有控件都是由內(nèi)部的Template模板構(gòu)成的,對(duì)模板中的屬性進(jìn)行更改就能達(dá)到更改外層控件樣式的目的了!