c# - 如何将网格停靠在顶部?
问题描述
在 WPF 中,如何将网格停靠在顶部?我有一个Grid
和ItemsControl
里面一个DockPanel
。第一个网格用作列标题,我不希望它们在滚动浏览ItemsControl
. 我尝试了设置DockPanel.Dock="Top"
,但这并没有让网格粘在/冻结在上面。
下面是我的情况的最小/更简单的副本。
XAML:
<Window x:Class="SimplerOne.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:SimplerOne"
mc:Ignorable="d"
Title="MainWindow" Height="450" Width="800">
<Window.Resources>
<CollectionViewSource x:Key="years" Source="{Binding Years}" />
</Window.Resources>
<Grid>
<ScrollViewer HorizontalScrollBarVisibility="Auto">
<DockPanel LastChildFill="True">
<Grid DockPanel.Dock="Top">
<Grid.ColumnDefinitions>
<ColumnDefinition></ColumnDefinition>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition></RowDefinition>
</Grid.RowDefinitions>
<!-- i have some items control that expand horizontally for col headers here. I want it to stick to the top.-->
<TextBlock Text="headers"></TextBlock>
</Grid>
<ItemsControl x:Name="icContents" ItemsSource="{Binding Source={StaticResource years}}">
<ItemsControl.ItemTemplate>
<DataTemplate>
<TextBox Text="{Binding Year}"></TextBox>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</DockPanel>
</ScrollViewer>
</Grid>
在后面的代码中:
public partial class MainWindow : Window
{
private ObservableCollection<RunYear> _years = new ObservableCollection<RunYear>();
public ObservableCollection<RunYear> Years { get{return _years; } }
public MainWindow()
{
DataContext = this;
InitializeComponent();
GenerateData();
}
private void GenerateData()
{
for (int i = 2010; i < 2075; i++)
{
Years.Add(new RunYear(i));
}
}
}
解决方案
你的第二个Grid
在里面,ScrollViewer
所以它显然会滚动。你应该把它放在外面。
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition/>
</Grid.RowDefinitions>
<Grid Grid.Row="0">
<Grid.ColumnDefinitions>
<ColumnDefinition></ColumnDefinition>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition></RowDefinition>
</Grid.RowDefinitions>
<!-- i have some items control that expand horizontally for col headers here. I want it to stick to the top.-->
<TextBlock Text="headers"></TextBlock>
</Grid>
<ScrollViewer Grid.Row="1" HorizontalScrollBarVisibility="Auto">
<DockPanel LastChildFill="True">
<ItemsControl x:Name="icContents" ItemsSource="{Binding Source={StaticResource years}}">
<ItemsControl.ItemTemplate>
<DataTemplate>
<TextBox Text="{Binding Year}"></TextBox>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</DockPanel>
</ScrollViewer>
</Grid>
编辑
选项 2:
<Grid>
<DockPanel LastChildFill="True">
<Grid DockPanel.Dock="Top">
<Grid.ColumnDefinitions>
<ColumnDefinition></ColumnDefinition>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition></RowDefinition>
</Grid.RowDefinitions>
<!-- i have some items control that expand horizontally for col headers here. I want it to stick to the top.-->
<TextBlock Text="headers"></TextBlock>
</Grid>
<ScrollViewer HorizontalScrollBarVisibility="Auto">
<ItemsControl x:Name="icContents" ItemsSource="{Binding Source={StaticResource years}}">
<ItemsControl.ItemTemplate>
<DataTemplate>
<TextBox Text="{Binding Year}"></TextBox>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</ScrollViewer>
</DockPanel>
</Grid>
推荐阅读
- javascript - 无法使用 JS 循环获取选定的选项
- reactjs - 我可以从批量突变中读取每个响应吗?[阿波罗使用变异]
- google-cloud-platform - GCP AutoML 表:创建回归模型时使用什么算法?
- python-3.x - GCP DL 图像:基础 m36(使用 CUDA 10.0)。如何在 PyTorch 中启用 GPU?
- angular - 如果页面正在导航,如何销毁调用?
- mercure - Mercure + Angular + Symfony >>> 全部在本地机器上
- c# - 如何在 Asp.Net MVC 上删除表格行html标签点击而不返回使用Ajax和sweetAlert弹出的视图?
- javascript - 使用 axios delete 从 Clodinary 中删除图像
- java - 如何在 Kotlin 编写的接口中使用 Java 8 的默认方法特性
- linux - 如何获取容器中 pid 的真实主机 pid?