wpf - 双击Tab Control中的TabItem，View会弹出 float 窗口

Question

我的 mainwindow.xaml 文件中有一个选项卡控件。启动时，当应用程序运行时，将显示所有四个选项卡。有没有一种方法，一旦用户双击“连接”选项卡，该选项卡的整个 View 就会弹出一个新的 float 窗口，如果我双击弹出的窗口，它会返回到初始状态？

<Grid Grid.Row="0" >
       <TabControl Name="ConnectTab" Style="{DynamicResource styleBackground}" />                          
               <tablocal:CloseableTabItem Header="Connect" />
               <tablocal:CloseableTabItem Header="I2C" />
               <tablocal:CloseableTabItem Header="Voltage" />
               <tablocal:CloseableTabItem Header="Clock" />
       </TabControl>
</Grid>

这是我的选项卡关闭按钮方法:

 private void CloseTab(object source, RoutedEventArgs args)
    {            
        TabItem tabItem = args.Source as TabItem;

        if (ConnectTab != null && ConnectTab.Items.Count > 1)
            ConnectTab.Items.Remove(tabItem);                     
    }

Closetab 类:

public class CloseableTabItem : TabItem
{
    static CloseableTabItem()
    {
        //This OverrideMetadata call tells the system that this element wants to provide a style that is different than its base class.
        //This style is defined in themes\generic.xaml
        DefaultStyleKeyProperty.OverrideMetadata(typeof(CloseableTabItem),
            new FrameworkPropertyMetadata(typeof(CloseableTabItem)));
    }

    public static readonly RoutedEvent CloseTabEvent =
        EventManager.RegisterRoutedEvent("CloseTab", RoutingStrategy.Bubble,
            typeof(RoutedEventHandler), typeof(CloseableTabItem));

    public event RoutedEventHandler CloseTab
    {
        add { AddHandler(CloseTabEvent, value); }
        remove { RemoveHandler(CloseTabEvent, value); }
    }

    public override void OnApplyTemplate()
    {
        base.OnApplyTemplate();

        Button closeButton = base.GetTemplateChild("PART_Close") as Button;
        if (closeButton != null)
            closeButton.Click += new System.Windows.RoutedEventHandler(closeButton_Click);
    }

    void closeButton_Click(object sender, System.Windows.RoutedEventArgs e)
    {
        this.RaiseEvent(new RoutedEventArgs(CloseTabEvent, this));
    }
}

Answer 1

这个概念是完全可能的。问题将是找到执行此操作的代码。

基本上，您需要从当前 TabControl 重新托管 TabItem，并将其托管在新窗口中的新 TabControl 内。 此代码只是一个简单的演示，不应被视为生产质量

在MainWindow.xaml中

<Window x:Class="WpfApplication4.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
<TabControl Name="myTabControl">
    <TabItem Name ="mytabItem" Header="Double cllick me" MouseDoubleClick="TabItem_MouseDoubleClick">
        <TextBlock Text="Hello world!"/>
    </TabItem>
</TabControl>

在MainWindow.xaml.cs中

private void TabItem_MouseDoubleClick(object sender, MouseButtonEventArgs e)
    {
        if (myTabControl.Items.Count ==0 ) return;

         myTabControl.Items.Remove(mytabItem);           
        var newWindow = new TempWindow(myTabControl, mytabItem);            
        newWindow.Show();
    }

在 TempWindow.cs 中

 class TempWindow : Window
{
    private TabControl _original;

    public TempWindow(TabControl original, TabItem tabItem)
    {
        MouseDoubleClick += new System.Windows.Input.MouseButtonEventHandler(TempWindow_MouseDoubleClick);
        _original = original;
        var tabControl = new TabControl();
        Content = tabControl;

        tabControl.Items.Add(tabItem);
    }

    void TempWindow_MouseDoubleClick(object sender, System.Windows.Input.MouseButtonEventArgs e)
    {
        var tabItem = ((TabControl)Content).Items[0];
        ((TabControl)Content).Items.RemoveAt(0);
        _original.Items.Add(tabItem);

        this.Close();
    }
}