如何创建WPF滚动条看起来像iTunes封面流量滚动条？

我想在WPF中创建一个看起来像在iTunes封面流中看到的滚动条。请参阅下面的滚动条图片，该图片还显示滚动条下方的专辑封面的反映。如何创建WPF滚动条看起来像iTunes封面流量滚动条？

下面是XAML基本的滚动条控制。

<ScrollBar Name="scrollBar1" Height="24" Width="Auto" Orientation="Horizontal" 
      SmallChange="1" />

我怎样才能从上面得到一个iTunes封面流动滚动条看呢？完整的准备使用的源代码示例将是首选。

2010-02-28 Elan

与此好运，ScrollBars是众所周知的难以风格和请求一些做所有你的工作是恕我直言，远远牵强。 – bendewey 2010-02-28 17:18:38

先从http://msdn.microsoft.com/en-us/library/ms742173.aspx MSDN中的滚动条控件模板实例（也就是更容易比窗口样式来修改你可以从混合或ShowMeTheTemplate获得）

现在开始编辑模板，改变颜色，模板为箭头按钮和拇指，直到它看起来像你想要的。

2010-03-01 12:38:46 Nir

您错过了一个要点，即专辑封面的反映应该在滚动条下可见。 – Mart 2010-03-01 18:46:53

只需将滚动条的不透明度设置为小于1（或模板中某些滚动条组件的不透明度） – Nir 2010-03-02 08:11:01

感谢尼尔，这给了我一个从头开始的好地方。花了一天的时间，教育方面的试验和错误;我现在非常接近包装！ – Elan 2010-03-02 16:37:32

第一项任务是显示滚动条下面的滚动区域。您必须更改ScrollViewer控件的结构。默认情况下它是一个2x2 Grid，所以水平滚动条在滚动区域下。编辑其模板以将滚动区域和滚动条放置在同一单元格中，将滚动条垂直对齐到底部。

第二部分是样式滚动条本身。我不相信这不能用圆角矩形完成。

我通常会使用Blend提取模板来修改它，还有一个免费的ShowMeTheTemplate工具。

2010-02-28 18:16:14 Mart

你有Expression Blend吗？如果没有，我建议安装它（如果您没有MSDN许可证，则有30天的试用版）。

例如，有很多Expression Blend教程here's a good place to start。

基本上，您将复制标准滚动条的模板，它将为您提供所有构成它的元素。然后你改变每个元素的外观，直到你看到你想要的东西。在这个过程中会有相当大的尝试和错误。

2010-02-28 18:20:05 ChrisF

感谢您的提示。根据尼尔的建议，我能够把它取消。我将跟进并安装Expression Blend并熟悉这一点。 – Elan 2010-03-02 16:41:13

查看codeplex上的WPF Themes project。 Expression Blend Theme（明暗）与您提供的示例非常接近。它在Ms PL下发布。

2010-03-01 13:06:35

回答