WPF 自定义TabControl

最新推荐文章于 2024-05-22 10:30:00 发布
最新推荐文章于 2024-05-22 10:30:00 发布
阅读量1.2k 收藏 5
点赞数 1
分类专栏： WPF Prism MVVM 文章标签： wpf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hisxiwu/article/details/129098589
版权

自定义样式效果如下：

整体实现思路首先自定义UTabControl、然后自定义TabItem

1、UTabControl.cs 代码

using System;
using System.Collections.Generic;
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 YOI.Controls
{
public class UTabControl : TabControl
{
static UTabControl()
{
DefaultStyleKeyProperty.OverrideMetadata(typeof(UTabControl), new FrameworkPropertyMetadata(typeof(UTabControl)));
}


/// <summary>
/// 方向枚举
/// </summary>
public enum OrientationEnum
{
Left,
Right,
Middle
}




public HorizontalAlignment TabHorizontalAlignment
{
get { return (HorizontalAlignment)GetValue(TabHorizontalAlignmentProperty); }
set { 


SetValue(TabHorizontalAlignmentProperty, value);

}
}


public static readonly DependencyProperty TabHorizontalAlignmentProperty =
DependencyProperty.Register("TabHorizontalAlignment", typeof(HorizontalAlignment), typeof(UTabControl), new PropertyMetadata(HorizontalAlignment.Left, TabHorizontalAlignmentChanged));

private static void TabHorizontalAlignmentChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
object oldValue = (object)e.OldValue;
object newValue = (object)e.NewValue;
var uTabControl = (UTabControl)d;
if (oldValue != newValue)
{
switch (newValue)
{
case HorizontalAlignment.Right:

uTabControl.TabHorizontalAlignment = HorizontalAlignment.Right;

break;
case HorizontalAlignment.Center:
uTabControl.TabHorizontalAlignment = HorizontalAlignment.Center;
break;
case HorizontalAlignment.Left:
uTabControl.TabHorizontalAlignment = HorizontalAlignment.Left;
break;
default:
break;
}
}
}
}
}

2、UTabControl模板资源样式

<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:MotionControls.Controls">

    <Style TargetType="{x:Type local:UTabControl}">
        <Setter Property="Padding" Value="1" />
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Background" Value="White" />
        <Setter Property="BorderBrush" Value="#FFACACAC" />
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type TabControl}">
                    <Grid
                        x:Name="templateRoot"
                        ClipToBounds="True"
                        KeyboardNavigation.TabNavigation="Local"
                        SnapsToDevicePixels="True">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition x:Name="ColumnDefinition0" />
                            <ColumnDefinition x:Name="ColumnDefinition1" Width="0" />
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition x:Name="RowDefinition0" Height="Auto" />
                            <RowDefinition x:Name="RowDefinition1" Height="*" />
                        </Grid.RowDefinitions>
                        <TabPanel
                            x:Name="HeaderPanel"
                            Grid.Row="0"
                            Grid.Column="0"
                            Margin="0"
                            HorizontalAlignment="{Binding TabHorizontalAlignment, RelativeSource={RelativeSource AncestorType=local:UTabControl, Mode=FindAncestor}}"
                            Panel.ZIndex="1"
                            Background="Transparent"
                            IsItemsHost="True"
                            KeyboardNavigation.TabIndex="1" />
                        <Line
                            Margin="0,0,0,1"
                            VerticalAlignment="Bottom"
                            SnapsToDevicePixels="True"
                            Stroke="Gray"
                            StrokeThickness="0.1"
                            X1="0"
                            X2="{Binding ActualWidth, RelativeSource={RelativeSource Self}}" />
                        <Border
                            x:Name="ContentPanel"
                            Grid.Row="1"
                            Grid.Column="0"
                            Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            KeyboardNavigation.DirectionalNavigation="Contained"
                            KeyboardNavigation.TabIndex="2"
                            KeyboardNavigation.TabNavigation="Local">
                            <ContentPresenter
                                x:Name="PART_SelectedContentHost"
                                Margin="0"
                                Content="{TemplateBinding SelectedContent}"
                                ContentSource="SelectedContent"
                                ContentStringFormat="{TemplateBinding SelectedContentStringFormat}"
                                ContentTemplate="{TemplateBinding SelectedContentTemplate}"
                                SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
                        </Border>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="TabStripPlacement" Value="Bottom">
                            <Setter TargetName="HeaderPanel" Property="Grid.Row" Value="1" />
                            <Setter TargetName="ContentPanel" Property="Grid.Row" Value="0" />
                            <Setter TargetName="RowDefinition0" Property="Height" Value="*" />
                            <Setter TargetName="RowDefinition1" Property="Height" Value="Auto" />
                        </Trigger>
                        <Trigger Property="TabStripPlacement" Value="Left">
                            <Setter TargetName="HeaderPanel" Property="Grid.Row" Value="0" />
                            <Setter TargetName="ContentPanel" Property="Grid.Row" Value="0" />
                            <Setter TargetName="HeaderPanel" Property="Grid.Column" Value="0" />
                            <Setter TargetName="ContentPanel" Property="Grid.Column" Value="1" />
                            <Setter TargetName="ColumnDefinition0" Property="Width" Value="Auto" />
                            <Setter TargetName="ColumnDefinition1" Property="Width" Value="*" />
                            <Setter TargetName="RowDefinition0" Property="Height" Value="*" />
                            <Setter TargetName="RowDefinition1" Property="Height" Value="0" />
                        </Trigger>
                        <Trigger Property="TabStripPlacement" Value="Right">
                            <Setter TargetName="HeaderPanel" Property="Grid.Row" Value="0" />
                            <Setter TargetName="ContentPanel" Property="Grid.Row" Value="0" />
                            <Setter TargetName="HeaderPanel" Property="Grid.Column" Value="1" />
                            <Setter TargetName="ContentPanel" Property="Grid.Column" Value="0" />
                            <Setter TargetName="ColumnDefinition0" Property="Width" Value="*" />
                            <Setter TargetName="ColumnDefinition1" Property="Width" Value="Auto" />
                            <Setter TargetName="RowDefinition0" Property="Height" Value="*" />
                            <Setter TargetName="RowDefinition1" Property="Height" Value="0" />
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter TargetName="templateRoot" Property="TextElement.Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>



</ResourceDictionary>

3、UTabItem 代码

using System;
using System.Collections.Generic;
using System.ComponentModel;
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 YOI.Controls
{
public class UTabItem : TabItem
{
static UTabItem()
{
DefaultStyleKeyProperty.OverrideMetadata(typeof(UTabItem), new FrameworkPropertyMetadata(typeof(UTabItem)));
}


/// <summary>
/// 选中字体颜色
/// </summary>
public SolidColorBrush ActiveForeground
{
get { return (SolidColorBrush)GetValue(ActiveForegroundProperty); }
set { SetValue(ActiveForegroundProperty, value); }
}


/// <summary>
/// 未选中字体颜色
/// </summary>
[Category("自定义"), Description("该属性用于调整内部文字的未选中字体颜色")]
public SolidColorBrush InactiveForeground
{
get { return (SolidColorBrush)GetValue(InactiveForegroundProperty); }
set { SetValue(InactiveForegroundProperty, value); }
}


/// <summary>
/// 选中字体颜色
/// </summary>
public SolidColorBrush ActiveIndicatorColor
{
get { return (SolidColorBrush)GetValue(ActiveIndicatorColorProperty); }
set { SetValue(ActiveIndicatorColorProperty, value); }
}


public static readonly DependencyProperty ActiveIndicatorColorProperty =
DependencyProperty.Register("ActiveIndicatorColor", typeof(SolidColorBrush), typeof(UTabItem), new PropertyMetadata(new SolidColorBrush(Color.FromRgb(172, 172, 172))));


public static readonly DependencyProperty InactiveForegroundProperty =
DependencyProperty.Register("InactiveForeground", typeof(SolidColorBrush), typeof(UTabItem), new PropertyMetadata(new SolidColorBrush(Color.FromRgb(172, 172, 172))));


public static readonly DependencyProperty ActiveForegroundProperty =
DependencyProperty.Register("ActiveForeground", typeof(SolidColorBrush), typeof(UTabItem), new PropertyMetadata(new SolidColorBrush(Color.FromRgb(67, 67, 68))));
}
}

4、UTabItem 模板资源样式

<ResourceDictionary
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:local="clr-namespace:MotionControls.Controls">


  <Style TargetType="{x:Type local:UTabItem}">

    <Setter Property="FontSize" Value="16" />
    <Setter Property="HorizontalContentAlignment" Value="Stretch" />
    <Setter Property="VerticalContentAlignment" Value="Stretch" />

    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="{x:Type TabItem}">

          <Grid
            x:Name="templateRoot"
            Background="{TemplateBinding Background}"
            SnapsToDevicePixels="true">
            <Border
              x:Name="mainBorder"
              Margin="{TemplateBinding Margin}"
              Background="{TemplateBinding Background}"
              BorderBrush="{TemplateBinding BorderBrush}"
              BorderThickness="0"
              CornerRadius="1" />

            <Rectangle
              x:Name="Indicator"
              Width="25"
              Height="2.5"
              VerticalAlignment="Bottom"
              RadiusX="2.5"
              RadiusY="2.5" />


            <Grid>
              <TextBlock
                x:Name="txt"
                Padding="{TemplateBinding Padding}"
                HorizontalAlignment="Center"
                VerticalAlignment="Center"
                Cursor="Hand"
                FontWeight="{TemplateBinding FontWeight}"
                Foreground="{Binding InactiveForeground, RelativeSource={RelativeSource Mode=TemplatedParent}}"
                Text="{TemplateBinding Header}"
                TextTrimming="CharacterEllipsis"
                ToolTip="{TemplateBinding Header}"
                Visibility="Visible" />
            </Grid>

          </Grid>
          <ControlTemplate.Triggers>

            <MultiDataTrigger>
              <MultiDataTrigger.Conditions>

                <Condition Binding="{Binding IsMouseOver, RelativeSource={RelativeSource Self}}" Value="True" />
                <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Top" />
              </MultiDataTrigger.Conditions>

              <Setter TargetName="txt" Property="Foreground" Value="{DynamicResource TextPrimaryColor}" />

            </MultiDataTrigger>



              <MultiDataTrigger>
              <MultiDataTrigger.Conditions>
              <Condition Binding="{Binding IsEnabled, RelativeSource={RelativeSource Self}}" Value="false" />
              <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Left" />
            </MultiDataTrigger.Conditions>
              <Setter TargetName="templateRoot" Property="Opacity" Value="0.56" />

            </MultiDataTrigger>


              <MultiDataTrigger>
              <MultiDataTrigger.Conditions>
              <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="true" />
              <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type local:UTabControl}}}" Value="Top" />
            </MultiDataTrigger.Conditions>
              <Setter Property="Panel.ZIndex" Value="1" />
              <Setter TargetName="txt" Property="Foreground" Value="{Binding ActiveForeground, RelativeSource={RelativeSource Mode=TemplatedParent}}" />

              <!--<Setter TargetName="mainBorder" Property="Background" Value="{DynamicResource PrimaryBlueColor}" />-->

              <!--<Setter TargetName="mainBorder" Property="Opacity" Value="0.8" />-->

              <Setter TargetName="Indicator" Property="Fill" Value="{Binding ActiveIndicatorColor, RelativeSource={RelativeSource Mode=TemplatedParent}}" />
              <!--<Setter TargetName="mainBorder" Property="BorderThickness" Value="0,0,0,2" />-->

              <MultiDataTrigger.EnterActions>
              <BeginStoryboard>
              <Storyboard>
              <DoubleAnimation
              Storyboard.TargetName="Indicator"
              Storyboard.TargetProperty="Width"
              From="25"
              To="40"
              Duration="0:0:0.3" />
            </Storyboard>
            </BeginStoryboard>
            </MultiDataTrigger.EnterActions>


              <MultiDataTrigger.ExitActions>
              <BeginStoryboard>
              <Storyboard>
              <DoubleAnimation
              Storyboard.TargetName="Indicator"
              Storyboard.TargetProperty="Width"
              From="40"
              To="25"
              Duration="0:0:0.3" />
            </Storyboard>
            </BeginStoryboard>
            </MultiDataTrigger.ExitActions>
            </MultiDataTrigger>


              <MultiDataTrigger>
              <MultiDataTrigger.Conditions>
              <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="true" />
              <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type local:UTabControl}}}" Value="Left" />
            </MultiDataTrigger.Conditions>
              <Setter Property="Panel.ZIndex" Value="1" />
              <Setter TargetName="txt" Property="Foreground" Value="{Binding ActiveForeground, RelativeSource={RelativeSource Mode=TemplatedParent}}" />

              <!--<Setter TargetName="mainBorder" Property="Background" Value="{DynamicResource PrimaryBlueColor}" />-->

              <!--<Setter TargetName="mainBorder" Property="Opacity" Value="0.8" />-->

              <Setter TargetName="Indicator" Property="Fill" Value="{Binding ActiveIndicatorColor, RelativeSource={RelativeSource Mode=TemplatedParent}}" />
              <!--<Setter TargetName="mainBorder" Property="BorderThickness" Value="0,0,0,2" />-->

              <MultiDataTrigger.EnterActions>
              <BeginStoryboard>
              <Storyboard>
              <DoubleAnimation
              Storyboard.TargetName="Indicator"
              Storyboard.TargetProperty="Width"
              From="25"
              To="40"
              Duration="0:0:0.3" />
            </Storyboard>
            </BeginStoryboard>
            </MultiDataTrigger.EnterActions>


              <MultiDataTrigger.ExitActions>
              <BeginStoryboard>
              <Storyboard>
              <DoubleAnimation
              Storyboard.TargetName="Indicator"
              Storyboard.TargetProperty="Width"
              From="40"
              To="25"
              Duration="0:0:0.3" />
            </Storyboard>
            </BeginStoryboard>
            </MultiDataTrigger.ExitActions>
            </MultiDataTrigger>
            </Setter.Value>
            </Setter>
            </Style>
            </ResourceDictionary>

5、调用方式

       <YOI:UTabControl
                    Width="Auto"
                    Height="Auto"
                    HorizontalAlignment="Stretch"
                    VerticalAlignment="Stretch"
                    Background="{DynamicResource PrimaryBackgroundColor}"
                    BorderBrush="Transparent"
                    BorderThickness="0,0,0,0"
                    TabHorizontalAlignment="Center"
                    TabStripPlacement="Top">

                    <YOI:UTabItem
                        Width="100"
                        Height="38"
                        VerticalAlignment="Top"
                        ActiveForeground="{DynamicResource TextBlueColor}"
                        ActiveIndicatorColor="{DynamicResource TextBlueColor}"
                        Background="{DynamicResource TextTransparentColor}"
                        BorderBrush="{DynamicResource TextTransparentColor}"
                        Foreground="{DynamicResource TextWhiteColor}"
                        Header="参数1"
                        InactiveForeground="{DynamicResource TextGrayColor}">

                        <Grid
                            Margin="1"
                            HorizontalAlignment="Stretch"
                            VerticalAlignment="Stretch"
                            Background="{DynamicResource SecundaryGrayColor}">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="544*" />
                                <ColumnDefinition Width="20*" />
                                <ColumnDefinition Width="121*" />
                                <ColumnDefinition Width="100*" />
                                <ColumnDefinition Width="213*" />
                            </Grid.ColumnDefinitions>

                         <ContentControl Grid.ColumnSpan="5" prism:RegionManager.RegionName="{x:Static ext:PrismManager.MotionViewRegionName}" />

                        </Grid>
                    </YOI:UTabItem>
                </YOI:UTabControl>

PINYAOYAO
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
WPF漂亮的TabControl
05-09
WPF十分漂亮的TabControl，更改下样式就可以使用。不需要积分，下载后你不会后悔的。可以在正式项目中使用，强力推荐。
【WPF应用33】WPF基本控件-TabControl的详解与示例
qq_35320456的博客
04-04 4602
WPF基本控件-TabControl的详解与示例
WPF TabControl控件详情 选项卡
最新发布
qq_3517289697的博客
05-22 389
TabControl：表示包含多个项的控件，这些项共享屏幕上的同一空间。它允许用户在多个标签页之间切换，每个标签页都可以显示不同的内容。
WPF 控件专题 ScrollBar控件详解
^@^lemon tea^@^
08-30 2761
WPF 控件专题 ScrollBar控件详解
C# WPF TabControl控件用法详解
dotNET跨平台
11-21 1136
概述 TabControl我之前有讲过一节，内容详见：C# WPF TabControl用法指南(精品)，上节主要讲解了tabcontrol控件的左右翻页，以及页面筛选，以及数据绑定等内容，这节内容继续接续上节内容进行扩展讲解，主要针对页面删除、增加以及对应的事件进行讲解.功能演示代码实现前台XAML:<UserControl x:Class="Caliburn.Micro.Hell...
WPF 基础控件之 TabControl样式
dotNET跨平台
06-22 2206
其他基础控件1.Window2.Button3.CheckBox4.ComboBox5.DataGrid 6.DatePicker7.Expander8.GroupBox9.ListBox10.ListView11.Menu12.PasswordBox13.TextBox14.RadioButton15.ToggleButton16.Slider 17.TreeView ...
wpf 自定义tabcontrol
06-15
标题“wpf 自定义tabcontrol”表明我们将探讨如何利用C#和XAML来扩展和定制这个控件，以满足特定的需求。 在WPF中，TabControl由两部分组成：TabItem（表示每个标签）和ContentPresenter（用于显示与选定TabItem...
WPF如何自定义TabControl控件样式示例详解
08-27
WPF自定义TabControl控件样式示例详解 在 WPF 应用程序中，TabControl控件是非常常用的控件之一。然而，默认的TabControl控件样式可能不符合我们的要求。这篇文章将为大家介绍如何自定义TabControl控件样式，包括...
带关闭按钮可自定义样式的wpf tabcontrol控件
03-13
这个特定的“带关闭按钮可自定义样式的wpf tabcontrol控件”提供了更高级的功能和定制化选项，使得开发者能够根据项目需求创建出更符合用户交互习惯的界面。 首先，让我们详细了解一下TabControlItem的基本概念。...
C# WPF TabControl用法指南(精品)
zls365365的博客
11-07 3102
概述 TabControl是我们常用的翻页控件，但是wpf自带的TabControl功能和样式比较单一，假如我的tab页面比较多，标题在有限的空间放不下，需要用左右箭头翻页，同时需要加一个筛选跳转的功能，这时候我们就需要使用Dev的控件DXTabControl.功能演示代码实现 前台XAML:<UserControl x:Class="Caliburn.Micro.Hell...
WPF TabControl完美样式（在下方显示）+完美选择与切换
12-16
TabControl完美样式，并且居下方显示，以及切换与选择。
WPF之TabControl选项卡样式
热门推荐
abc1564984930的博客
10-23 1万+
WPF中TabControl的选项卡样式设置
WPF中的选项卡布局TabControl控件
ultramand的博客
01-26 1770
在上述示例中，每个TabItem的内容部分都包含不同的控件和布局。你可以根据需要自定义选项卡的标题文本。通过在不同的TabItem中放置不同的内容，你可以实现在选项卡之间切换时显示不同的页面或面板。TabControl提供了一种方便的方式来组织和切换多个相关内容，使用户可以轻松访问和浏览不同的选项卡。选项卡头部用于显示每个选项卡的标题，而选项卡内容则用于显示选中选项卡的相关内容。你可以在TabItem的内容部分放置其他控件、布局或者甚至是自定义的UserControl，以显示选项卡的具体内容。
WPF —— TabControl、StackPanel 控件详解
一个新人博客，愿多多支持。
03-14 1201
表示包含多个项的控件，这些项共享屏幕上的同一空间。TabControl有助于最大程度地减少屏幕空间使用量，同时允许应用程序公开大量数据。TabControl包含共享同一屏幕空间的多个 TabItem 对象。一次只能看到 TabControl 中的一个 TabItem。当用户选择的 TabItem 选项卡时，将显示 TabItem 的内容，并且隐藏其他 TabItem 对象的内容。
WPF中使用TabControl为每个页签添加不同窗体的方法。
xieehu的博客
02-21 3181
对于一些上位机控制程序来说，一个窗体根本放不下所有的功能，所以我们通常会使用TabControl控件来进行分类布局。通过选择分类选项卡，来展示不同的功能界面。注：每一个页签添加不同窗体，其实不能叫是窗体，只能叫做控件。我们可以右键项目名称，添加一个文件夹，取名为子窗口。然后右键子窗口，添加-用户控件(WPF).首先给TabControl创建一个SelectionChanged的事件，再加入事件代码。一、先建立一个主窗口MainWindow.xaml。三、打开主窗口代码，对控件进行绑定。
WPF入门教程--TabControl样式
weixin_41883890的博客
01-29 2515
但是，如果您希望超越这一点并直接影响选项卡的外观（包括形状和边框），则需要覆盖 TabItem 元素的控件模板，虽然这不像 WPF 的大多数其他区域那样直接，但它是还是可控的。WPF TabControl 允许您将界面分成不同的区域，每个区域都可以通过单击通常位于控件顶部的选项卡标题来访问。选项卡控件通常用于 Windows 应用程序，甚至在 Windows 自己的界面中，如文件/文件夹的属性对话框等。前两个允许选择控件上的上一个或下一个选项卡，而最后一个将显示有关当前选定选项卡的信息，如屏幕截图所示。
WPF 自定义TabControl控件样式（转）
cuoban的学习空间
12-09 4325
WPF 自定义TabControl控件样式 一、前言 程序中经常会用到TabControl控件，默认的控件样式很普通。而且样式或功能不一定符合我们的要求。比如：我们需要TabControl的标题能够居中、或平均分布；或者我们希望TabControl的标题能够进行关闭。要实现这些功能我们需要对TabControl的样式进行定义。 二、实现TabControl的标题平均分布 默认的TabCon...
wpf 动态 tabcontrol
08-18
在 WPF 中，可以通过使用动态数据绑定来实现动态 TabControl。下面是一个简单的示例，展示如何通过绑定动态集合来实现动态添加和删除 TabItem： 首先，在 XAML 文件中，创建一个 TabControl，并绑定一个动态集合作为 ItemsSource： ```xml <TabControl ItemsSource="{Binding TabItems}"> <TabControl.ContentTemplate> <DataTemplate> <!-- 这里是 TabItem 的内容 --> <TextBlock Text="{Binding Title}" /> </DataTemplate> </TabControl.ContentTemplate> </TabControl> ``` 接下来，在代码后台（ViewModel）中，创建一个 ObservableCollection 来存储 TabItem 对象： ```csharp public class MainViewModel : INotifyPropertyChanged { public ObservableCollection<TabItem> TabItems { get; set; } public MainViewModel() { TabItems = new ObservableCollection<TabItem>(); } // 添加一个新的 TabItem public void AddTabItem(string title) { TabItems.Add(new TabItem { Title = title }); } // 删除指定的 TabItem public void RemoveTabItem(TabItem tabItem) { TabItems.Remove(tabItem); } // 实现 INotifyPropertyChanged 接口... } ``` 在上述代码中，TabItem 是一个简单的自定义类，具有一个 Title 属性： ```csharp public class TabItem { public string Title { get; set; } } ``` 最后，在窗口的代码后台（Code-Behind）中，设置 DataContext 并调用 ViewModel 的方法来添加或删除 TabItem： ```csharp public partial class MainWindow : Window { private MainViewModel _viewModel; public MainWindow() { InitializeComponent(); _viewModel = new MainViewModel(); DataContext = _viewModel; } private void AddTabButton_Click(object sender, RoutedEventArgs e) { _viewModel.AddTabItem("New Tab"); } private void RemoveTabButton_Click(object sender, RoutedEventArgs e) { var tabItem = TabControl.SelectedItem as TabItem; if (tabItem != null) { _viewModel.RemoveTabItem(tabItem); } } } ``` 现在，当单击 "Add Tab" 按钮时，将会动态添加一个新的 TabItem。当选中某个 TabItem 后，再单击 "Remove Tab" 按钮，将会删除选中的 TabItem。这样就实现了动态的 TabControl。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值