开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

在ScrollViewer wpf中更改ScrollBar的背景颜色

在WPF中，可以使用ScrollViewer控件来实现滚动功能。ScrollViewer控件包含了一个水平和垂直方向的ScrollBar，用于控制内容的滚动。要更改ScrollBar的背景颜色，可以通过修改ScrollBar的样式来实现。

首先，需要在XAML中定义一个新的样式来自定义ScrollBar的外观。可以使用控件模板和触发器来修改ScrollBar的背景颜色。以下是一个示例：

<Window.Resources>
    <Style x:Key="CustomScrollBarStyle" TargetType="{x:Type ScrollBar}">
        <Setter Property="Background" Value="LightGray"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ScrollBar}">
                    <Grid Background="{TemplateBinding Background}">
                        <Track x:Name="PART_Track" IsDirectionReversed="True">
                            <Track.DecreaseRepeatButton>
                                <RepeatButton Command="ScrollBar.LineUpCommand" Content="▲"/>
                            </Track.DecreaseRepeatButton>
                            <Track.IncreaseRepeatButton>
                                <RepeatButton Command="ScrollBar.LineDownCommand" Content="▼"/>
                            </Track.IncreaseRepeatButton>
                            <Track.Thumb>
                                <Thumb Background="DarkGray" Width="10"/>
                            </Track.Thumb>
                        </Track>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>

在上述代码中，我们定义了一个名为CustomScrollBarStyle的样式，将ScrollBar的Background属性设置为LightGray。然后，使用ControlTemplate来定义ScrollBar的外观，包括DecreaseRepeatButton、IncreaseRepeatButton和Thumb等子元素。在这个示例中，我们将Thumb的背景颜色设置为DarkGray。

接下来，将定义好的样式应用到ScrollViewer控件中的ScrollBar。可以通过设置ScrollViewer的VerticalScrollBarStyle和HorizontalScrollBarStyle属性来实现。以下是一个示例：

<ScrollViewer VerticalScrollBarStyle="{StaticResource CustomScrollBarStyle}" HorizontalScrollBarStyle="{StaticResource CustomScrollBarStyle}">
    <!-- 内容 -->
</ScrollViewer>

在上述代码中，我们将VerticalScrollBarStyle和HorizontalScrollBarStyle属性分别设置为CustomScrollBarStyle，即应用了我们定义的样式。

这样，当ScrollViewer被渲染时，ScrollBar的背景颜色将会根据我们定义的样式进行显示。

腾讯云相关产品和产品介绍链接地址：

相关搜索:C# WPF -更改代码中的列背景颜色 ScrollView中ScrollBar的颜色 WPF:网格中的ScrollViewer WPF托管窗口在ScrollViewer中形成元素在PNotify中更改背景颜色在ReactJS中更改导航栏背景颜色在typescript中更改ag页眉背景颜色在WPF中如何防止ScrollViewer中的控件扩展在WPF中绑定ListBox项背景和选择颜色如何在QML中更改ScrollBar颜色？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

WPF 修改按钮按下的颜色

如何在按钮按下时使用这个附加属性修改按钮颜色？实际重写按钮的样式可以看到，在按下时可以修改颜色

01

WPF之TreeList的实现方法(一)

做项目的时候根据需求，WPF现有的控件不能完全满足我们的需求，很多时候我们需要对现有的控件做一下加工。最简单的我们可能会把Tree转换成List形式有的叫Grid形式就像下图一样今天我先做一个完

05

silverlight ListBox 多列图片效果

这个功能之前用wpf写过一次这次用Silverlight写一次这两种写法上基本上没有太大的差别这个Demo并不完美，只是给大家提供一个思路源码：SilverLightListPricture.r

07

wpf listBox 多列大图片效果

修改ListBox的模版多列大图片效果，加上删除button 看图上代码！ <Window x:Class="Thunder.SetCenter.RoomSetting.ActivityPhoto

07

张高兴的 UWP 开发笔记：横向 ListView

ListView 默认的排列方向是纵向 ( Orientation="Vertical" ) ，但如果我们需要横向显示的 ListView 怎么办？ Blend for Visual Studio 现在就派上用场了。不只是 ListView ，其他的控件也可以用 Blend 定制你自己的 UI 样式。　　下面新建一个项目 "HorizontalListViewDemo" ，用于演示横向 ListView ，解决方案结构如下：( GitHub: https://github.com/ZhangGaox

07

Silverlight之ListBox/Style学习笔记--ListBox版的图片轮换广告

ListBox是一个很有用的控件，其功能直逼Asp.Net中的Repeater，它能实现自定义数据项模板，纵向/横向排列Item(如果扩展一下实现自行折行，几乎就是SL版的Repeater了--实际上WrapPanel已经实现了，不过没有默认集成在SL3中). 这里推荐一个老外的文章 http://blogs.msdn.com/delay/archive/2008/03/05/lb-sv-faq-examples-notes-tips-and-more-for-silverlight-2-beta-1-s

05

New UWP Community Toolkit - RangeSelector

概述前面 New UWP Community Toolkit 文章中，我们对 V2.2.0 版本的重要更新做了简单回顾，其中简单介绍了 RangeSelector，本篇我们结合代码详细讲解一下 Ra

07

WPF 应用完全模拟 UWP 的标题栏按钮

发布于 2018-08-04 09:35 更新于 2018-08-05 02:21

02

WPF备忘录（4）打个勾画个叉娱乐下

<Path Grid.Column="2" Data="M43,5 L20,40 20,40 0,20 6,15 18,26 37,7 43,5 z" Fill="Green" Margin="5" Stretch="Fill" HorizontalAlignment="Right"/> image.png <Path Margin="5" Data="M50,25 L25,50 M25,25 50,50" Fill="#FFF4F4F5" Stretch="Fill" Stroke="Red"

04

Silverlight项目中"自定义控件开发/Style"学习笔记

本文不涉及高深的设计模式(比如mvc,mvvm之类)，也没有太多的编程技巧，只是记录自己做为asp.net开发者学习silverlight中自定义控件开发的一些过程，高手请绕过。先推荐一篇不错的文章http://www.cnblogs.com/carysun/articles/1259025.html 写得很全面，只不过图片讲解不够丰富，初学者可能有些感到跳跃性大了一些。正文开始: 做过asp.net网站开发的都知道用户控件是一个很方便的功能，通常我们会把一些模块化的功能封装成用户控件，用的时候直

Silverlight学习笔记：改变控件的样式

Silverlight的控件都具有MS为我们赋予的默认样式，虽然这个样式也不怎么难看，但任何产品都很少用这个默认的样式去做最后的呈现，所以我们就需要对其进行修改。

01

WPF下可编辑Header的Tab控件实现

介绍有这样一个需求，当用户双击Tab控件Header区域时，希望可以直接编辑。对于WPF控件，提供一个ControlTemplate在加上一些Trigger就可以实现。效果如下：代码首先，我们需要给Tab Header设计一个ControlTemplate。类似一个TextBlock，双击进入编辑状态。所以Xaml如下： <Setter Property="Template"> <Setter.Value> <ControlT

06

扩展GridView控件——为内容项添加拖放及分组功能

引言相信大家对GridView都不陌生，是非常有用的控件，用于平铺有序的显示多个内容项。打开任何WinRT应用或者是微软合作商的网站，都会在APP中发现GridView的使用。“Tiles”提供了一个简单易用，平铺方式来组织内容显示。Windows8的开始菜单是最典型的GridView 示例。“开始菜单”显示了系统中安装的所有应用程序，而且支持重新排列。本文源于我们项目的开发人员，他们想在项目中提供与GridView相同的用户体验，想要创建类GridView控件。 GridView 可以显示大小不定的内

05

WPF 自定义键盘焦点样式（FocusVisualStyle）

2017-12-17 07:34

01

[WPF自定义控件]从ContentControl开始入门自定义控件

我去年写过一个在UWP自定义控件的系列博客，大部分的经验都可以用在WPF中（只有一点小区别）。这篇文章的目的是快速入门自定义控件的开发，所以尽量精简了篇幅，更深入的概念在以后介绍各控件的文章中实际运用到才介绍。

04

WPF中ListView如何改变选中条背景颜色

先上图解决方法: <ListView ...> <ListView.ItemContainerStyle> <Style TargetType="{x:Type ListVi

07

张高兴的 UWP 开发笔记：用 Thumb 控件仿制一个可拖动 Button

在 WPF 上可用的控件拖动方法在 UWP 上大多没用，那干脆用 Thumb 仿制一个吧。　　关于 Thumb 控件的教程也不多，毕竟在 WPF 控件拖动有很多种方法， Thumb 就显得很鸡肋了。下面我就简单的说说。（MSDN 文档）　　不谈什么属性和方法，大多数都是继承的。主要说说 Thumb 的原生事件 DragStarted，DragDelta，DragCompleted。 DragStarted 和字面意思差不多，开始拖动的时候发生的。 DragDelta 拖动进行中，只要你鼠标不放就

05

New UWP Community Toolkit - RadialProgressBar

概述 UWP Community Toolkit 中有一个圆形的进度条控件 - RadialProgressBar，本篇我们结合代码详细讲解 RadialProgressBar 的实现。 Radi

[UWP]创建一个ProgressControl

UWP有很多问题，先不说生态的事情，表单、验证、输入、设计等等一堆基本问题缠身。但我觉得最应该首先解决的绝对是Blend，那个随随便便就崩溃、报错、比Silverlight时代还差、不能用的Blend For Visal Studio。不过无论Blend怎么坏都不能让我写漂亮控件的心屈服，毕竟写了这么多年XAML，只靠Visual Studio勉勉强强还是可以写样式的，这篇文章介绍的控件就几乎全靠Visual Studio写了全部样式（其实VisalStudio的设计器也一直报错）。

03

[UWP]新控件ColorPicker

Fall Creators Update中提供了一个新得ColorPicker控件，解决了以前选择颜色只能用Combo Box的窘境。

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭