也许这是一个非常简单的问题,但我找不到答案: 如何减少我的代码,几乎相同的结构数量可以非常大:
例如
<Windows:HierarchicalDataTemplate x:Key="**Level2ItemTemplate**"
ItemsSource="{Binding Children}"
ItemTemplate="{StaticResource **Level3ItemTemplate**}">
<Grid Height="100"
Width="100"
Margin="5">
<Border Padding="5"
BorderThickness="1"
BorderBrush="#FFADADAD"
CornerRadius="5">
<Border.Background>
<LinearGradientBrush EndPoint="0.5,1"
StartPoint="0.5,0">
<GradientStop Color="#FFD47E00"
Offset="0" />
<GradientStop Color="#FF563300"
Offset="1" />
</LinearGradientBrush>
</Border.Background>
<TextBox TextWrapping="Wrap"
Text="{Binding Title, Mode=TwoWay}"
VerticalAlignment="Center"
HorizontalAlignment="Center"
FontWeight="Bold"
FontSize="13.333"
Style="{StaticResource EditableTitleStyle}" />
</Border>
<Image HorizontalAlignment="Right"
Source="add.png"
Stretch="Fill"
Width="16"
VerticalAlignment="Bottom"
Margin="0,0,2,2"
Height="16">
<i:Interaction.Triggers>
<i:EventTrigger EventName="MouseLeftButtonDown">
<Graph:AddSpiderItemAction />
</i:EventTrigger>
</i:Interaction.Triggers>
</Image>
<Image HorizontalAlignment="Right"
Height="16"
Source="remove.png"
Stretch="Fill"
VerticalAlignment="Top"
Width="16"
Margin="0,2,2,0">
<i:Interaction.Triggers>
<i:EventTrigger EventName="MouseLeftButtonDown">
<Graph:RemoveSpiderItemAction />
</i:EventTrigger>
</i:Interaction.Triggers>
</Image>
</Grid>
</Windows:HierarchicalDataTemplate>
<Windows:HierarchicalDataTemplate x:Key="**Level1ItemTemplate**"
ItemsSource="{Binding Children}"
ItemTemplate="{StaticResource **Level2ItemTemplate**}">
<Grid Height="100"
Width="100"
Margin="5">
<Border Padding="5"
BorderThickness="1"
BorderBrush="#FFADADAD"
CornerRadius="5">
<Border.Background>
<LinearGradientBrush EndPoint="0.5,1"
StartPoint="0.5,0">
<GradientStop Color="#FFB5B5B5"
Offset="0" />
<GradientStop Color="#FF474747"
Offset="1" />
</LinearGradientBrush>
</Border.Background>
<TextBox TextWrapping="Wrap"
Text="{Binding Title, Mode=TwoWay}"
VerticalAlignment="Center"
HorizontalAlignment="Center"
FontWeight="Bold"
FontSize="13.333"
Style="{StaticResource EditableTitleStyle}" />
</Border>
<Image HorizontalAlignment="Right"
Source="add.png"
Stretch="Fill"
Width="16"
VerticalAlignment="Bottom"
Margin="0,0,2,2"
Height="16">
<i:Interaction.Triggers>
<i:EventTrigger EventName="MouseLeftButtonDown">
<Graph:AddSpiderItemAction />
</i:EventTrigger>
</i:Interaction.Triggers>
</Image>
<Image HorizontalAlignment="Right"
Height="16"
Source="remove.png"
Stretch="Fill"
VerticalAlignment="Top"
Width="16"
Margin="0,2,2,0">
<i:Interaction.Triggers>
<i:EventTrigger EventName="MouseLeftButtonDown">
<Graph:RemoveSpiderItemAction />
</i:EventTrigger>
</i:Interaction.Triggers>
</Image>
</Grid>
</Windows:HierarchicalDataTemplate>
等等……
最佳答案
您可以将相同的布局部分提取到单独的数据模板中,请参阅 DataTemplate class .并将相同的样式分成不同的样式。
看看非常好的 MSDN 文章 Control Customization ,它描述了模板、样式、部件和状态模型。
ScottGu 的精彩文章:
关于c# - 如何减少我的代码,几乎相同的结构数量可能非常多,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7471356/