WPF DataTemplate内重写BorderBrush,VisualBrush内数据源绑定提示绑定失败

定义DataTemplate 数据模板文件,内容如下

xml 复制代码
<DataTemplate x:Key="{DataTemplateKey {x:Type VM:TemplateListVM}}" DataType="{x:Type VM:TemplateListVM}">
<Grid Margin="0" Grid.Row="3" Height="50" VerticalAlignment="Top" Visibility="{Binding ShowNoMore, Converter={StaticResource BooleanToVisibilityConverter}}">
        <Grid.ColumnDefinitions>
          <ColumnDefinition Width="*" />
          <ColumnDefinition Width="auto" />
          <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
          <Border Grid.Column="0" Height="1" Margin="60,0,10,0" BorderThickness="1" Name="LeftBorder">
            <Border.BorderBrush>
              <VisualBrush>
                <VisualBrush.Visual>
                  <Rectangle StrokeDashArray="4 4" Stroke="Gray" StrokeThickness="1" 
                             Width="{Binding ElementName=LeftBorder, Path=ActualWidth}" 
                             Height="2" />
                </VisualBrush.Visual>
              </VisualBrush>
            </Border.BorderBrush>
          </Border>
          <TextBlock Grid.Column="1" VerticalAlignment="Center" Text="{x:Static loc:MainWindowLoc.NoMoreData}" Style="{StaticResource BodyStyleWhite}" Foreground="{StaticResource BorderGrayBrush}" />
          <Border Grid.Column="2" Height="1" Margin="10,0,60,0" BorderThickness="1">
            <Border.BorderBrush>
              <VisualBrush>
                <VisualBrush.Visual>
                  <Rectangle StrokeDashArray="4 4" Stroke="Gray" StrokeThickness="1" 
                             Width="{Binding RelativeSource={RelativeSource AncestorType={x:Type Border}}, Path=ActualWidth}" 
                             Height="2" />
                </VisualBrush.Visual>
              </VisualBrush>
            </Border.BorderBrush>
          </Border>       
      </Grid>
</DataTemplate>

虽然显示效果没有问题,但程序运行时两个Width的绑定均会提示绑定失败:

ActualWidth Rectangle.Width Double 找不到源: RelativeSource FindAncestor, AncestorType='System.Windows.Controls.Border', AncestorLevel='1'

或者是找不到LeftBorder。

但如果直接写在userControl里面是没有任何提示的,研究了好久,发现在DataTemplate 需要这样写:

xml 复制代码
 <Grid Margin="0" Grid.Row="3" Height="50" VerticalAlignment="Top" Visibility="{Binding ShowNoMore, Converter={StaticResource BooleanToVisibilityConverter}}">
          <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="auto" />
            <ColumnDefinition Width="*" />
          </Grid.ColumnDefinitions>
          
          <Grid.Resources>
              <VisualBrush x:Key="leftBorderBrush">
                <VisualBrush.Visual>
                  <Rectangle StrokeDashArray="4 4" Stroke="Gray" StrokeThickness="1" Width="{Binding ElementName=LeftBorder, Path=ActualWidth}"  Height="2" />
                </VisualBrush.Visual>
              </VisualBrush>  
              <VisualBrush x:Key="RightBorderBrush">
                <VisualBrush.Visual>
                  <Rectangle StrokeDashArray="4 4" Stroke="Gray" StrokeThickness="1"  Width="{Binding ElementName=RightBorder , Path=ActualWidth}" Height="2" />
                </VisualBrush.Visual>
              </VisualBrush>            
          </Grid.Resources>
          
          <Border Grid.Column="0" Height="1" Margin="60,0,10,0" BorderThickness="1" Name="LeftBorder" BorderBrush="{StaticResource leftBorderBrush}" />
          <TextBlock Grid.Column="1" VerticalAlignment="Center" Text="{x:Static loc:MainWindowLoc.NoMoreData}" Style="{StaticResource BodyStyleWhite}" Foreground="{StaticResource BorderGrayBrush}" />
          <Border Grid.Column="2" Height="1" Margin="10,0,60,0" BorderThickness="1" Name="RightBorder"  BorderBrush="{StaticResource RightBorderBrush}"/>

        </Grid>           
	  </Grid>

刚使用wpf做正式项目,暂不清楚两种写法的区别。

相关推荐
小羊没烦恼!4 天前
初探性能优化——2个月到4小时的性能提升
java·开发语言·windows·算法·c#
神仙别闹4 天前
基于C#+MySQL实现(WinForm)个人聊天室软件
c#
kybs19914 天前
全球灾害数据分析可视化 毕业设计-附源码66794
vue.js·spring boot·mysql·安全·django·c#·asp.net
Polevne4 天前
C# SFTP客户端实现文件传输
c#·ssh
samble4 天前
从零搭建灌装监控系统(四):深色主题与样式系统,ResourceDictionary 统一管理
c#·wpf·mvvm·样式·工业控制
_Jonas4 天前
.net framework开发环境正式环境配置文件的切换
.net·wpf
cjp5604 天前
024 . WPF MVVM类封装优化
c#
淡海水5 天前
13-04-面试-源码级深度追问链
数据结构·unity·面试·c#·游戏引擎·源码·il2cpp
asdzx675 天前
如何使用 C# 提取 PPT 文本与图片
c#·ppt·提取文本
2501_930707785 天前
使用C#代码使用条件格式为 Excel 隔行设置颜色
c#·excel