silverlight学习(一)—— 使用blend实现缩小Listbox或Scrollviewer中的滚动条

  1.打开Expression Blend新建项目:

  

  2.左侧菜单栏中选择ListBox

  

  3.在画布上添加Listbox控件并在其中添加多笔ListBoxItem,让右侧和底部滚动条都显示出来 

  4.右键Listbox,选择Edit Template -> Edit a Copy... 后出现确认窗体,点击ok                                        

  

  

  5.得到ListBox的Template模板,可以看出ListBox实际上是由Border层级下的ScrollViewer和ValidationErrorElement组成

  

  6.右键ScrollViewer,选择Edit Template -> Edit a Copy... 后出现确认窗体,点击ok,此时得到ScrollViewer的Template

    

  7.右键VerticalScrollBar,选择Edit Template -> Edit a Copy... 后出现确认窗体,点击ok,得到ScrollBar的Template

  

  8.选择VerticalRoot,查看右侧属性栏中的Width属性,可以看到默认值为18,将这个值改成自己想要的宽度,比如10

  

  9.这时就能看到画布中的ListBox中的右侧滚动条变窄了

  

  10.点击返回按钮,回到ScrollViewer下的Template(PS:对于VerticalScrollBar只需要设置VerticalRoot的Width就行)                       

  11.同样的方式来设置HorizontalScrollBar(PS:对于HorizontalScrollBar只需要设置HorizontalRoot的Height就行)

  12.然后F5运行,大功告成!

  

  因为ListBox是由 ScrollViewer构成的,所以ScrollViewer设置滚动条的方式当然也就一样啦!

  通过对滚动条的设置我们可以发现,所有控件都是由内部的Template模板构成的,对模板中的属性进行更改就能达到更改外层控件样式的目的了!

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。