这个的晚上想学学WPF 做一个类似于ERP 左边菜单。构思一下思路 。。。。。。
创建一个类基于Expander类。
1 public class ExpanderBox : Expander
2 {
3 #region 定义依赖属性
4
5
6 //定义ItemsSource数据源
7 public static readonly DependencyProperty ItemsSourcesProperty = DependencyProperty.Register("ItemsSources", typeof(object), typeof(ExpanderBox));
8 //定义ItemsCommand ，Header头部点击命令。
9 public static readonly DependencyProperty ItemsCommandProperty = DependencyProperty.Register("ItemsCommand", typeof(ICommand), typeof(ExpanderBox));
10 //定义HeaderHeight,Header头部的高度。
11 public static readonly DependencyProperty HeaderHeightProperty = DependencyProperty.Register("HeaderHeight", typeof(int), typeof(ExpanderBox));
12
13 public object ItemsSources
14 {
15 get { return (object)GetValue(ExpanderBox.ItemsSourcesProperty); }
16 set { SetValue(ExpanderBox.ItemsSourcesProperty, value); }
17 }
18 public ICommand ItemsCommand
19 {
20 get { return (ICommand)GetValue(ExpanderBox.ItemsCommandProperty); }
21 set { SetValue(ExpanderBox.ItemsSourcesProperty, value); }
22 }
23
24 public int HeaderHeight
25 {
26 get { return (int)GetValue(ExpanderBox.HeaderHeightProperty); }
27 set { SetValue(ExpanderBox.HeaderHeightProperty, value); }
28 }
29 #endregion
30
31 //public ExpanderBox()
32 //{
33 // HeaderHeight = 10;
34 //}
35
36
37 }
由于 Expander中Content中要放一个ListBox,所以定义了一个依赖属性ItemsSources，HeaderHeight是头部的高度。
后然构造好了，就要写前台的样式了。
1 <Style TargetType="{x:Type local:ExpanderBox}">
2 <Setter Property="Template">
3 <Setter.Value>
4 <ControlTemplate TargetType ="local:ExpanderBox">
5 <Grid>
6 <Grid.RowDefinitions>
7 <RowDefinition ></RowDefinition>
8 <RowDefinition></RowDefinition>
9 </Grid.RowDefinitions>
10 <ToggleButton Grid.Row="0" Height="{TemplateBinding HeaderHeight}" IsChecked="{Binding IsExpanded, RelativeSource={RelativeSource TemplatedParent}}" Content="{TemplateBinding Header}" Command="{TemplateBinding ItemsCommand}"></ToggleButton>
11 <ListBox x:Name="itemsBox" Grid.Row="1" ItemsSource="{TemplateBinding ItemsSources}" Visibility="Collapsed" ></ListBox>
12 </Grid>
13 <ControlTemplate.Triggers>
14 <Trigger Property="Expander.IsExpanded" Value="true">
15 <Setter Property="Visibility" Value="Visible" TargetName="itemsBox"></Setter>
16 </Trigger>
17 </ControlTemplate.Triggers>
18 </ControlTemplate>
19 </Setter.Value>
20 </Setter>
21 </Style>
从代码框中看到一条有背景色代码，为什么要标出来呢！请不要急，继续看下文
在窗口中定义ExpanderBox
1 <local:ExpanderBox x:Name="ex" Header="采购合同" HeaderHeight="40" ItemsSources="{Binding Lists}"></local:ExpanderBox>
2 <local:ExpanderBox x:Name="ex1" IsExpanded="True" Header="采购合同" HeaderHeight="{Binding Height}" ItemsSources="{Binding Lists}"></local:ExpanderBox>
如我所料，运行结果如图！
但是我发现，我无论怎样设置HeaderHeight的值，都无法改变ToggleButton高度。
在网上找了一些资料，很幸运的是在微软网站中找到答案，我就不多写了，直接贴上原文
网址：http://msdn.microsoft.com/zh-cn/library/ms742882.aspx
对于模板方案来说，TemplateBinding 是绑定的优化形式，类似于使用 {Binding RelativeSource={RelativeSource TemplatedParent}} 构造的 Binding。 TemplateBinding 始终为单向绑定，即使所涉及的属性默认为双向绑定。 所涉及的两个属性都必须是依赖项属性。
RelativeSource 是另一个标记扩展，有时与 TemplateBinding 结合使用或者代替它使用，以便在模板中执行相对属性绑定。
此处未介绍控件模板概念；有关详细信息，请参阅 Control 样式和模板。
特性语法是最常用于该标记扩展的语法。 在 TemplateBinding 标识符字符串之后提供的字符串标记被指定为基础 TemplateBindingExtension 扩展类的 Property 值。
对象元素语法也可行，但因为没有实际的应用，所以未进行演示。 TemplateBinding 用于使用计算的表达式来填充资源库内的值，因此使用 TemplateBinding 的对象元素语法来填充 <Setter.Property> 属性元素语法就会变得繁冗而多余。
TemplateBinding 还可以在详细特性用法中使用，以便将 Property 属性指定为一个 property=value 对：
看完这句话不能明白上面有两种背景颜色的代码。前面是单向绑定，所以在前台赋值无效，而后者是双向绑定。
总结：
TemplateBinding 是单向绑定形式。
Binding是多向的。
以上只是个人想法和实践经验，如果有文字错误和语法错误，请加以指点！
QQ：247039968
emil:[email protected]
无论是美女的歌声，还是鬣狗的狂吠，无论是鳄鱼的眼泪，还是恶狼的嚎叫，都不会使我动摇