wpf tabcontrol כמו של winforms

[pcinfogmach]

מצאתי קוד של tabcontrol שמתנהג כמו avalondocks הוא ממש מושלם ואפשר כם מימין לשמאל. (קצת ארוך אז אני לא מביא אותו פה)

הוא משתמש אבל בtabcontrol הרגיל של wpf שזה עובד כמו swrappanel שהטאבים ממשיכים ויורדים שורה אם יש הרבה ולא כמו שמצוי שיש לחצנים של ימין שומאל.
מישהו יודע איך לעשות שיהיה טאבים יותר דומים לwinforms או משהו כזה?

דם לא מצאתי מישהו שעשה כזה מוכן ומה שמצאתי לא באמת עבד לי מישהו מכיר אולי משהו מוכן?

[dovid]

@pcinfogmach כתב בwpf tabcontrol כמו של winforms:

מישהו יודע איך לעשות שיהיה טאבים יותר דומים לwinforms או משהו כזה?

תוכל להיות ספציפי יותר, מה הדמיון שחסר?

דם לא מצאתי מישהו שעשה כזה מוכן ומה שמצאתי לא באמת עבד לי מישהו מכיר אולי משהו מוכן?

לא הבנתי, כתבת שמצאת משהו מושלם.

[pcinfogmach]

@dovid
מושלם מצד ההתנהלות הכללית
רק מצד ה-layout של הטבים זה לא מושלם

בwpf כשיש הרבה טאבים זה פשוט יוצר ערימה של טאבים
אני לא רוצה ערימה

בwinforms זה עושה סרט גלילה עם לחצנים של ימין ושמאל

ראיתי בצעה של מישהו להחליף את הסרט של הטאבים בwpf בסרט של toolbar וזה עובד אבל זה נראה מגעיל לטעמי.
הנה הלינק
https://stackoverflow.com/a/35347626

הצלחתי להחליף את הסרט בlistbox אבל זה הורס את האפשרות להוסיף לחצנים של סגירה שיש בפרוייקט הזה.
קיצרתי קצת אם צריך עוד מידע נא להדריך אותי מה בדיוק צריך להביא. פשוט העסק קצת ארוך כמו שאמרתי

[pcinfogmach]

תמונה של התוכנה עם הקוד הנ"ל.

[pcinfogmach]

@pcinfogmach
התקדמתי קצת עם הקוד אעדכן בהמשך אם זה מצליח כמו שרציתי

[pcinfogmach]

הצלחתי ב"ה

עריכה: הוספתי לו גם אפשרות להחליף מקומות של הטאבים:

<Window x:Class="wpflistview.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
       
        mc:Ignorable="d"
        Title="MainWindow" Height="500" Width="800"
        >
    <Window.Resources>
        <!-- Style for the TabControl -->
        <Style x:Key="TabControlStyle" TargetType="TabControl">
            <Setter Property="AllowDrop" Value="True"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="TabControl">
                        <Grid x:Name="TabcontrolMainGrid">
                            <Border x:Name="TabcontrolMainBorder2"
                                    BorderBrush="{TemplateBinding BorderBrush}" 
                                    BorderThickness="{TemplateBinding BorderThickness}" 
                                    Background="{TemplateBinding Background}" 
                                    SnapsToDevicePixels="True">
                                <Grid x:Name="TabcontrolMainGrid2">
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto"/>
                                        <RowDefinition Height="Auto"/>
                                        <RowDefinition Height="*"/>
                                    </Grid.RowDefinitions>

                                    <!-- ListBox for headers -->
                                    <Grid x:Name="listBoxcontainerGrid" Grid.Row="0" Margin="0,0,0,-20">
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="*"/>
                                            <ColumnDefinition Width="Auto"/>
                                        </Grid.ColumnDefinitions>
                                        <ListBox  x:Name="TabHeaderListBox" Margin="0" Grid.Column="0" Padding="-2,-2,0,1"  
                                    ScrollViewer.HorizontalScrollBarVisibility="Visible"
                                         SelectionChanged="TabHeaderListBox_SelectionChanged"                  
                                     ItemsSource="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Items}" 
                                     SelectedItem="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=SelectedItem}" 
                                         BorderBrush="{x:Null}" IsEnabled="True" Background="#FFFAFAFA">


                                            <ListBox.ItemsPanel>
                                                <ItemsPanelTemplate>
                                                    <StackPanel Orientation="Horizontal" />
                                                </ItemsPanelTemplate>
                                            </ListBox.ItemsPanel>
                                            <ListBox.ItemTemplate>
                                                <DataTemplate>
                                                    <Border x:Name="TabItemBorder" BorderThickness="1" BorderBrush="{x:Null}"
                                                Padding="5,2,5,2" Margin="-3,0,-3,0"
                                                            PreviewMouseMove="TabItemBorder_PreviewMouseMove"
                                                            DragOver="TabItemBorder_DragOver">
                                                        <Border.Effect>
                                                            <DropShadowEffect ShadowDepth="1" BlurRadius="1" Color="Black" Opacity="0.5"/>
                                                        </Border.Effect>
                                                        <Border.Style>
                                                            <Style TargetType="Border">
                                                                <Setter Property="Background" Value="#F0F0F0"/>
                                                                <Style.Triggers>
                                                                    <DataTrigger Binding="{Binding IsSelected, RelativeSource={RelativeSource AncestorType={x:Type ListBoxItem}}}" Value="True">
                                                                        <Setter Property="Background" Value="White"/>
                                                                    </DataTrigger>
                                                                    <!--<DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType={x:Type ListBoxItem}}}" Value="True">
                                                                        <Setter Property="Background" Value="#40BFD4FF"/>
                                                                    </DataTrigger>
                                                                    <DataTrigger Binding="{Binding IsMouseOff, RelativeSource={RelativeSource AncestorType={x:Type ListBoxItem}}}" Value="True">
                                                                        <Setter Property="Background" Value="#F0F0F0"/>
                                                                    </DataTrigger>-->
                                                                </Style.Triggers>
                                                            </Style>
                                                        </Border.Style>
                                                        <StackPanel Orientation="Horizontal">
                                                            <TextBlock x:Name="tabItemTextBlock" Text="{Binding Header}" Margin="0,2,5,0"/>
                                                            <Button Content="X" x:Name="TabCloseButton"
                                                    Width="20" 
                                                    Height="20" 
                                                    Click="TabCloseButton_Click"
                                                    Command="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type TabControl}}, Path=DataContext.CloseTabCommand}"
                                                    CommandParameter="{Binding}" Background="{x:Null}" BorderBrush="{x:Null}" />
                                                        </StackPanel>
                                                    </Border>
                                                </DataTemplate>
                                            </ListBox.ItemTemplate>
                                        </ListBox>

                                        <DockPanel  HorizontalAlignment="Right"  Background="#FFFAFAFA"
                                           Margin="0,3,2,23" Height="23">
                                            <Button x:Name="TabscrollLeft" Content="◁" 
                                            Click="TabscrollLeft_Click" Background="#F0F0F0"
                                            BorderThickness="0" BorderBrush="{x:Null}" Margin="0,0,2,0">
                                                <Button.Effect>
                                                    <DropShadowEffect ShadowDepth="1" BlurRadius="1" Color="Black" Opacity="0.5"/>
                                                </Button.Effect>
                                            </Button>
                                            <Button x:Name="TabsDropDown" Content="▽" 
                                            Click="TabsDropDown_Click"   Background="#F0F0F0"     
                                            BorderThickness="0" BorderBrush="{x:Null}" Margin="0,0,2,0">
                                                <Button.Effect>
                                                    <DropShadowEffect ShadowDepth="1" BlurRadius="1" Color="Black" Opacity="0.5"/>
                                                </Button.Effect>
                                                <Button.ContextMenu>
                                                    <ContextMenu/>
                                                </Button.ContextMenu>
                                            </Button>
                                            <Button x:Name="TabscrollRight" Content="▷"  
                                            Click="TabscrollRight_Click" Background="#F0F0F0"
                                            BorderThickness="0" BorderBrush="{x:Null}">
                                                <Button.Effect>
                                                    <DropShadowEffect ShadowDepth="1" BlurRadius="1" Color="Black" Opacity="0.5"/>
                                                </Button.Effect>
                                            </Button>
                                        </DockPanel>
                                    </Grid>

                                    <!-- Content row -->
                                    <Border Grid.Row="1" Height="0.5" Background="{TemplateBinding BorderBrush}"/>
                                    <Border Grid.Row="2"  x:Name="ContentPanel" 
                                    BorderBrush="{TemplateBinding BorderBrush}" 
                                    BorderThickness="0.5" 
                                    Background="{TemplateBinding Background}" 
                                    SnapsToDevicePixels="True">
                                        <ContentPresenter x:Name="PART_SelectedContentHost" 
                                                  ContentSource="SelectedContent" 
                                                  Margin="{TemplateBinding Padding}" 
                                                  SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                                    </Border>
                                </Grid>
                            </Border>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsEnabled" Value="False">
                                <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>

    <Grid>
        <!-- Apply the custom style to the TabControl -->
        <TabControl Style="{StaticResource TabControlStyle}">
            <!-- Add your tabs here -->
            <TabItem Header="Tab 1">
                <!-- Tab 1 content -->
            </TabItem>
            <TabItem Header="Tab 2">
                <!-- Tab 2 content -->
            </TabItem>
            <!-- Add more tabs as needed -->
            <TabItem Header="Tab 3">
                asdfasdfasf
            </TabItem>
            <TabItem Header="Tab 4">
                דכגשדגכשדכשדגכשדכג
            </TabItem>
            <!-- Add more tabs as needed -->
            <TabItem Header="Tab 5">
                <!-- Tab 1 content -->
            </TabItem>
            <TabItem Header="Tab 6">
                <!-- Tab 2 content -->
            </TabItem>
            <!-- Add more tabs as needed -->
            <TabItem Header="Tab 7">
                <!-- Tab 1 content -->
            </TabItem>
            <TabItem Header="Tab 8">
                <!-- Tab 2 content -->
            </TabItem>
            <!-- Add more tabs as needed -->
        </TabControl>

    </Grid>
</Window>

using BetterTabs;
using FirstFloor.ModernUI.Windows.Media;
using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace wpflistview
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    /// 

    public partial class MainWindow : Window
    {

        public MainWindow()
        {
            InitializeComponent();          
        }

        private void TabCloseButton_Click(object sender, RoutedEventArgs e)
        {
            // Handle the close button click event here
            if (sender is Button closeButton && closeButton.DataContext is TabItem tabItem)
            {
                // Your custom logic to close the tab
                // For example, remove the tab from the TabControl's Items collection
                var tabControl = FindParent<TabControl>(closeButton);
                (tabControl?.Items)?.Remove(tabItem);
            }
        }

        private void TabscrollLeft_Click(object sender, RoutedEventArgs e)
        {
            var tabControl = FindParent<TabControl>(sender as DependencyObject);
            if (tabControl != null)
            {
                int currentIndex = tabControl.SelectedIndex;
                if (currentIndex > 0)
                {
                    tabControl.SelectedIndex = currentIndex - 1;
                }
            }
        }

        private void TabsDropDown_Click(object sender, RoutedEventArgs e)
        {
            Button button = (Button)sender;

            ContextMenu contextMenu = new ContextMenu();
            foreach (TabItem tabItem in ((TabControl)button.TemplatedParent).Items)
            {
                MenuItem menuItem = new MenuItem
                {
                    Header = tabItem.Header,
                    Tag = tabItem 
                };
                menuItem.Click += TabMenuItem_Click;

                contextMenu.Items.Add(menuItem);
            }
            button.ContextMenu = contextMenu;
            button.ContextMenu.IsOpen = true;
        }

        private void TabMenuItem_Click(object sender, RoutedEventArgs e)         // Event handler for context menu item click
        {
            ((ContextMenu)((MenuItem)sender).Parent).IsOpen = false;             // Close the context menu
            TabItem selectedTab = (TabItem)((MenuItem)sender).Tag;            // Get the associated TabItem from the Tag property
            ((TabControl)selectedTab.Parent).SelectedItem = selectedTab;             // Set the selected tab in the TabControl
        }


        private void TabscrollRight_Click(object sender, RoutedEventArgs e)
        {
            var tabControl = FindParent<TabControl>(sender as DependencyObject);
            if (tabControl != null)
            {
                int currentIndex = tabControl.SelectedIndex;
                if (currentIndex < tabControl.Items.Count - 1)
                {
                    tabControl.SelectedIndex = currentIndex + 1;
                }
            }
        }

        private static T FindParent<T>(DependencyObject child) where T : DependencyObject
        {
            // Find the parent of a specified type in the visual tree
            while (true)
            {
                DependencyObject parentObject = VisualTreeHelper.GetParent(child);

                if (parentObject == null)
                {
                    return null;
                }

                if (parentObject is T parent)
                {
                    return parent;
                }

                child = parentObject;
            }
        }

        private void TabHeaderListBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            ListBox listBox = (ListBox)sender;
            if (listBox.SelectedItem != null)
            {
                listBox.ScrollIntoView(listBox.SelectedItem);
            }
        } 

        private static T FindAncestor<T>(DependencyObject current)
            where T : DependencyObject
        {
            do
            {
                if (current is T ancestor)
                {
                    return ancestor;
                }
                current = VisualTreeHelper.GetParent(current);
            } while (current != null);
            return null;
       
        }

        private void TabItemBorder_PreviewMouseMove(object sender, MouseEventArgs e)
        {
            if (sender is Border border &&
                border.DataContext is TabItem tabItem &&
                Mouse.PrimaryDevice.LeftButton == MouseButtonState.Pressed)
            {
                DragDrop.DoDragDrop(tabItem, tabItem, DragDropEffects.All);
            }
        }

        private void TabItemBorder_DragOver(object sender, DragEventArgs e)
        {
            if (e.Data.GetData(typeof(TabItem)) is TabItem tabItemSource &&
                sender is Border border &&
                border.DataContext is TabItem tabItemTarget &&
                tabItemTarget.Parent is TabControl TergetTabControl)
            {
                int targetIndex = TergetTabControl.Items.IndexOf(tabItemTarget);
                TabControl SourceControl = tabItemSource.Parent as TabControl;
                SourceControl.Items.Remove(tabItemSource);
                TergetTabControl.Items.Insert(targetIndex, tabItemSource);
                tabItemSource.IsSelected = true;
            }
        }
    }
}

[dovid]

הTabControl משתמש בפקד בשם TabPanel להצגת הטאבים, שהוא יורש ישירות מPanel ואין לו טמפלייט.
בשביל לעשות שיהיה בשורה אחת צריך להחליף אותו עם StackPanel ולהוסיך שמה Menu להראות את רשימת הטאבים המוסתרים.

[dovid]

אני רואה שכבר הסתדרת, מעולה.

[pcinfogmach]

פוסט זה נמחק!