我DataGrid
在C#中创建一个(来自代码隐藏/不是XAML),但无论我尝试什么,我都无法将文本垂直居中在数据单元格中:
我开始时:
var CellStyle = new Style(typeof(DataGridCell)) { Setters = { new Setter(TextBlock.TextAlignmentProperty, TextAlignment.Center) } };
哪个正确地定位单元格并使文本水平居中(根据上面的屏幕截图).
试图垂直居中文本,我知道a TextBlock
不支持垂直内容对齐,只支持父元素中自己的垂直对齐.
根据这个问题(WPF TextBlock中的文本垂直对齐)我试图使用Padding
以下方法伪造它:
var CellStyle = new Style(typeof(DataGridCell)) { Setters = { new Setter(TextBlock.PaddingProperty, new Thickness(5)), new Setter(TextBlock.TextAlignmentProperty, TextAlignment.Center) } };
这没有任何区别.然后我尝试了这个:
var CellStyle = new Style(typeof(DataGridCell)) { Setters = { new Setter(DataGridCell.VerticalContentAlignmentProperty, VerticalAlignment.Center), new Setter(TextBlock.TextAlignmentProperty, TextAlignment.Center), new Setter(TextBlock.VerticalAlignmentProperty, VerticalAlignment.Center) } };
结果导致:
new Setter(DataGridCell.HeightProperty, 50d),
在屏幕截图#1中添加结果.
如何在数据单元格中垂直居中显示文本?
使用Blend for Visual Studio,我们有以下样式DataGridCell
:
所以看起来没有任何默认支持来更改对齐方式.通常
应该有这样的代码:
然后,我们可以改变VerticalContentAlignment
和HorizontalContentAlignment
中的风格DataGridCell
来改变路线.
这意味着如果使用XAML代码,只需附加上面的代码即可解决您的解决方案.但是如果你想使用代码,它当然会更长,更复杂.
在这里,我向您介绍2个解决方案.首先为它构建VisualTree ControlTemplate
并为该Template
属性设置该模板DataGridCell
:
//root visual of the ControlTemplate for DataGridCell is a Border var border = new FrameworkElementFactory(typeof(Border)); border.SetBinding(Border.BorderBrushProperty, new Binding("BorderBrush") { RelativeSource = RelativeSource.TemplatedParent }); border.SetBinding(Border.BackgroundProperty, new Binding("Background") {RelativeSource = RelativeSource.TemplatedParent }); border.SetBinding(Border.BorderThicknessProperty, new Binding("BorderThickness") {RelativeSource = RelativeSource.TemplatedParent }); border.SetValue(SnapsToDevicePixelsProperty, true); //the only child visual of the border is the ContentPresenter var contentPresenter = new FrameworkElementFactory(typeof(ContentPresenter)); contentPresenter.SetBinding(SnapsToDevicePixelsProperty, new Binding("SnapsToDevicePixelsProperty") {RelativeSource=RelativeSource.TemplatedParent }); contentPresenter.SetBinding(VerticalAlignmentProperty, new Binding("VerticalContentAlignment") { RelativeSource = RelativeSource.TemplatedParent }); contentPresenter.SetBinding(HorizontalAlignmentProperty, new Binding("HorizontalContentAlignment") {RelativeSource = RelativeSource.TemplatedParent }); //add the child visual to the root visual border.AppendChild(contentPresenter); //here is the instance of ControlTemplate for DataGridCell var template = new ControlTemplate(typeof(DataGridCell)); template.VisualTree = border; //define the style var style = new Style(typeof(DataGridCell)); style.Setters.Add(new Setter(TemplateProperty, template)); style.Setters.Add(new Setter(VerticalContentAlignmentProperty, VerticalAlignment.Center)); style.Setters.Add(new Setter(HorizontalContentAlignmentProperty, HorizontalAlignment.Center)); yourDataGrid.CellStyle = style;
第二个解决方案是使用XamlReader
直接解析XAML代码,这意味着我们需要在保存在字符串中之前给出的确切XAML代码,XamlReader
并将解析该字符串,给出以下实例Style
:
var xaml = ""; var parserContext = new System.Windows.Markup.ParserContext(); parserContext.XmlnsDictionary .Add("","http://schemas.microsoft.com/winfx/2006/xaml/presentation"); parserContext.XmlnsDictionary .Add("x","http://schemas.microsoft.com/winfx/2006/xaml"); yourDataGrid.CellStyle = (Style)System.Windows.Markup.XamlReader.Parse(xaml,parserContext);
您可以看到两种解决方案都相当长,但它们实际上是您应该使用后面的代码.这意味着我们应该尽可能多地使用XAML代码.WPF中的许多功能主要是为XAML代码设计的,因此使用后面的代码当然不是直截了当且通常很冗长.
注意:XAML
我在开头发布的代码不是完整的默认样式DataGridCell
,它还有更多Triggers
.这意味着代码可能会更长,抱歉,这是完整的默认XAML代码:
但是我刚试过它,看起来总是应用默认样式DataGridCell
,它只是被Setter
你添加的(它设置了相同的属性)覆盖了.这是测试代码,Trigger
仍然有效:
//change the highlight selected brush to Red (default by blue). yourDataGrid.Resources.Add(SystemColors.HighlightBrushKey, Brushes.Red);