WPF如何自定义TabControl控件样式示例详解

效果如下：

四、带关闭按钮的TabControl

带关闭按钮的TabControl其实就是就是扩展TabItem，需要新建WPF自定义控件，命名为TabItemClose吧；

C#代码如下：

public class TabItemClose : TabItem
 {
  static TabItemClose()
  {
   DefaultStyleKeyProperty.OverrideMetadata(typeof(TabItemClose), new FrameworkPropertyMetadata(typeof(TabItemClose)));
  }

  private static void OnPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
  {
   d.SetValue(e.Property, e.NewValue);
  }

  /// <summary>
  /// 是否可以关闭
  /// </summary>
  public bool IsCanClose
  {
   get { return (bool)GetValue(IsCanCloseProperty); }
   set { SetValue(IsCanCloseProperty, value); }
  }

  public static readonly DependencyProperty IsCanCloseProperty =
   DependencyProperty.Register("IsCanClose", typeof(bool), typeof(TabItemClose), new PropertyMetadata(true, OnPropertyChanged));

  /// <summary>
  /// 关闭的图标
  /// </summary>
  public ImageSource CloseIcon
  {
   get { return (ImageSource)GetValue(CloseIconProperty); }
   set { SetValue(CloseIconProperty, value); }
  }

  public static readonly DependencyProperty CloseIconProperty =
   DependencyProperty.Register("CloseIcon", typeof(ImageSource), typeof(TabItemClose), new PropertyMetadata(null, OnPropertyChanged));



  /// <summary>
  /// 正常背景色
  /// </summary>
  public SolidColorBrush NormalBackground
  {
   get { return (SolidColorBrush)GetValue(NormalBackgroundProperty); }
   set { SetValue(NormalBackgroundProperty, value); }
  }

  public static readonly DependencyProperty NormalBackgroundProperty =
   DependencyProperty.Register("NormalBackground", typeof(SolidColorBrush), typeof(TabItemClose), new PropertyMetadata(null, OnPropertyChanged));

  /// <summary>
  /// 悬浮背景色
  /// </summary>
  public SolidColorBrush OverBackgound
  {
   get { return (SolidColorBrush)GetValue(OverBackgoundProperty); }
   set { SetValue(OverBackgoundProperty, value); }
  }

  public static readonly DependencyProperty OverBackgoundProperty =
   DependencyProperty.Register("OverBackgound", typeof(SolidColorBrush), typeof(TabItemClose), new PropertyMetadata(null, OnPropertyChanged));


  /// <summary>
  /// 选中背景色
  /// </summary>
  public SolidColorBrush SelectedBackgound
  {
   get { return (SolidColorBrush)GetValue(SelectedBackgoundProperty); }
   set { SetValue(SelectedBackgoundProperty, value); }
  }

  public static readonly DependencyProperty SelectedBackgoundProperty =
   DependencyProperty.Register("SelectedBackgound", typeof(SolidColorBrush), typeof(TabItemClose), new PropertyMetadata(null, OnPropertyChanged));


  /// <summary>
  /// 默认前景色
  /// </summary>
  public SolidColorBrush NormalForeground
  {
   get { return (SolidColorBrush)GetValue(NormalForegroundProperty); }
   set { SetValue(NormalForegroundProperty, value); }
  }

  public static readonly DependencyProperty NormalForegroundProperty =
   DependencyProperty.Register("NormalForeground", typeof(SolidColorBrush), typeof(TabItemClose), new PropertyMetadata(null, OnPropertyChanged));

  /// <summary>
  /// 悬浮前景色
  /// </summary>
  public SolidColorBrush OverForeground
  {
   get { return (SolidColorBrush)GetValue(OverForegroundProperty); }
   set { SetValue(OverForegroundProperty, value); }
  }

  public static readonly DependencyProperty OverForegroundProperty =
   DependencyProperty.Register("OverForeground", typeof(SolidColorBrush), typeof(TabItemClose), new PropertyMetadata(null, OnPropertyChanged));

  /// <summary>
  /// 选中前景色
  /// </summary>
  public SolidColorBrush SelectedForeground
  {
   get { return (SolidColorBrush)GetValue(SelectedForegroundProperty); }
   set { SetValue(SelectedForegroundProperty, value); }
  }

  public static readonly DependencyProperty SelectedForegroundProperty =
   DependencyProperty.Register("SelectedForeground", typeof(SolidColorBrush), typeof(TabItemClose), new PropertyMetadata(null, OnPropertyChanged));
  /// <summary>
  /// 控件圆角
  /// </summary>
  public CornerRadius CornerRadius
  {
   get { return (CornerRadius)GetValue(CornerRadiusProperty); }
   set { SetValue(CornerRadiusProperty, value); }
  }
  public static readonly DependencyProperty CornerRadiusProperty =
   DependencyProperty.Register("CornerRadius", typeof(CornerRadius), typeof(TabItemClose), new PropertyMetadata(new CornerRadius(0), OnPropertyChanged));
  /// <summary>
  /// 前置Logo
  /// </summary>
  public ImageSource LogoIcon
  {
   get { return (ImageSource)GetValue(LogoIconProperty); }
   set { SetValue(LogoIconProperty, value); }
  }
  public static readonly DependencyProperty LogoIconProperty =
   DependencyProperty.Register("LogoIcon", typeof(ImageSource), typeof(TabItemClose), new PropertyMetadata(null, OnPropertyChanged));
  /// <summary>
  /// 前置Logo宽度
  /// </summary>
  public double LogoIconWidth
  {
   get { return (double)GetValue(LogoIconWidthProperty); }
   set { SetValue(LogoIconWidthProperty, value); }
  }
  public static readonly DependencyProperty LogoIconWidthProperty =
   DependencyProperty.Register("LogoIconWidth", typeof(double), typeof(TabItemClose), new PropertyMetadata(double.Parse("0"), OnPropertyChanged));
  /// <summary>
  /// 前置Logo高度
  /// </summary>
  public double LogoIconHeigth
  {
   get { return (double)GetValue(LogoIconHeigthProperty); }
   set { SetValue(LogoIconHeigthProperty, value); }
  }
  public static readonly DependencyProperty LogoIconHeigthProperty =
   DependencyProperty.Register("LogoIconHeigth", typeof(double), typeof(TabItemClose), new PropertyMetadata(double.Parse("0"), OnPropertyChanged));
  /// <summary>
  /// LogoPadding
  /// </summary>
  public Thickness LogoPadding
  {
   get { return (Thickness)GetValue(LogoPaddingProperty); }
   set { SetValue(LogoPaddingProperty, value); }
  }

  public static readonly DependencyProperty LogoPaddingProperty =
   DependencyProperty.Register("LogoPadding", typeof(Thickness), typeof(TabItemClose), new PropertyMetadata(new Thickness(0), OnPropertyChanged));
  /// <summary>
  /// 关闭item事件
  /// </summary>
  public event RoutedEventHandler CloseItem
  {
   add { AddHandler(CloseItemEvent, value); }
   remove { RemoveHandler(CloseItemEvent, value); }
  }
  public static readonly RoutedEvent CloseItemEvent =
   EventManager.RegisterRoutedEvent("CloseItem", RoutingStrategy.Bubble, typeof(RoutedEventHandler), typeof(TabItemClose));
  /// <summary>
  /// 关闭项的右键菜单
  /// </summary>
  public ContextMenu ItemContextMenu { get; set; }

  Border ItemBorder;
  public override void OnApplyTemplate()
  {
   base.OnApplyTemplate();
   ItemBorder = Template.FindName("_bordertop", this) as Border;
   if (ItemContextMenu != null)
   {
    ItemBorder.ContextMenu = ItemContextMenu;
   }
  }
 }								 
 5/7   首页 上一页 3 4 5 6 7 下一页 尾页