仅带按钮的Silverlight Scrollviewer
我正在使用ScrollViewer作为Silverlight应用程序的一部分。它有一个水平方向，我希望它只显示滚动按钮，而不是滚动条本身。类似于此的粗糙ASCII渲染：仅带按钮的Silverlight Scrollviewer,silverlight,scrollviewer,Silverlight,Scrollviewer,我正在使用ScrollViewer作为Silverlight应用程序的一部分。它有一个水平方向，我希望它只显示滚动按钮，而不是滚动条本身。类似于此的粗糙ASCII渲染： ------------------------------------------------------ | | | | | < | Content Here | &
------------------------------------------------------
| | | |
| < | Content Here | > |
| | | |
------------------------------------------------------
------------------------------------------------------
| | | |
|<|此处内容|>|
| | | |
------------------------------------------------------
我知道我可以使用模板功能，但是我看到的所有示例只会改变所有元素的外观，而不会改变它们的原始位置，或者它们是否出现。有没有可能做到这一点，有没有人能提供一个模板可能是什么样子的概要？我也做过类似的事情，我发现最好的方法是将内容放在滚动查看器中，然后关闭滚动条。然后对按钮进行编码以滚动scrollviewer 编辑：回复关于无法处理大小的评论 首先，将此控件构建为ContentControl。它应该有一个在generic.xaml中定义的模板，该模板包含按钮控件和滚动查看器。比如：
<Canvas x:Name="root">
<Button x:Name="left" Content="<"/>
<Button x:Name="right" Content=">"/>
<ScrollViewer x:Name="viewer" BorderThickness="0" VerticalScrollBarVisibility="Hidden">
<ContentPresenter />
</ScrollViewer>
</Canvas>
public override void OnApplyTemplate()
{
base.OnApplyTemplate();
left = GetTemplateChild("left") as Button;
left.Click += new RoutedEvent(YourHandler);
right = GetTemplateChild("right") as Button;
right.Click += new RoutedEvent(YourHandler);
// position your scroll buttons here, not writing that code
scroll = GetTemplateChild("viewer") as ScrollViewer;
root = GetTemplateChild("root") as Canvas;
var fe = this.Content as FrameworkElement;
if (fe != null)
{
fe.SizeChanged += new SizeChangedEventHandler(fe_SizeChanged);
}
}
void fe_SizeChanged(object sender, SizeChangedEventArgs e)
{
this.InvalidateMeasure();
}
protected override Size ArrangeOverride(Size finalSize)
{
if (!double.IsInfinity(scroll.ViewportHeight))
{
left.Visibility = (scroll.HorizontalOffset > 0);
right.Visibility = (scroll.HorizontalOffset < ScrollableHeight);
}
return base.ArrangeOverride(finalSize);
}
protected override Size MeasureOverride(Size availableSize)
{
scroll.Measure(availableSize);
return scroll.DesiredSize;
}
免责声明：此代码可能无法正常工作，因为它是根据不同的示例手工编写的。这里是另一个选项。覆盖SCrollviewer的默认模板，并将按钮处理为PageUp/PageDown。下面的示例是一个垂直滚动的scrollviewer。您可以轻松地更改为水平滚动，并将处理程序从PageUp/PageDown更改为左侧和右侧处理程序
<ControlTemplate TargetType="{x:Type ScrollViewer}" x:Key="ButtonOnlyScrollViewer">
<ControlTemplate.Resources>
<!-- Add style here for repeat button seen below -->
</ControlTemplate.Resources>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<RepeatButton Grid.Row="0"
Foreground="White"
Background="Yellow"
HorizontalAlignment="Stretch"
Command="ScrollBar.PageUpCommand"
Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}">
</RepeatButton>
<ScrollContentPresenter
CanContentScroll="{TemplateBinding CanContentScroll}"
Grid.Row="1"
Content="{TemplateBinding Content}"
Width="{TemplateBinding Width}"
Height="{TemplateBinding Height}"
Margin="{TemplateBinding Margin}"/>
<RepeatButton Grid.Row="2" Background="Black" Foreground="White" Command="ScrollBar.PageDownCommand">
</RepeatButton>
</Grid>
</ControlTemplate>
我在这里找到了解决方案：）
这是使用Dispatchermer制作的，非常好的示例：）我已经搜索工作解决方案很长时间了。基于路易斯的解决方案，我成功地使它发挥了作用。（以WPF为单位） 此解决方案适用于水平滚动 首先，添加ListView：
<ListView ItemsSource="{Binding Items}">
<ListView.ItemsPanel>
<ItemsPanelTemplate>
<StackPanel Orientation="Horizontal"/>
</ItemsPanelTemplate>
</ListView.ItemsPanel>
<ListView.Template>
<ControlTemplate>
<ScrollViewer Template="{StaticResource ButtonOnlyScrollViewer}">
<ItemsPresenter />
</ScrollViewer>
</ControlTemplate>
</ListView.Template>
</ListView>
<ControlTemplate TargetType="{x:Type ScrollViewer}" x:Key="ButtonOnlyScrollViewer">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<RepeatButton Content="<"
Grid.Column="0"
Command="ScrollBar.LineLeftCommand"
Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}"/>
<ScrollContentPresenter
CanContentScroll="{TemplateBinding CanContentScroll}"
Grid.Column="1"
Content="{TemplateBinding Content}"
Width="{TemplateBinding Width}"
Height="{TemplateBinding Height}"
Margin="{TemplateBinding Margin}"/>
<RepeatButton Content=">"
Grid.Column="2"
Command="ScrollBar.LineRightCommand"
Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}"/>
</Grid>
</ControlTemplate>