资源简介
参考网上资料,进行修改。定义了有上下按钮和无上下按钮2种滚动条样式模板,
每种滚动条定义7或8副图像,
半透明和无按钮的滚动条需Scrollbackground(x).png图像,上下按钮为全透明图像即可。
添加样式:
1、替换(x)为数字,例如(3),添加相应的图片到资源
2、调整滚动块高度和上下位置距离:
<Track.Thumb>
<Thumb Style="{StaticResource ThumbStyle(2)}"
Height="79"
Margin="-1,0,-1,0" />
</Track.Thumb>
设置上下按钮高度
<Grid x:Name="Bg"
Background="{TemplateBinding Background}"
SnapsToDevicePixels="true">
<Grid.RowDefinitions>
<RowDefinition MaxHeight="39" />
<RowDefinition Height="0.00001*" />
<RowDefinition MaxHeight="39" />
</Grid.RowDefinitions>
如无上下按钮,则设置
<ImageBrush x:Key="ScrollBackground(x)"
TileMode="FlipY"
ImageSource="/Resource_ScrollImage/Scrollbackground(1).png" />
......
<ControlTemplate TargetType="{x:Type ScrollBar}">
<Grid x:Name="Bg"
Background="{DynamicResource ScrollBackground(1)}"
SnapsToDevicePixels="true">
......
背景透明
<ScrollBar x:Name="PART_VerticalScrollBar"
每种滚动条定义7或8副图像,
半透明和无按钮的滚动条需Scrollbackground(x).png图像,上下按钮为全透明图像即可。
添加样式:
1、替换(x)为数字,例如(3),添加相应的图片到资源
2、调整滚动块高度和上下位置距离:
<Track.Thumb>
<Thumb Style="{StaticResource ThumbStyle(2)}"
Height="79"
Margin="-1,0,-1,0" />
</Track.Thumb>
设置上下按钮高度
<Grid x:Name="Bg"
Background="{TemplateBinding Background}"
SnapsToDevicePixels="true">
<Grid.RowDefinitions>
<RowDefinition MaxHeight="39" />
<RowDefinition Height="0.00001*" />
<RowDefinition MaxHeight="39" />
</Grid.RowDefinitions>
如无上下按钮,则设置
<ImageBrush x:Key="ScrollBackground(x)"
TileMode="FlipY"
ImageSource="/Resource_ScrollImage/Scrollbackground(1).png" />
......
<ControlTemplate TargetType="{x:Type ScrollBar}">
<Grid x:Name="Bg"
Background="{DynamicResource ScrollBackground(1)}"
SnapsToDevicePixels="true">
......
背景透明
<ScrollBar x:Name="PART_VerticalScrollBar"
Background="Transparent"
代码片段和文件信息
using System;
using System.Collections.Generic;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Threading.Tasks;
using System.Windows;
namespace ScrollDEmo
{
///
/// App.xaml 的交互逻辑
///
public partial class App : Application
{
}
}
属性 大小 日期 时间 名称
----------- --------- ---------- ----- ----
..A..H. 35840 2018-04-21 13:38 ScrollDEmo\.vs\ScrollDEmo\v15\.suo
文件 0 2018-04-20 21:00 ScrollDEmo\.vs\ScrollDEmo\v15\Server\sqlite3\db.lock
文件 716800 2018-04-21 13:38 ScrollDEmo\.vs\ScrollDEmo\v15\Server\sqlite3\storage.ide
文件 189 2018-04-20 21:00 ScrollDEmo\ScrollDEmo\App.config
文件 374 2018-04-20 21:00 ScrollDEmo\ScrollDEmo\App.xaml
文件 337 2018-04-20 21:00 ScrollDEmo\ScrollDEmo\App.xaml.cs
文件 145381 2018-03-23 10:46 ScrollDEmo\ScrollDEmo\bin\Debug\background.jpg
文件 294912 2018-04-21 13:37 ScrollDEmo\ScrollDEmo\bin\Debug\ScrollDEmo.exe
文件 189 2018-04-20 21:00 ScrollDEmo\ScrollDEmo\bin\Debug\ScrollDEmo.exe.config
文件 26112 2018-04-21 13:37 ScrollDEmo\ScrollDEmo\bin\Debug\ScrollDEmo.pdb
文件 10828284 2012-04-26 09:53 ScrollDEmo\ScrollDEmo\bin\Debug\中文字体.ttf
文件 1149 2018-04-21 13:34 ScrollDEmo\ScrollDEmo\MainWindow.xaml
文件 3610 2018-04-21 13:32 ScrollDEmo\ScrollDEmo\MainWindow.xaml.cs
文件 2314 2018-04-20 21:00 ScrollDEmo\ScrollDEmo\Properties\AssemblyInfo.cs
文件 2833 2018-04-20 21:00 ScrollDEmo\ScrollDEmo\Properties\Resources.Designer.cs
文件 5612 2018-04-20 21:00 ScrollDEmo\ScrollDEmo\Properties\Resources.resx
文件 1097 2018-04-20 21:00 ScrollDEmo\ScrollDEmo\Properties\Settings.Designer.cs
文件 201 2018-04-20 21:00 ScrollDEmo\ScrollDEmo\Properties\Settings.settings
文件 18577 2018-04-20 23:43 ScrollDEmo\ScrollDEmo\Resource_ScrollImage\BarDown(1).png
文件 15829 2017-03-06 12:30 ScrollDEmo\ScrollDEmo\Resource_ScrollImage\BarDown(2).png
文件 18577 2018-04-20 23:44 ScrollDEmo\ScrollDEmo\Resource_ScrollImage\BarUp(1).png
文件 15833 2017-03-06 12:29 ScrollDEmo\ScrollDEmo\Resource_ScrollImage\BarUp(2).png
文件 18577 2018-04-20 23:45 ScrollDEmo\ScrollDEmo\Resource_ScrollImage\BarUp_E(1).png
文件 15833 2017-03-06 12:29 ScrollDEmo\ScrollDEmo\Resource_ScrollImage\BarUp_E(2).png
文件 19913 2017-11-26 14:41 ScrollDEmo\ScrollDEmo\Resource_ScrollImage\Nar_Center(1).png
文件 16211 2017-03-06 12:50 ScrollDEmo\ScrollDEmo\Resource_ScrollImage\Nar_Center(2).png
文件 19913 2017-11-26 14:41 ScrollDEmo\ScrollDEmo\Resource_ScrollImage\Nar_Center_s(1).png
文件 16211 2017-03-06 12:50 ScrollDEmo\ScrollDEmo\Resource_ScrollImage\Nar_Center_s(2).png
文件 18581 2018-04-20 23:42 ScrollDEmo\ScrollDEmo\Resource_ScrollImage\PageDownBG(1).png
文件 16012 2017-03-06 12:50 ScrollDEmo\ScrollDEmo\Resource_ScrollImage\PageDownBG(2).png
............此处省略28个文件信息
相关资源
- 第二代Kinect WPF开发从入门到精通资料
- WPF21个优秀项目及源码
- SciChart控件破解方法见包内
- WPF开发框架
- wpf特效轮播图
- WPF做的监控程序
- wpf 图片滑动效果
- Telerik_UI_for_WPF破解版
- Telerik_UI_for_WPF_2019_1_116_Dev.msi
- WPF编程宝典2012源码和书(全)
- 深入浅出WPF刘铁猛 重新整理书签 带源
- WPF程序设计指南完整PDF高清版
- Telerik UI for WPF 2018_1_116
- 深入浅出WPF 重新整理目录,带源码
- Pro WPF 4.5 in C# Pro WPF系列第四版 英文书
- WPF学习书籍pdf《葵花宝典_WPF自学手册
- Telerik_UI_for_WPF_Documentation
- WPF编程宝典C#2012 第4版(包含源码)
- WPF编程宝典 第四版
- c# WPF 动态曲线显示
- WPF高级编程PDF
- WPF崩溃重启
- C# 滚动字幕 歌词字幕
- C#/WPF下的通用自动更新模块修正
- 基于WPF的USB设备浏览器
- WPF实现类似安卓,ISO的日期选择器
- WPF MVVM模式下 TreeView 右键菜单
- wpf入门第五篇 WPF with ECharts 项目源码
- wpf界面与类之间的交互
- WPF自定义MessageBox完善版 v2 (源码)
评论
共有 条评论