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

相关推荐
下页、再停留5 小时前
【C#桌面客户端系列学习-11】将SQLite数据库打包到exe里
数据库·c#·visual studio
下页、再停留5 小时前
【C#桌面客户端系列学习-12】封装SQLite数据库基础操作工具类(CURD)
数据库·c#·visual studio
dwm888888887 小时前
c# 创建使用本地NuGet包
开发语言·c#
进击的大海贼8 小时前
【无标题】
c#
donk13149 小时前
React Native for OpenHarmony 实战:三方库 react-native-circular-action-menu 的鸿蒙化适配指南
javascript·分布式·react native·react.js·wpf·harmonyos
csdn_aspnet11 小时前
C# .NetCore Swagger ISchemaFilter 注入示例值、描述
c#·.netcore·swagger
海天鹰11 小时前
C#:object.ShortcutKeys 不支持非功能单独按键
c#
下页、再停留12 小时前
【C#桌面客户端系列学习-10】连接SQLite数据库
数据库·c#·visual studio
RobinDevNotes1 天前
一套代码发布到十几个平台:Cocos入门速览
typescript·c#·游戏开发