WPF 小技巧

在使用mvvm模式开发时，对于Command的绑定是一件很伤脑筋的事情，尽管有强大的Blend类库支持：

xmlns:Custom="http://www.galasoft.ch/mvvmlight"
xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"  
xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"

 <i:Interaction.Triggers>
      <i:EventTrigger EventName="xxx">
           <Custom:EventToCommand Command="{Binding xxxCommand, Mode=OneWay}"/>
      </i:EventTrigger>
</i:Interaction.Triggers>

有时候我们会为“EventName”伤透脑筋：

 <TabControl>
            <TabItem >

　　　　　xxx

　　　　</TabItem>

            <TabItem >

　　　　　xxx

　　　　</TabItem>

</TabControl>

我希望在选中第二个TabItem的时候做一些操作，例如加载数据，反之则清除数据，释放内存。

有了Blend，我们很愉快的空降了一个EventToCommand，然后选择EventName——哎~马！根本木有啥“选中”/“不选中”事件！好忧伤~~

这时候“非天秤座”的小伙伴肯定就果断放弃mvvm模式，写后台代码去了，本文完！

 

哎，哎，哎，别打脸，别……

我说，我说还不行吗！

 

  <TabItem >
                <TabItem.Header>
                    <Grid>
                        <CheckBox Visibility="Collapsed" IsChecked="{Binding IsSelected, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type TabItem}}}" >
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Checked">
                                    <Custom:EventToCommand Command="{Binding xxxCommand, Mode=OneWay}"/>
                                </i:EventTrigger>
                                <i:EventTrigger EventName="Unchecked">
                                    <Custom:EventToCommand Command="{Binding xxxCommand}"/>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </CheckBox>
                        <TextBlock Text="设置" FontSize="32" Padding="20,5"  />
                    </Grid>
                </TabItem.Header>
<!--省略-->
</TabItem>

 重点在这里：IsChecked="{Binding IsSelected, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type TabItem}},Mode=TwoWay}

TabItem虽然没有我们想要的事件，但是有个IsSelected属性，所以我们可以借助CheckBox来转换出我们想要的事件。