Question

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

<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>

这是Tab的关键按钮方法：

 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();
    }
}

Answer 2

是的，绝对有可能。我在我的一个应用程序中执行此操作，但不是双击，而是我有一个用户单击的图标，当窗口最小化时，它将被放回选项卡中。

我不能给你一个完整的解决方案，但这里有一些指示可以帮助你开始：

我假设您正在使用MVVM。

要处理视图的实际对接/取消对接，需要进行一些工作。首先，您应该将视图设置为UserControl，以便您可以轻松地在窗口或选项卡中显示它。

然后，您需要一个管理器来保留特定ViewModel的当前视图的引用，以便您可以根据用户交互在需要时根据需要在两种视图类型（选项卡或窗口）之间切换。该经理必须创建/处置选项卡和窗口，并为这些更新DataContext（您的ViewModel）。

您还需要处理窗口关闭事件 - 如果视图返回选项卡版本或关闭等等。

双击选项卡控件中的TabItem并将视图弹出为浮动窗口

2 个答案: