代码之家  ›  专栏  ›  技术社区  ›  Elan

如何创建WPF滚动条,使其看起来像iTunes封面流滚动条?

  •  0
  • Elan  · 技术社区  · 16 年前

    我想在WPF中创建一个类似于iTunes封面流程的滚动条。请参见下面的滚动条图像,它还显示了滚动条下相册艺术的反射。

    Scrollbar Image http://www.barramsoft.com/pub/images/scrollbar2.jpg

    下面是XAML中的一个基本滚动条控件。

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

    我怎样才能从上面得到一个iTunes封面流滚动条的外观?最好是完全准备好使用的源代码示例。

    4 回复  |  直到 16 年前
        1
  •  3
  •   Nir    16 年前

    从msdn-from中的滚动条controltemplate示例开始 http://msdn.microsoft.com/en-us/library/ms742173.aspx (这比从Blend或ShowMeteTemplate获得的窗口样式更容易修改)

    现在开始编辑模板,更改颜色,箭头按钮和拇指的模板,直到它看起来像您想要的那样。

        2
  •  1
  •   ChrisF    16 年前

    你有表情混合吗?如果没有,我建议安装它(如果您没有msdn许可证,有一个30天的试用版)。

    有相当多的表达式混合教程。 here's a good place to start 例如。

    基本上,你复制了标准滚动条的模板,它将给你所有的元素去组成它。然后更改每个元素的外观,直到得到所需的外观为止。在这个过程中会有相当大的尝试和错误。

        3
  •  0
  •   Mart    16 年前

    第一个任务是显示滚动条下面的滚动区域。你必须改变 ScrollViewer 控制。默认为2x2 Grid 所以水平滚动条在滚动区域下面。编辑其模板,将滚动区域和滚动条放在同一个单元格中,将滚动条垂直对齐到底部。

    第二部分是滚动条本身的样式。我不相信用圆角矩形就不能做到这一点。

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

        4
  •  0
  •   olli-MSFT    16 年前

    看看 WPF Themes project 在CODULTEX。表达式混合主题(浅色/深色)与您提供的示例非常接近。它是根据 Ms PL .