And*_*ens 4 wpf xaml wpf-controls
我有以下控件模板,用作Validation.ErrorTemplate
文本框:-
<ControlTemplate x:Key="ControlValidationErrorTemplate">
<DockPanel LastChildFill="True">
<Border Background="Red"
DockPanel.Dock="right"
Padding="2,0,2,0"
ToolTip="{Binding ElementName=valAdorner, Path=AdornedElement.(Validation.Errors), Converter={x:Static val:ValidationErrorsConverter.Instance}}">
<TextBlock Text="!"
VerticalAlignment="center"
HorizontalAlignment="center"
FontWeight="Bold"
Foreground="white" />
</Border>
<AdornedElementPlaceholder x:Name="valAdorner"
VerticalAlignment="Center">
<Border BorderBrush="red"
BorderThickness="1" />
</AdornedElementPlaceholder>
</DockPanel>
</ControlTemplate>
Run Code Online (Sandbox Code Playgroud)
当 TextBox 包含无效内容时,上述模板会应用红色边框,并在 TB 右侧立即添加一个包含感叹号的红色框。
问题是,感叹号与 TB 右侧紧邻的任何内容重叠,而不是更改布局以容纳感叹号。我在 DataGrids 中遇到类似的问题 - 感叹号与包含单元格的右侧边缘重叠,而不是增加列宽以容纳它。
使用 Snoop,模板似乎显示在“装饰层”中,我认为它是一个单独的视觉树?这可以解释为什么没有重新计算窗口的布局以考虑感叹号。谁能建议一种方法来实现我想要的?
正如我怀疑的那样,这是由于在装饰层上渲染了错误模板,因此它不会影响窗口的布局。请参阅:http://social.msdn.microsoft.com/Forums/en-US/wpf/thread/9de3c9e5-5759-4f88-9184-175d3eaabdad/
我现在改用这个控制模板:-
<ControlTemplate x:Key="ControlValidationErrorTemplate">
<Grid>
<Polygon Points="9,9 9,0 0,0"
Stroke="Red"
StrokeThickness="1"
Fill="Red"
HorizontalAlignment="Right"
VerticalAlignment="Top"
ToolTip="{Binding ElementName=valAdorner, Path=AdornedElement.(Validation.Errors), Converter={x:Static val:ValidationErrorsConverter.Instance}}" />
<AdornedElementPlaceholder x:Name="valAdorner"
VerticalAlignment="Center">
<Border BorderBrush="red"
BorderThickness="1" />
</AdornedElementPlaceholder>
</Grid>
</ControlTemplate>
Run Code Online (Sandbox Code Playgroud)
这会在控件周围绘制一个红色边框,并在控件的右上角重叠一个红色小三角形 - 将鼠标悬停在该边框上会显示包含错误消息的工具提示。
归档时间: |
|
查看次数: |
2060 次 |
最近记录: |