WPF ScrollViewer 滚动条宽度

将WPF的程序，移植到触屏的一体机上执行时，scrollviewer的滚动条太细，导致手动点击的时候，操作不是很方便，所以需要重写一个scrollviewer的样式，加宽滚动条。

示例如下：将宽度设置为想要的数值即可。

<ScrollViewer>
    <ScrollViewer.Resources>
        <Style TargetType="ScrollBar">
            <Style.Triggers>
                <Trigger Property="Orientation" Value="Vertical">
                    <Setter Property="Width" Value="30"/>
                </Trigger>
            </Style.Triggers>
        </Style>
    </ScrollViewer.Resources>
    ….
</ScrollViewer>

参考链接：https://social.msdn.microsoft.com/Forums/en-US/7096b432-ae09-4fb5-acfd-20813086c11c/changing-width-of-scrollbar-inside-scrollviewer?forum=wpf

时间： 2024-10-21 04:32:57

WPF ScrollViewer 滚动条宽度的相关文章

滚动条——WPF ScrollViewer的应用

WPF ScrollViewer的应用我们知道在一个限定高的窗体和容器中,想要把内容显示完是有些问题的,这个时候我们就要使用类似于浏览器的那个滚动条的效果了,在wpf中也同样如此,最近就碰到了这样的问题,也纠结了很长时间,调试滚动效果的时候一直出不来,还好现在调试好了,把代码贴出来 xaml: <StackPanel> <ScrollViewer Name="scroll" Margin="0,50" Width="720"

WPF 自定义滚动条样式

先看一下效果: 先分析一下滚动条有哪儿几部分组成: 滚动条总共有五部分组成: 两端的箭头按钮,实际类型为RepeatButton Thumb 两端的空白,实际也是RepeatButton 最后就是Thumb(滑块) 所以如果要修改滚动条的样式,就要修改这五部分的样式.具体代码如下:  <SolidColorBrush x:Key="StandardBorderBrush"

WPf 带滚动条WrapPanel 自动换行和控件右键菜单

原文:WPf 带滚动条WrapPanel 自动换行和控件右键菜单技能点包括 WPf 样式的引用数据的验证和绑定比较适合初学者前台: <Window.Resources> <local:PathToSource x:Key="n2"/> <Style x:Key="{x:Type ContextMenu}" TargetType="{x:Type ContextMenu}"> <Setter Pr

javascript之检测浏览器滚动条宽度

在编写javascript代码时,有时需要用到滚动条的宽度,然而不同浏览器下滚动条的宽度可能不同. 在jquery ui源代码中发现这样的一段代码: var scrollbarWidth=function () { if (cachedScrollbarWidth !== undefined) { return cachedScrollbarWidth; } var w1, w2, div = $("<div style='display:block;position:absolute;w

发掘ListBox的潜力（一）：自动调整横向滚动条宽度

<自绘ListBox的两种效果>一文帖出之后,从反馈信息来看,大家对这种小技巧还是很认同.接下来我将继续围绕ListBox写一系列的文章,进一步发掘ListBox的潜力,其中包括:自动调整横向滚动条宽度.即时提示(Tips).拖放插入点提示等,并在最后制作一个在滚动区内的ListBox组. 自动调整横向滚动条宽度网上可以找到很多让Listbox产生横向滚动条的文章,其中的方法基本一样,就是定义一个函数,遍历Items取得最大的TextWidth值,然后发Listbox发消息LB_SETHOR

WPF 自定义滚动条（ScrollView、ScrollBar）样式

一.滚动条基本样式本次修改Scrollview及ScrollBar滚动条样式是通过纯样式实现的.修改的内容包含滚动条的颜色,上下按钮的隐藏.另外添加了鼠标经过滚动条动画. style样式如下:  <Style x:Key="ScrollBarThumb" TargetType="{x:Type Thumb}"> <Setter Property="OverridesDefau

JavaScript元素位置与距离：client&scroll&offset&MouseEvent&滚动条宽度计算

client: clientWidth/clientHeight: 元素内部的宽度/高度,仅包含包含content和padding,不包含滚动条 clientWidth = content width + padding - scrollbar Width clientHeight = content Height + padding - scrollbar Height clientLeft/clientTop: 元素的左border宽度,当文字方向为右至左且出现滚动条时(direction:

滚动条宽度获取？

$(document).ready(function(){ var scrollbarWidth = $('#main')[0].offsetWidth - $('#main')[0].scrollWidth; alert('滚动条的宽度是:' + scrollbarWidth + 'px'); });

jquery mCustomScrollbar 滚动条宽度的设置

一.项目使用 $("#iscroll-1, #tree_box, .work, .item1, .item2, .item3, .item4").mCustomScrollbar({ theme: "minimal", scrollInertia:550 }); 二.修改的滚动条的宽度(默认的太细了,我看着不爽,然后就想在配置参数中去,竟然发现没有这个配置,在网上查了查发现,只能自己手动修改css) /* 修改滚动条样式开始 */ .mCSB_dragger_ba