只有按钮的 Silverlight Scrollviewer

问题描述

我使用 ScrollViewer 作为我的 Silverlight 应用程序的一部分.它具有水平方向，我希望它显示为仅显示滚动按钮，而不显示滚动条本身.类似于这种粗略的 ASCII 渲染:

I am using a ScrollViewer as part of my Silverlight application. It has a horizontal orientation, and I would like it to appear such that only the scroll buttons appear, but not the scroll bar itself. Something like this crude ASCII rendering:

------------------------------------------------------
|   |                                            |   |
| < |                Content Here                | > |
|   |                                            |   |
------------------------------------------------------

我知道我可以使用模板功能，但是我看到的所有示例只改变了所有元素的外观，而不是它们的原始位置，或者它们是否出现.是否可以这样做，有人可以提供模板外观的大纲吗?

I know I could use the templating functionality, but all the samples I've seen only change the look of all the elements, and not their raw positioning, or whether they even appear. Is it possible to do this, and could someone provide an outline of what the template might look like?

推荐答案

这是另一种选择.覆盖 SCrollviewer 的默认模板并将按钮处理为 PageUp/PageDown.我下面的示例是一个垂直滚动的滚动查看器.您可以轻松更改为水平滚动，并将处理程序从 PageUp/PageDown 更改为 Left 和 Right 处理程序.

Here is another option. Override the default template for SCrollviewer and handle the buttons as PageUp/PageDown. My example below is a scrollviewer that scrolls vertically. You can easily change to to horizontal scrolling and change the handlers from PageUp/PageDown to Left and Right handlers.

<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>

这篇关于只有按钮的 Silverlight Scrollviewer的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！