2

mainwindow.xamlファイルにタブコントロールがあります。起動時にアプリを実行すると、4つのタブすべてが表示されます。ユーザーが[接続]タブをダブルクリックすると、このタブのビュー全体が新しいフローティングウィンドウとしてポップアップし、ポップアップしたウィンドウをダブルクリックすると、初期状態に戻る方法はありますか？

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

はい、絶対に可能です。私は自分のアプリケーションの 1 つでこれを行っていますが、ダブルクリックの代わりに、ユーザーがクリックするアイコンがあり、ウィンドウが最小化されると、タブに戻されます。

完全な解決策を提供することはできませんが、開始するのに役立ついくつかの指針を以下に示します。

MVVMを使用していると思います。

ビューの実際のドッキング/ドッキング解除を処理するには、いくつかの作業が必要です。まず、ウィンドウまたはタブに簡単に表示できるように、ビューを UserControl にする必要があります。

次に、ユーザーの操作に基づいて必要に応じて 2 つのビュー タイプ (タブまたはウィンドウ) を切り替えることができるように、特定の ViewModel の現在のビューの参照を保持するマネージャーが必要です。このマネージャーは、タブとウィンドウを作成/破棄し、これらの DataContext (ViewModel) を更新する必要があります。

また、ウィンドウを閉じるイベントとして物事を処理する必要があります-ビューがタブ付きバージョンに戻るか、閉じるなど.

于 2012-09-18T12:17:00.520 に答える