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

相关推荐
zlinear数据采集卡4 小时前
D223 ADC数据处理流水线:从原始采样值到工程单位的完整转换链
开发语言·arm开发·嵌入式硬件·fpga开发·开源·c#
花落人散处7 小时前
CDiskClean 开发历程 —— 文件清理_目录树解析实现方案参考
c#
离陌在学C#8 小时前
C# 泛型:从基础到高级应用
开发语言·c#
Vertira8 小时前
C# 与 OpencvSharp 编程[基础目录]
c#
Polevne10 小时前
WPF\MAUI\Avalonia Dispatcher
wpf
格林威10 小时前
多相机并行采图最佳实践:Task.WhenAll + 异常处理 + 资源释放
开发语言·人工智能·数码相机·计算机视觉·c#·视觉检测·机器视觉
Ares-Wang10 小时前
wpf 图表制作 LiveCharts
wpf
yuhulkjv33518 小时前
Claude表格复制到word不再崩溃,AI导出鸭批量导出+格式无损一键搞定
人工智能·ai·c#·word·ai导出鸭
arbboter1 天前
【网络工具】NetProxy网络代理用户手册
开发语言·网络·c#·网络代理·网络异常·代理工具
微小冷1 天前
海康威视相机C#二次开发环境配置
数码相机·c#·.net·海康威视·相机开发