在WPF中设计带有样式的垂直滚动条

Question

这可能很容易做，也可能很难，但是有人可以建议我如何设计一个像这样的图片

吗？ 在设计领域，我对 WPF 还很陌生。我在 Visual studio Blend 2013 中了解了这个设计，并且喜欢这个 UI 的外观和感觉，请建议一种在 xaml 中或在 UI 后面的代码中为其编码的方法。

这是我的拇指方法

scrollviewer

但是如何更改上下箭头。

Answer 1

这是风格：

<Style x:Key="ScrollThumbs" TargetType="{x:Type Thumb}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type Thumb}">
                <Grid x:Name="Grid">
                    <Rectangle HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Width="Auto" Height="Auto" Fill="Transparent" />
                    <Border x:Name="Rectangle1" CornerRadius="0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Width="Auto" Height="Auto"  Background="LightGray" />
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="Tag" Value="Horizontal">
                        <Setter TargetName="Rectangle1" Property="Width" Value="Auto" />
                        <Setter TargetName="Rectangle1" Property="Height" Value="7" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Answer 2

这个网站

的帮助下做到了 以及我放入资源中并在任何我想要的地方使用的风格。对于可能需要代码才能工作的其他人，请按照链接中描述的步骤操作，然后就完成了。