wpf ScrollViewer实现冻结左侧宽度w范围内的视图

Question

目前我在学习wpf时，用到ScrollViewer放置DataGrid和一些标签来实现多级表头的表格，但是我有个需求需要冻结DataGrid的前3列，由于我水平滑动使用的是ScrollViewer的滑动条，所以冻结ScrollViewer里面的DataGrid表头是没有效果的，所以想请问大家有没有什么方式可以直接冻结ScrollViewer左侧指定长度，在水平滑动时，左侧不动，右侧正常滑动，由于特殊原因，DataGrid无法进行拆分

Answer 1

以下回复参考：皆我百晓生、券券喵儿等免费微信小程序作答:

在 WPF 中，若想在 ScrollViewer 中冻结某些视图区域，例如冻结 DataGrid 的前三列，你可以通过自定义布局和附加控件来实现这一功能。以下是一个基本的思路和方法来实现你所描述的需求：

方法概述：

1. 使用两个 Grid 或 StackPanel 来组合布局。其中一个用来展示冻结的部分（左侧），另一个用来展示可滚动的部分（右侧）。
2. 将 DataGrid 的前三列放在左侧的容器中，并保持固定不动。
3. 将剩余列放在右侧的容器中，并使用 ScrollViewer 来提供滚动功能。

具体实现步骤：

XAML 部分：

<Grid>
    <!-- 第一部分：展示需要冻结的内容 -->
    <Grid.ColumnDefinitions>
        <!-- 定义列的宽度 -->
        <ColumnDefinition Width="你的宽度值"/> <!-- 例如用于固定列的宽度 -->
        <!-- 可以继续添加更多的定义用于其他冻结列 -->
    </Grid.ColumnDefinitions>
    <!-- 这里放置你的 DataGrid 前三列的内容 -->
    <!-- 例如：使用DataGrid来放置这些列的内容 -->
    <!-- 使用固定头或行的方式保持数据不随滚动而改变位置 -->
    
    <!-- 第二部分：展示可滚动的内容 -->
    <ScrollViewer Grid.Column="冻结列之后的列的起始索引" Grid.ColumnSpan="剩余列的宽度"> <!-- 例如：如果冻结三列后开始的列是第四列 -->
        <!-- 这里放置剩余的可滚动内容 -->
        <!-- 可能是一个单独的 DataGrid 或者其他控件包含剩余列的数据 -->
    </ScrollViewer>
</Grid>

在 XAML 中调整上述布局来适应你的需求。关键在于设置 Grid 的列定义以及正确放置 DataGrid 的内容，使得前一部分（冻结部分）不随滚动条移动，而后一部分（可滚动部分）可以滚动。同时确保布局正确嵌套以适应不同大小和分辨率的屏幕。你可能还需要调整布局和控件的属性以确保整体界面的美观和功能完整性。这种方法不需要使用额外的第三方库或插件，是基于原生 WPF 控件的自定义布局设计。