自定义ListView控件

Question

所以，我一直在寻找解决方案超过 12 个小时（但没有成功）。我应该如何更改 ListView ControlTemplate 以获得如下效果：

（这个问题是关于这个按钮的工作原理滚动视图）

您还有其他想法如何创建这样的控件吗？

Answer 1

它是垂直表示，但想法是可以理解的：隐藏滚动条并手动操作它们。为了获得更灵敏的 UI，您需要订阅 MouseDown 事件而不是 Click，而且 Grid_Click() 的每一行都可能出现 NullReference 异常。

XAML：

        <ListView.Template>
            <ControlTemplate>
                <Grid ButtonBase.Click="Grid_Click">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="16"/>
                        <RowDefinition Height="*"/>
                        <RowDefinition Height="16"/>
                    </Grid.RowDefinitions>
                    <Button Content="^" Grid.Row="0"/>
                    <Button Content="v" Grid.Row="2"/>
                    <ScrollViewer Grid.Row="1" VerticalScrollBarVisibility="Hidden">
                        <ItemsPresenter/>
                    </ScrollViewer>
                </Grid>
            </ControlTemplate>
        </ListView.Template>

代码：

    private void Grid_Click(object sender, RoutedEventArgs e) {
        bool down = (e.OriginalSource as Button).Content as string == "v";
        var scroller = VisualTreeHelper.GetChild((e.OriginalSource as Button).Parent, 2) as ScrollViewer;
        scroller.ScrollToVerticalOffset(scroller.VerticalOffset + (down ? 1 : -1));
    }

GetChild() 中的神奇数字 2 是 ScrollViewer 在其父项（Grid）内的索引。