当前位置:  开发笔记 > 编程语言 > 正文

TextBlock文本不在DataGridCell中垂直居中

如何解决《TextBlock文本不在DataGridCell中垂直居中》经验,为你挑选了1个好方法。

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中添加结果.

如何在数据单元格中垂直居中显示文本?



1> King King..:

使用Blend for Visual Studio,我们有以下样式DataGridCell:




    
        
            
                
                    
                
            
        

所以看起来没有任何默认支持来更改对齐方式.通常应该有这样的代码:


然后,我们可以改变VerticalContentAlignmentHorizontalContentAlignment中的风格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);

推荐阅读
贴进你的心聆听你的世界
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有