电竞比分网-中国电竞赛事及体育赛事平台

分享

silverlight學(xué)習(xí)(一)—— 使用blend實(shí)現(xiàn)縮小Listbox或Scrollviewer中的滾動(dòng)條

 昵稱10504424 2014-01-15
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á)到更改外層控件樣式的目的了!

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類似文章 更多