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做正式项目,暂不清楚两种写法的区别。

相关推荐
福赖14 分钟前
《C#反射机制》
开发语言·c#
向上的车轮26 分钟前
熟悉C#如何转TypeScript?
开发语言·typescript·c#
我是唐青枫1 小时前
C#.NET ReaderWriterLockSlim 深入解析:读写锁原理、升级锁与使用边界
开发语言·c#·.net
The Sheep 20231 小时前
C# 操作XML
xml·前端·c#
JosieBook2 小时前
【C#】C# 中的 enum、struct 和 class 对比总结
开发语言·算法·c#
cjp5602 小时前
023.WPF combox控件数据绑定
wpf
Scout-leaf3 小时前
WPF新手村教程(七)—— 终章(MVVM架构初见杀)
c#·wpf
极客智造4 小时前
WPF DataGrid 多选绑定 + 强类型命令回调 通用解决方案
wpf
ZoeJoy84 小时前
机器视觉C# 调用相机:从 USB 摄像头到海康工业相机(WinForms & WPF)
数码相机·c#·wpf
Daydreamer .4 小时前
VisionMaster使用OpenCV发现的问题
opencv·c#·visionmaster