2

我的 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));
    }
}
4

2 回答 2

2

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

基本上，您需要从当前的 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();
    }
}
于 2012-09-18T12:31:27.423 回答
0

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

我无法为您提供完整的解决方案，但这里有一些建议可以帮助您入门：

我假设您正在使用 MVVM。

要处理视图的实际停靠/取消停靠，需要做一些工作。首先，您应该将您的视图放入 UserControl 中，以便您可以轻松地将其显示在窗口或选项卡中。

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

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

于 2012-09-18T12:17:00.520 回答