资源描述：
《wpf scrollviewer(滚动条) 自定义样式表制作》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。
1、WPFScrollViewer(滚动条)自定义样式表制作图文并茂先上效果图正常样式拖动时样式好下面开始吧=================================================================打开blend新建个WPF应用程序工程 点击左上角文件→新建项目 项目类型WPF→右侧选WPF应用程序→项目名称你随便起一个用输入的ScrollViewerStyle→点确定,一个空的项目工程就建好了 建好工程后,blend会自动打开MainWindow窗体(以下简称画布),我们在这编辑就可以了先在窗体上创建一个ScrollViewer,步
2、骤:打开资产面板→控件→鼠标左键点下ScrollViewer,然后鼠标指针图标会变成十字花形,进入绘画此控件模式,然后在画布上拖出个ScrollViewer大小范围点左上角的选择(一个黑色的指针箭头)进入选择操作状态 →右上角点属性点击画布上刚才创建的ScrollViewer,这个时候右侧面板会联动显示出ScrollViewer的当前属性,右侧面板HorizontalAlignment 横向伸展模式设置成Stretch,VerticalAlignment纵向伸展模式设置成Stretch,Margin设置成0对象和时间线面板处点Window节点 → 右侧属性面板Width和
3、Height设置成300300(把窗体宽高设置小为了方便看滚动条效果) 左侧资产→控件→TextBlock→画布中间画出此控件→鼠标左键点击此控件→右侧属性面板设置属性 HorizontalAlignment 横向伸展模式设置成Stretch,VerticalAlignment纵向伸展模式设置成Stretch,Margin设置成0,Width和Height设置为自动(点输入框旁边的图标设置为自动属性),属性面板文本属性分类中,点嵌入下面的三角号图标进入高级模式 TextWrapping属性设置成Wrap(自动换行) 如图:对象和时间线面板 鼠标右键[ScrollViewe
4、r]→编辑模版→编辑副本→默认的就可以,直接点确定.blend创建完ScrollViewer的样式后自动进入此样式的编辑模式点右上角的拆分,进入拆分模式对于我现在对滚动条只要求有纵向滚动功能的需求,blend自动生成的模版有些冗余代码,需要手动整理下(这个地方也可以改成你自己需要显示的样式,比如给它加个标题或者我需要纵向滚动条在内容的左侧地方显示什么的)点对象和时间线面板上的Grid节点,中间下侧拆分出来的代码会自动到当前Grid代码处我只需要滚动条纵向最基本的功能,左侧显示内容,右侧是滚动条导航功能,横向的导航模块不需要,所以我只需要两列的Grid即可,自动生成的是两横
5、两列,此处改成两列,第一列宽度设置成*,第二列的宽度设置成Auto,意思是第二列滚动条的导航模块(上滚动按钮,滚动按钮区域,下滚动按钮)宽度自动分配,由里面的导航模块宽度决定,然后剩下的宽度全部分配给第一列,及滚动条显示的内容列. 1234 5 6注意,Grid的横和列属
6、性更改了,它里面的子元素对应的横和列属性设置要手动同步改下Corner:当纵向和横向导航模块同时显示的时候,最右下角的容器PART_ScrollContentPresenter:滚动条左侧的内容对象,不要更改它的x:Name属性和控件类型,这是内置元件PART_VerticalScrollBar:滚动条纵向导航模块,不要更改它的x:Name属性和控件类型,这是内置元件PART_HorizontalScrollBar:滚动条横向导航模块,不要更改它的x:Name属性和控件类型,这是内置元件我只需要纵向导航功能,Corner和PART_HorizontalScrollBar不
7、需要了删除掉,ScrollContentPresenter显示在第一列,更改Grid.Column为0,PART_VerticalScrollBar显示在第二列,更改Grid.Column为1Grid更改后的代码如下12345
