3
A
回答
2
我创建了一个类似于此前的Usercontrol。此示例代码可能会为您提供一个很好的起点。
<Border BorderThickness="2" BorderBrush="Black">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="20"></RowDefinition>
<RowDefinition Height="*"></RowDefinition>
<RowDefinition Height="20"></RowDefinition>
</Grid.RowDefinitions>
<RepeatButton Grid.Row="0" x:Name="btnUp" Focusable="False" Command="ScrollBar.LineUpCommand" CommandTarget="{Binding ElementName=firstItem}" BorderBrush="Transparent">
<RepeatButton.Background>
<LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
<GradientStop Color="White" Offset="0"></GradientStop>
<GradientStop Color="Black" Offset=".5"></GradientStop>
</LinearGradientBrush>
</RepeatButton.Background>
<RepeatButton.Content>
<Path Fill="White" Data="M 0 10 L 36 10 L 18 0 Z"/>
</RepeatButton.Content>
</RepeatButton>
<ListView Grid.Row="1" FontSize="22" Foreground="White" ScrollViewer.VerticalScrollBarVisibility="Hidden" HorizontalContentAlignment="Center" Background="Black" >
<ListView.ItemsPanel>
<ItemsPanelTemplate>
<StackPanel MaxWidth="500"/>
</ItemsPanelTemplate>
</ListView.ItemsPanel>
<ListViewItem Name="firstItem">A</ListViewItem>
<ListViewItem>B</ListViewItem>
<ListViewItem>C</ListViewItem>
<ListViewItem>D</ListViewItem>
<ListViewItem>E</ListViewItem>
<ListViewItem>F</ListViewItem>
<ListViewItem>G</ListViewItem>
<ListViewItem>H</ListViewItem>
<ListViewItem>I</ListViewItem>
<ListViewItem>J</ListViewItem>
<ListViewItem>K</ListViewItem>
<ListViewItem>L</ListViewItem>
<ListViewItem>M</ListViewItem>
<ListViewItem>N</ListViewItem>
<ListViewItem>O</ListViewItem>
</ListView>
<RepeatButton Grid.Row="2" x:Name="btnDown" Focusable="False" Command="ScrollBar.LineDownCommand" CommandTarget="{Binding ElementName=firstItem}" BorderBrush="Transparent">
<RepeatButton.Background>
<LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
<GradientStop Color="White" Offset="0"></GradientStop>
<GradientStop Color="Black" Offset="0.5"></GradientStop>
</LinearGradientBrush>
</RepeatButton.Background>
<RepeatButton.Content>
<Path Fill="White" Data="M 0 0 L 18 10 L 36 0 Z"/>
</RepeatButton.Content>
</RepeatButton>
</Grid>
</Border>
相关问题
- 1. WPF的滚动条样式
- 2. WPF自定义滚动条 - Zune样式滚动条
- 3. Wpf滚动条样式三角形
- 4. [WPF]:样式化滚动条,但ListView的滚动不受风格
- 5. 滚动条样式
- 6. 数据表上的滚动条样式
- 7. TextView的滚动条样式
- 8. 根据可滚动内容的样式更改元素样式
- 9. 使用图像来设置滚动条的样式?
- 10. 样式滚动条css colorbox
- 11. ListView滚动条样式
- 12. 更改滚动条样式
- 13. webkit css滚动条样式
- 14. 带有样式化滚动条的文本框不再自动滚动WPF
- 15. 根据样式表更改图像
- 16. 如何在WPF中的滚动条内放置图像“placemarkers”?
- 17. 为什么WPF控制不同的滚动条样式?
- 18. 在Visual Studio 2010中的WPF设计视图 - 滚动滚动条?
- 19. 如何根据滚动条移动来移动DIV的背景图像?
- 20. 如何样式QSpliter句柄和滚动条像这样?
- 21. 在wpf中的图像控件中从上到下连续滚动图像c#
- 22. 如何使用WPF中的样式按下按钮图像
- 23. wpf datagrid excel像水平滚动条
- 24. WPF图像滚动 - 寻找像在图像中的控件
- 25. WPF NavigationWindow滚动条
- 26. Qt的垂直滚动条的样式
- 27. 在wpf中滚动多个图像
- 28. WPF:如何以编程方式从ScrollViewer中提取滚动条?
- 29. 沿滚动条在滚动视图中移动图像
- 30. Webkit滚动条动态样式
谢谢@Manish。这对我来说非常有用。但我想要图像中显示的滚动条(RrepeatButton)的样式。我可以把图像改为“ ”? –
KomalJariwala
是的,您可以使用图片 – Manish
您可以为上传图片中显示的这种类型的滚动条放置样式代码吗? – KomalJariwala