WPF控件操作之改变父控件之TabControl示例

昨天做个简单的演示，想偷懒，但同时又想用WPF再做一个，稍微提高一下演示的美观，助力拿下订单。所以，在做完WinForm后，又做了一个wpf版本的，但控件在不同容器之间的移动，winform和wpf差别很大，winform很简单、直观。但wpf就很坑了。

于是昨天下午网上搜了一些“答案”，都不能解决问题。今天又重新理了一下头绪，非常简单的实现了，并没有用到网上那些很装逼的答案。

效果图

，要实现的效果就是通过TabControl的Select事件，让最子层的界面在第二层TabControl的不同TAbItem之间移动，而第二层TabControl又在最顶层的TabControl的TabItem之间移动。伪造每个页面都有内容的假象，并且用黑体字符串来标识不同的TabItem。

XAML代码

<TabControl Grid.Row="1" Name="tabControl1" SelectedIndex="0" SelectionChanged="tabControl1_SelectionChanged">
            <TabItem Header="生产模式">
                <TabControl x:Name="tabControl2" SelectedIndex="0" SelectionChanged="tabControl1_SelectionChanged">
                        <TabItem Header="单站查询">
                            <DockPanel x:Name="container" LastChildFill="True">
                                <Grid DockPanel.Dock="Top">
                                    <Grid.RowDefinitions>
                                        <RowDefinition/>
                                        <RowDefinition/>
                                    </Grid.RowDefinitions>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="2*"/>
                                        <ColumnDefinition Width="2*"/>
                                        <ColumnDefinition Width="4*"/>
                                        <ColumnDefinition Width="1*"/>
                                    </Grid.ColumnDefinitions>
                                    <Label Grid.Row="0" Grid.Column="0" Content="不良品查询方式"/>
                                    <ComboBox Grid.Row="1" Grid.Column="0" SelectedIndex="0">
                                        <ComboBoxItem Content="按固定时间查询"/>
                                        <ComboBoxItem Content="按批次查询"/>
                                        <ComboBoxItem Content="按产品型号查询"/>
                                    </ComboBox>
                                    <Label Grid.Row="0" Grid.Column="1" Content="选择日期"/>
                                    <DatePicker Grid.Row="1" Grid.Column="1"/>
                                    <Label Grid.Row="0" Grid.Column="2" Grid.RowSpan="2" x:Name="lblTitle" Background="AliceBlue" FontWeight="ExtraBold" FontSize="20" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                                    <Button Content="生成报表" Grid.Column="3" Grid.Row="1"/>
                                </Grid>
                                <DataGrid x:Name="grid"/>
                            </DockPanel>
                        </TabItem>
                        <TabItem Header="所有数据查询"></TabItem>
                        <TabItem Header="不良数据查询"></TabItem>
                        <TabItem Header="巡检件查询"></TabItem>
                        <TabItem Header="报废记录查询"></TabItem>
                        <TabItem Header="返工记录查询"></TabItem>
                        <TabItem Header="MES数据查询"></TabItem>
                        <TabItem Header="产量查询"></TabItem>
                </TabControl>
            </TabItem>
            <TabItem Header="补单模式">
            </TabItem>
        </TabControl>

c#代码

        private void tabControl1_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            TabControl tab = sender as TabControl;
            TabItem tabItem = tab.SelectedItem as TabItem;
            if (tabItem != null)
            {
                if (tab == tabControl1)
                {
                    (tab.SelectedItem as ContentControl).Content = tabControl2;
                }
                else
                {
                    (tab.SelectedItem as ContentControl).Content = container;
                }
            }

            if (tabControl1.SelectedIndex != -1 && tabControl2.SelectedIndex != -1)
            {
                lblTitle.Content = (tabControl1.SelectedItem as TabItem).Header + "->" + (tabControl2.SelectedItem as TabItem).Header;
            }
        }