0

iTunes カバー フローに見られるようなスクロールバーを WPF で作成したいと思います。下のスクロールバーの画像を参照してください。これは、スクロールバーの下にアルバム アートが反映されていることも示しています。

スクロールバー画像 http://www.barramsoft.com/pub/images/scrollbar2.jpg

以下は、xaml の基本的なスクロールバー コントロールです。

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

上記から iTunes カバー フロー スクロール バーの外観にするにはどうすればよいですか? すぐに使用できる完全なソース コード サンプルを使用することをお勧めします。

4

4 に答える 4

3

MSDN の ScrollBar ControlTemplate の例( http://msdn.microsoft.com/en-us/library/ms742173.aspx ) から始めます(これは、Blend または ShowMeTheTemplate から取得できるウィンドウ スタイルよりもはるかに簡単に変更できます)。

テンプレートの編集を開始し、色、矢印ボタンのテンプレート、およびつまみを希望どおりになるまで変更します。

于 2010-03-01T12:38:46.620 に答える
1

Expression Blend はお持ちですか？そうでない場合は、インストールすることをお勧めします (MSDN ライセンスがない場合は、30 日間の試用版があります)。

Expression Blend のチュートリアルは数多くあります。たとえば、ここから始めるのがよいでしょう。

基本的に、標準のスクロール バーのテンプレートをコピーすると、それを構成するすべての要素が得られます。次に、希望どおりの外観になるまで、各要素の外観を変更します。このプロセスでは、かなりの量の試行錯誤が行われます。

于 2010-02-28T18:20:05.240 に答える
0

codeplexのWPFテーマプロジェクトをご覧ください。Expression Blendのテーマ（明るい/暗い）は、提供した例に非常に近いものです。MsPLでリリースされています。

于 2010-03-01T13:06:35.273 に答える
0

最初のタスクは、スクロールバーの下にスクロールされた領域を表示することです。ScrollViewerコントロールの構造を変更する必要があります。デフォルトでは 2x2 でGridあるため、水平スクロールバーはスクロール領域の下にあります。テンプレートを編集して、スクロール領域とスクロールバーを同じセルに配置し、スクロールバーを下に垂直に揃えます。

2 番目の部分は、スクロールバー自体のスタイルを設定することです。これが角丸長方形ではできないとは思いません。

私は通常、テンプレートを抽出して Blend を使用して変更します。無料のShowMeTheTemplateツールもあります。

于 2010-02-28T18:16:14.990 に答える