可关闭的TabItem自定义控件

2024-06-17 08:08
文章标签 自定义 关闭 控件 tabitem

本文主要是介绍可关闭的TabItem自定义控件，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

可关闭TabItem的Header：

前台代码：

<UserControl x:Class="CloseableTabItem_Test.CloseableTabItemHeader"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" mc:Ignorable="d"><Grid><Grid.ColumnDefinitions><ColumnDefinition Name="columnLabel" Width="*"></ColumnDefinition><ColumnDefinition Name="columnCloseButton" Width="20"></ColumnDefinition></Grid.ColumnDefinitions><Label Name="lblTitle" Grid.Column="0" Style="{StaticResource CloseableTabItemLabel_RD}"/><Button Name="btnClose" Grid.Column="1" FontFamily="Courier" FontWeight="Bold" Style="{StaticResource CloseableTabItemButton_RD}"/></Grid>
</UserControl>

后台代码：
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 CloseableTabItem_Test
{/// <summary>/// CloseableTabItemHeader.xaml 的交互逻辑/// </summary>public partial class CloseableTabItemHeader : UserControl{/// <summary>///  实例化可关闭标签项/// </summary>public CloseableTabItemHeader(){InitializeComponent();Title = lblTitle.Content as string;}/// <summary>/// 实例化可关闭标签项(给定标题文本)/// </summary>/// <param name="title">Title</param>public CloseableTabItemHeader(string title){InitializeComponent();Title = title;}// 可关闭标签项文本private string _title;/// <summary>/// 设置标题/// </summary>public string Title{get { return _title; }set{_title = value;lblTitle.Content = _title;}}}
}
资源字典以及App.xml的设置：

CloseableTabStyle.xaml中：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"><!--Header中的文字Label样式--><Style x:Key="CloseableTabItemLabel_RD" TargetType="Label"><Setter Property="Foreground" Value="White" /></Style><!--Header中的Button样式--><Style x:Key="CloseableTabItemButton_RD" TargetType="Button"><Setter Property="Foreground" Value="White" /><Setter Property="FontFamily" Value="Courier" /><Setter Property="FontWeight" Value="Bold" /><Setter Property="FontStretch" Value="Normal" /><Setter Property="FontSize" Value="14" /><Setter Property="Padding" Value="0" /><Setter Property="ToolTip" Value="Close" /><Setter Property="Content" Value="×" /><Setter Property="Height" Value="20" /><Setter Property="Template"><Setter.Value><ControlTemplate TargetType="Button"><Border x:Name="border" BorderBrush="{TemplateBinding BorderBrush}" Background="#00000000" SnapsToDevicePixels="true"><ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/></Border><ControlTemplate.Triggers><Trigger Property="IsMouseOver" Value="True"><Setter Property="Background" TargetName="border" Value="#B3CA0300" /></Trigger><Trigger Property="IsPressed" Value="True"><Setter Property="Background" TargetName="border" Value="#F0CA0300" /></Trigger></ControlTemplate.Triggers></ControlTemplate></Setter.Value></Setter></Style><!--TabItem样式--><Style x:Key="TabItemStyle" TargetType="{x:Type TabItem}"><Setter Property="Background" Value="#0082BC" /><Setter Property="Foreground" Value="Black"/><Setter Property="Padding" Value="6,1,6,1"/><Setter Property="HorizontalContentAlignment" Value="Stretch"/><Setter Property="VerticalContentAlignment" Value="Stretch"/><Setter Property="Template"><Setter.Value><ControlTemplate TargetType="{x:Type TabItem}"><Grid SnapsToDevicePixels="true"><Border x:Name="Bd" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1,1,1,0" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}"><ContentPresenter x:Name="Content" ContentSource="Header" HorizontalAlignment="{Binding HorizontalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{Binding VerticalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/></Border></Grid><ControlTemplate.Triggers><Trigger Property="IsSelected" Value="true"><Setter Property="Panel.ZIndex" Value="1"/><Setter Property="Background" TargetName="Bd" Value="#FF8C05"/></Trigger><MultiTrigger><MultiTrigger.Conditions><Condition Property="IsSelected" Value="false"/><Condition Property="IsMouseOver" Value="true"/></MultiTrigger.Conditions><Setter Property="Background" TargetName="Bd" Value="#3FA1CD"/></MultiTrigger><MultiTrigger><MultiTrigger.Conditions><Condition Property="IsSelected" Value="true"/><Condition Property="IsMouseOver" Value="true"/></MultiTrigger.Conditions><Setter Property="Background" TargetName="Bd" Value="#FFA337"/></MultiTrigger><MultiTrigger><MultiTrigger.Conditions><Condition Property="IsSelected" Value="true"/><Condition Property="TabStripPlacement" Value="Top"/></MultiTrigger.Conditions><Setter Property="Margin" Value="-2,-2,-2,-1"/><Setter Property="Margin" TargetName="Content" Value="0,0,0,1"/></MultiTrigger><MultiTrigger><MultiTrigger.Conditions><Condition Property="IsSelected" Value="true"/><Condition Property="TabStripPlacement" Value="Bottom"/></MultiTrigger.Conditions><Setter Property="Margin" Value="-2,-1,-2,-2"/><Setter Property="Margin" TargetName="Content" Value="0,1,0,0"/></MultiTrigger><MultiTrigger><MultiTrigger.Conditions><Condition Property="IsSelected" Value="true"/><Condition Property="TabStripPlacement" Value="Left"/></MultiTrigger.Conditions><Setter Property="Margin" Value="-2,-2,-1,-2"/><Setter Property="Margin" TargetName="Content" Value="0,0,1,0"/></MultiTrigger><MultiTrigger><MultiTrigger.Conditions><Condition Property="IsSelected" Value="true"/><Condition Property="TabStripPlacement" Value="Right"/></MultiTrigger.Conditions><Setter Property="Margin" Value="-1,-2,-2,-2"/><Setter Property="Margin" TargetName="Content" Value="1,0,0,0"/></MultiTrigger><Trigger Property="IsEnabled" Value="false"><Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/></Trigger></ControlTemplate.Triggers></ControlTemplate></Setter.Value></Setter></Style>
</ResourceDictionary>
App.xml中： 

<Application x:Class="CloseableTabItem_Test.App"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"StartupUri="MainWindow.xaml"><Application.Resources><ResourceDictionary><ResourceDictionary.MergedDictionaries><ResourceDictionary Source="CloseableTabStyle.xaml" /></ResourceDictionary.MergedDictionaries></ResourceDictionary></Application.Resources>
</Application>
可关闭TabItem的代码： 

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.Media;namespace CloseableTabItem_Test
{/// <summary>/// 是否自动排序/// </summary>public enum SortWay{IsAutoSort, NotSort}public class CloseableTabItem : TabItem{/// <summary>/// /// </summary>/// <param name="sender"></param>/// <param name="e"></param>public delegate void CloseButtonDelegate(object sender, RoutedEventArgs e);/// <summary>/// 选项卡TabItem关闭时事件/// </summary>public event RoutedEventHandler TabItemClosing;/// <summary>/// 实例化标签项/// </summary>public CloseableTabItem(): this("New tab"){ }/// <summary>/// 实例化标签项(给定标题)/// </summary>/// <param name="title">新标签项的标题字符串</param>public CloseableTabItem(string title): this(title, SortWay.NotSort){}/// <summary>/// 实例化标签项(给定标题,给定是否自动排序)/// </summary>/// <param name="title">标题</param>/// <param name="isAutoSort">是否自动排序</param>public CloseableTabItem(string title, SortWay sortWay){//设定样式this.Style = (Style)Application.Current.Resources["TabItemStyle"];//生产一个可关闭的HeaderCloseableTabItemHeader ctih = createCloseableTabItem();//自动排序switch (sortWay){case SortWay.IsAutoSort:break;case SortWay.NotSort:break;default:break;}//设定标题ctih.Title = title;//设定Headerthis.Header = ctih;}/// <summary>/// 创建一个标签页头/// </summary>/// <returns>标签页头(自定义控件)</returns>private CloseableTabItemHeader createCloseableTabItem(){//实例化一个HeaderCloseableTabItemHeader ctih = new CloseableTabItemHeader();//添加关闭按钮点击事件ctih.btnClose.Click += new RoutedEventHandler(btnClose_Click);//返回Headerreturn ctih;}/// <summary>/// 关闭按钮的点击事件处理方法/// </summary>/// <param name="sender"></param>/// <param name="e"></param>void btnClose_Click(object sender, RoutedEventArgs e){// 触发标签项关闭事件if (TabItemClosing != null){TabItemClosing.Invoke(sender, e);}//关闭当前TabItem((TabControl)GetParentObject<TabControl>(this)).Items.Remove(this);}/// 获得指定元素的父元素  /// </summary>  /// <typeparam name="T">父级元素类型</typeparam>  /// <param name="obj">指定查找元素</param>  /// <returns></returns>  public T GetParentObject<T>(DependencyObject obj) where T : FrameworkElement{//返回可视对象的父对象DependencyObject parent = VisualTreeHelper.GetParent(obj);//按层、类型提取父级while (parent != null){if (parent is T)return (T)parent;parent = VisualTreeHelper.GetParent(parent);}//返回return null;}}
}
测试：

MainWindow.xaml中：

<Window x:Class="CloseableTabItem_Test.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" Loaded="Window_Loaded"><Grid Name="grid"><TabControl Name="tabControl_Grid" TabStripPlacement="Top"/></Grid>
</Window>
MainWindow.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 CloseableTabItem_Test
{/// <summary>/// MainWindow.xaml 的交互逻辑/// </summary>public partial class MainWindow : Window{public MainWindow(){InitializeComponent();}private void Window_Loaded(object sender, RoutedEventArgs e){Button button = new Button();button.Background = Brushes.Aqua;button.Content = "+1";button.Width = 50;button.Height = 20;button.HorizontalAlignment = System.Windows.HorizontalAlignment.Right;button.VerticalAlignment = System.Windows.VerticalAlignment.Bottom;button.Margin = new Thickness(0,0,50,50);button.Click += button_Click;grid.Children.Add(button);}private void button_Click(object sender, RoutedEventArgs e){tabControl_Grid.Items.Add(new CloseableTabItem("名都不给,你得多懒."));}        }
}

转载请注明出处，谢谢。

http://blog.csdn.net/u011785544/article/details/45307565

这篇关于可关闭的TabItem自定义控件的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1068902。

相关文章

使用Sentinel自定义返回和实现区分来源方式

使用Sentinel自定义返回和实现区分来源方式

《使用Sentinel自定义返回和实现区分来源方式》：本文主要介绍使用Sentinel自定义返回和实现区分来源方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Sentinel自定义返回和实现区分来源1. 自定义错误返回2. 实现区分来源总结Sentinel自定
阅读更多...
如何自定义Nginx JSON日志格式配置

如何自定义Nginx JSON日志格式配置

《如何自定义NginxJSON日志格式配置》Nginx作为最流行的Web服务器之一,其灵活的日志配置能力允许我们根据需求定制日志格式,本文将详细介绍如何配置Nginx以JSON格式记录访问日志,这种... 目录前言为什么选择jsON格式日志？配置步骤详解1. 安装Nginx服务2. 自定义JSON日志格式各
阅读更多...
Android自定义Scrollbar的两种实现方式

Android自定义Scrollbar的两种实现方式

《Android自定义Scrollbar的两种实现方式》本文介绍两种实现自定义滚动条的方法,分别通过ItemDecoration方案和独立View方案实现滚动条定制化,文章通过代码示例讲解的非常详细,... 目录方案一：ItemDecoration实现（推荐用于RecyclerView）实现原理完整代码实现
阅读更多...
基于Spring实现自定义错误信息返回详解

基于Spring实现自定义错误信息返回详解

《基于Spring实现自定义错误信息返回详解》这篇文章主要为大家详细介绍了如何基于Spring实现自定义错误信息返回效果,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录背景目标实现产出背景Spring 提供了 @RestConChina编程trollerAdvice 用来实现 HTT
阅读更多...
SpringSecurity 认证、注销、权限控制功能(注销、记住密码、自定义登入页)

SpringSecurity 认证、注销、权限控制功能(注销、记住密码、自定义登入页)

《SpringSecurity认证、注销、权限控制功能(注销、记住密码、自定义登入页)》SpringSecurity是一个强大的Java框架,用于保护应用程序的安全性,它提供了一套全面的安全解决方案... 目录简介认识Spring Security“认证”（Authentication）“授权” （Auth
阅读更多...
如何关闭 Mac 触发角功能或设置修饰键? mac电脑防止误触设置技巧

如何关闭 Mac 触发角功能或设置修饰键? mac电脑防止误触设置技巧

《如何关闭Mac触发角功能或设置修饰键?mac电脑防止误触设置技巧》从Windows换到iOS大半年来，触发角是我觉得值得吹爆的MacBook效率神器，成为一大说服理由，下面我们就来看看mac电... MAC 的「触发角」功能虽然提高了效率，但过于灵敏也让不少用户感到头疼。特别是在关键时刻，一不小心就可能触
阅读更多...
SpringBoot自定义注解如何解决公共字段填充问题

SpringBoot自定义注解如何解决公共字段填充问题

《SpringBoot自定义注解如何解决公共字段填充问题》本文介绍了在系统开发中,如何使用AOP切面编程实现公共字段自动填充的功能,从而简化代码,通过自定义注解和切面类,可以统一处理创建时间和修改时间... 目录1.1 问题分析1.2 实现思路1.3 代码开发1.3.1 步骤一1.3.2 步骤二1.3.3
阅读更多...
dubbo3 filter(过滤器)如何自定义过滤器

dubbo3 filter(过滤器)如何自定义过滤器

《dubbo3filter(过滤器)如何自定义过滤器》dubbo3filter（过滤器）类似于javaweb中的filter和springmvc中的intercaptor,用于在请求发送前或到达前进... 目录dubbo3 filter（过滤器）简介dubbo 过滤器运行时机自定义 filter第一种 @A
阅读更多...
CSS自定义浏览器滚动条样式完整代码

CSS自定义浏览器滚动条样式完整代码

《CSS自定义浏览器滚动条样式完整代码》：本文主要介绍了如何使用CSS自定义浏览器滚动条的样式，包括隐藏滚动条的角落、设置滚动条的基本样式、轨道样式和滑块样式，并提供了完整的CSS代码示例，通过这些技巧，你可以为你的网站添加个性化的滚动条样式，从而提升用户体验，详细内容请阅读本文，希望能对你有所帮助...
阅读更多...
怎么关闭Ubuntu无人值守升级? Ubuntu禁止自动更新的技巧

怎么关闭Ubuntu无人值守升级? Ubuntu禁止自动更新的技巧

《怎么关闭Ubuntu无人值守升级?Ubuntu禁止自动更新的技巧》UbuntuLinux系统禁止自动更新的时候，提示“无人值守升级在关机期间，请不要关闭计算机进程”，该怎么解决这个问题？详细请看... 本教程教你如何处理无人值守的升级，即 Ubuntu linux 的自动系统更新。来源：https://
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2