DataGridTextColumn的"TextBox"样式与其"TextBlock"不一致



我在设置用于在DataGridTextColumn中编辑的TextBox的样式时遇到问题。本专栏的背景:

  • 它绑定到一个名为"Top"(数值)的属性
  • 有一个名为"ShowAll"的属性用作禁用列的触发器
  • 如果启用了列,我希望TextBox的外观与TextBlock的外观相匹配(右对齐,垂直居中)

单元格在非编辑模式下看起来很完美。

(很抱歉没有图片,但Stackoverflow需要10个信誉点才能发布图片,具有讽刺意味的是,这会导致早期发布的效果较差;愚蠢的规则)

如果我省略了DataGridTextColumn.EditingElementStyle部分(即,如果我使用默认编辑样式),当单元格获得焦点时,TextBox在DataGridTextColumn:内左上对齐

默认编辑模式

我希望被编辑的值保持右对齐和垂直居中。但是,当我为EditingElementStyle添加与为ElementStyle相同的两个样式时,会出现蓝色背景,并且文本框不会填充单元格:

在此处输入链接描述

我尝试过其他设置程序,如HorizontalContentAlignment(Stretch的值),但没有成功。这是我的代码:

<DataGridTextColumn Header="Top" Binding="{Binding Path=Top}" Width="70">
	<DataGridTextColumn.ElementStyle>
		<Style TargetType="{x:Type TextBlock}">
			<Setter Property="HorizontalAlignment" Value="Right" />
			<Setter Property="VerticalAlignment" Value="Center" />
		</Style>
	</DataGridTextColumn.ElementStyle>
	<DataGridTextColumn.EditingElementStyle>
		<Style TargetType="{x:Type TextBox}">
			<Setter Property="HorizontalAlignment" Value="Right" />
			<Setter Property="VerticalAlignment" Value="Center" />
		</Style>
	</DataGridTextColumn.EditingElementStyle>
	<DataGridColumn.CellStyle>
		<Style TargetType="DataGridCell">
			<Style.Triggers>
				<DataTrigger Binding="{Binding ShowAll}" Value="False">
					<Setter Property="Foreground" Value="Transparent"/>
					<Setter Property="Background" Value="LightGray"/>
					<Setter Property="IsEnabled" Value="False"/>
				</DataTrigger>
			</Style.Triggers>
		</Style>
	</DataGridColumn.CellStyle>
</DataGridTextColumn>

蓝色可能是SystemColors中的高亮键笔刷之一(参见系统颜色列表)

为了填充单元格的宽度,您可以尝试将文本框的宽度绑定到单元格,如下所示:

<Setter Property="Width" Value="{Binding ActualWidth, RelativeSource={RelativeSource Mode=FindAncestor, 
AncestorType={x:Type DataGridTextColumn}}}"/> 

编辑:有趣的是,当测试你的xaml时,将HorizontalAlignment更改为HorizontalContentAlignment对我有用:)

<DataGridTextColumn.EditingElementStyle>
<Style TargetType="{x:Type TextBox}">
<Setter Property="HorizontalContentAlignment" Value="Right" />
<Setter Property="VerticalAlignment" Value="Center" />...

EDIT2;):事实上,你可以覆盖系统颜色默认值,将其添加到xaml中以更改高亮效果:

<SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Red" />

并在必要时额外更改控制密钥

<SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}" Color="Green" />

请注意,文本画笔可能会有不同的行为,您可能无法覆盖它们。关于这个问题的更多细节,这个链接可能很有用。

Ben建议的解决方案的更多信息:

<DataGridTextColumn.EditingElementStyle>
<Style TargetType="{x:Type TextBox}">
<Setter Property="VerticalContentAlignment" Value="Center" />
<Setter Property="HorizontalContentAlignment" Value="Right" />
<Setter Property="VerticalAlignment" Value="Center" />
<Setter Property="Height" Value="22" />
</Style>
</DataGridTextColumn.EditingElementStyle>

相关内容

  • 没有找到相关文章

最新更新