MaterialDesignExtensions TabControl
是一款基于 Material Design 风格的扩展控件，用于在前端开发中实现选项卡式的用户界面。它提供了丰富的样式和交互效果，使得用户界面更加美观和易于操作。
该扩展控件主要由两个核心组件组成：TabControl 和 TabItem。TabControl 是一个容器控件，用于承载多个 TabItem。TabItem 则代表一个选项卡，可以在 TabControl 中切换显示。
MaterialDesignExtensions TabControl 的优势包括：
- Material Design 风格：采用了 Material Design 风格的设计语言，使得界面更加美观、现代化。
- 自定义样式：支持自定义样式和主题色，可以根据实际需求进行个性化定制。
- 交互效果：提供了平滑的过渡动画和用户友好的交互效果，提升用户体验。
- 多功能性：除了基本的选项卡切换功能外，还支持懒加载、拖拽排序、关闭选项卡等高级功能。
- 轻量级：控件本身体积较小，加载速度快，对系统资源的消耗较低。
MaterialDesignExtensions TabControl 在各种前端应用场景中都有广泛的应用，特别适合需要在用户界面中展示多个相关内容的情况，比如：
- 资源管理器：可以用于展示文件夹和文件的层级结构，方便用户查看和管理。
- 选项卡式导航：可以用于实现网页或应用程序的导航菜单，方便用户切换不同的功能页面。
- 多标签编辑器：适用于需要同时编辑多个文档或代码文件的情况，提高工作效率。
- 数据展示与比较：可以用于展示多个数据表格或图表，方便用户进行数据分析和比较。
对于腾讯云的相关产品，推荐使用腾讯云的前端开发工具包和组件库，如腾讯云 WebUI SDK 和腾讯云开发者工具包，以及腾讯云的移动开发服务和服务器运维服务，如腾讯云移动推送和腾讯云云服务器等。具体的产品介绍和使用文档可以在腾讯云官网找到。
相关·内容
我有一个私有的空AddButtons()，我试图仅在加载表单时才将其添加到tabPage1。
我试过了：
public frmMain()
{
TabControl tabControl = new TabControl();
if (tabControl.SelectedTab == tabPage1)
{
AddButtons();
}
}
private void tabControl_SelectedIndexChanged(object sender, EventArgs
浏览 1提问于2019-08-11得票数 0
我有以下TabControl：
<TabControl ItemsSource="{Binding Tabs"}>
<TabControl.ContentTemplate>
<DataTemplate DataType="{x:Type vm:TabVM}">
<TextBox></TextBox>
<TextBox Text="{Binding SomeProperty}"></TextBox&g
浏览 0提问于2016-12-15得票数 0
在我的wpf应用程序中，我有一个tabControl (父)，它包含另一个tabcontrol (子控件)。我想在不影响子tabControl的情况下将样式应用到父tabControl的tabControl中。我试过用这个：
<TabControl x:Name="Parent" TabStripPlacement="Left"
ItemsSource="{Binding Path=ParentTabItems, Mode=OneWay}" >
<TabControl.Resources>
浏览 2提问于2015-03-09得票数 1
回答已采纳
我有一个TabControl，它可以在每个TabItem中包含一个TabControl。下面是xaml代码：
<TabControl Height="300" Width="500" MouseWheel="TabControl_MouseWheel">
<TabItem Header="1" Width="50">
<TabControl MouseWheel="TabControl_MouseWheel">
浏览 0提问于2011-08-30得票数 1
回答已采纳
我有一个带有TabControl的窗口，这个TabControl中的所有TabItems都应该具有相同的样式：
<TabControl Name="TabControl1">
<TabControl.Resources>
<Style TargetType="TabItem">...</Style>
</TabControl.Resources>
<TabItem Header="Tab Item 1"/>
<TabI
浏览 2提问于2020-08-19得票数 0
回答已采纳
将用户控件集合绑定到ItemsSource属性TabControl非常有用。
然而，一旦您走上这条路径，似乎很难从代码中设置每个表项的标题。我可以用xaml来做，但是我需要用代码来做。
所以我要找的是
TabControl tabControl = new TabControl();
tabControl.ItemsSource = collectionOfUserControls;
tabControl.HeaderPath = "Title" // this property is not available
编辑
这是如何做到这一点，如果手动添加到集合。问题是如何在使
浏览 3提问于2012-12-06得票数 0
我定义了以下名为TabControl1的TabControl：
<TabControl>
<TabItem Header="Cheese"> The Cheese Tab </TabItem>
<TabItem Header="Pepperoni"> The Pepperoni Tab </TabItem>
<TabItem Header="Mushrooms"> The Mushrooms Tab </TabItem>
</TabControl
浏览 3提问于2010-04-19得票数 0
我有一个在一开始就定义了TabControl的TabControl.Resources。这很好，但问题是我在父TabControl中有另一个TabControl，我不希望将这种样式应用于子TabControl。
下面是一个例子：
<TabControl>
<TabControl.Resources>
some style and triggers
</TabControl.Resources>
<TabItem>
//Style correctly applied here - there is an
浏览 3提问于2016-06-01得票数 2
回答已采纳
1回答
我有一个带有"Close all to the right“按钮的选项卡控件(WinForm)，它工作得很好。现在我正忙着“全部向左关闭”。我取了几行“靠近右边”，并相应地修改了它，但由于某种未知和无法解释的原因，它不能正常工作。
在selectedtab中，它关闭所有选项卡，但是当我用MessageBox替换删除选项卡的代码行时，我会得到正确的输出。下面是我的代码。
tabpagenumber = (tabControl1.SelectedIndex+1);
if (tabControl1.TabCount > 1)
{
TabControl.TabPageColle
浏览 17提问于2017-02-06得票数 0
在“设计”视图上设置此设置的WindowsForm应用程序：
MainForm.WindowState =最大化
TabControl.Dock =无
ControlPanel(在TabControl中).Dock= None
我需要把TabControl放在表格上，面板放在TabControl上
使用
TabControl.Top = (Me.ClientSize.Height / 2)
TabControl.Left = (Me.ClientSize.Width / 2)
TabControl，它显示在很远的左边和下面。
使用Me.DisplayRectangle.Height /2和Me
浏览 7提问于2016-10-07得票数 0
回答已采纳
我使用的是MahApps TabControl，我有几个TabItems
<TabControl Name="tabControl" FontSize="12">
<TabItem Header="Statistics" />
</TabControl>
我试图改变TabControl和TabItems的font大小以调整我的头的大小，但是这似乎并没有改变任何东西。
浏览 1提问于2015-08-02得票数 10
我有一个带有外部TabControl的WPF，它的TabItems包含内部TabControls，如下所示：
<TabControl>
<TabItem Header="Tab1">
<TabControl>
<TabItem Header="TabA">
</TabItem>
<TabItem Header="TabB">
</TabItem>
浏览 1提问于2011-06-22得票数 0
我需要在TabControl中创建一个MainWindow，然后我需要在MainWindow中创建一个返回该TabControl的属性。我不知道如何从另一个窗口访问TabControl，因为它说“对象引用是必需的.”当我这样做的时候：
MainWindow.tabcontrol.Items.Add("tabitem");
我用MainWindow制作的房产是：
public TabControl tabcontrol
{ get { return tabc; } set{ tabc = value;} }
价值是：
"tabcontrol" is name of
浏览 1提问于2014-01-12得票数 0
回答已采纳
2回答
WPF TabItems没有父级
、、、、
我通过绑定创建TabItems，并尝试访问TabItemDrop中的parent TabControl。
但是，在发生drop事件时，源的父级始终是null。但是，如果我自己创建TabItems，它就能工作。
.xaml
<TabControl ItemSource="{Binding TabItemList}">
<TabControl.Resources>
<Style TargetType="TabItem">
<Setter Property="AllowD
浏览 5提问于2021-05-27得票数 1
回答已采纳
我用C#代码创建了一个TabControl。我将它的ItemsSource绑定到一个集合并设置边距。由于某些原因，设置它的DisplayMemberPath将不起作用。
_tabControl = new TabControl();
_tabControl.Margin = new Thickness(5);
_tabControl.DisplayMemberPath = "Header";
_tabControl.SetBinding(ItemsControl.ItemsSourceProperty, itemsSourceBinding);
集合中的每一项都有一个称为
浏览 0提问于2012-04-02得票数 0
回答已采纳
1回答
页签控件数据模板
、、、
我需要一个TabControl，其中每个选项卡项表示一个(Employee)ViewModel；标头应该是该视图模型的DisplayName属性，内容应该是一个具有视图模型数据上下文的用户控件(EmployeeDetailsView)。
所以pidgeon (有这样的东西吗？？)：
<TabControl x:Name="Items">
<TabItem Header="DisplayName" Content=local:EmployeeDetailsView />
<TabControl>
我真正的XAML应该是什
浏览 4提问于2011-02-10得票数 1
回答已采纳
我有一个TabControl，它当前正在显示我想要的方式，使用以下命令：
<TabControl Grid.Row="1" Background="{x:Null}" ItemsSource="{Binding TabPanels}">
<TabControl.ItemTemplate>
<DataTemplate>
<TextBlock Text="{Binding Content.DataContext.BreadcrumbEnd}" /
浏览 25提问于2018-09-07得票数 0
使用以下代码：
public partial class Form1 : Form
{
private static readonly int TABCONTROL_BASICINFO = 0;
private static readonly int TABCONTROL_CONFIDENTIALINFO = 1;
private static readonly int TABCONTROL_ROLESANDSECURITY = 2;
private static readonly int TABCONTROL_INACTIVEINFO = 3;
. . .
i
浏览 0提问于2012-03-23得票数 11
回答已采纳
1回答
改变TabControl的背景
、、、、
我想更改WPF TabControl的背景色：
更改TabControl的背景色不起作用，因为网格元素(TabControl的直接子元素)不能继承其父元素的后端：
下面的代码工作正常，但它改变了所有后续网格的背景色：
<TabControl>
<TabControl.Resources>
<Style TargetType="Grid">
<Setter Property="Background" Value="Green" />
浏览 6提问于2016-05-24得票数 1
回答已采纳
如何通过TabPanel设置TabControl.Resources的边距，我尝试了以下代码：
<TabControl.Resources>
<Style TargetType="TabPanel">
<Setter Property="Margin" Value="500,0,0,0" />
</Style>
浏览 2提问于2014-04-28得票数 0
回答已采纳
在AvaloniaUI窗口中，我希望有一个TabControl，它的选项卡被添加并从ObservableCollection<T>中删除。选项卡的“标题”(显示在选项卡条上的文本)应该设置在集合的每个项中，这些项可能属于不同的类型。
为此，我定义了一个类型：
public abstract class TabViewModelBase : ViewModelBase
{
public abstract string TabHeader { get; }
}
我的收藏定义如下：
public ObservableCollection<TabViewModelBase&g
浏览 17提问于2021-09-25得票数 0
回答已采纳
如果我有下面的TabControl，一切都正常工作，当我切换到第二个选项卡项时，它显示没有任何问题。
<TabControl>
<TabItem> //datagrid </TabItem>
<TabItem> //datagrid2 </TabItem>
<TabControl>
但是，如果我有这个xaml，当我单击第二个选项卡项时，内存就会失控
<TabControl>
<TabItem> //datagrid </TabItem>
<TabControl&g
浏览 4提问于2010-08-23得票数 3
我在TabControl1中有一个TabControl2。TabControl2在TabControl1的所有TabPages中。在TabControl2的TabPage是DataGridView，我需要与此DataGridView工作(Add.Rows等)。所有内容都是通过编程添加的。
我正在寻找找到合适的DataGridView的最佳方法，所以我需要类似这样的东西：
DataGridView xxx = TabControl2.SelectedTab.Controls.Find("data_grid_view_name", false).FirstOrDefault() a
浏览 2提问于2013-06-11得票数 1
4回答
我需要覆盖Tabcontrol GetTabRect。
protected override Rectangle GetTabRect(int index)
{...}
我收到这个错误
'System.Windows.Forms.TabControl.GetTabRect(int)‘错误1’TabControl.GetTabRect(Int)：无法在重写“public”继承的成员TabControl.GetTabRect时更改访问修饰符
Error2 2‘TabControl.GetTabRect(Int)’：无法覆盖继承的成员'System.Windows.For
浏览 1提问于2011-03-30得票数 1
回答已采纳
我想添加一个关闭按钮到TabPages的一个TabControl。我尝试了这段代码，它在从左到右的TabControl中运行得很好：
private Point _imageLocation = new Point(13, 5);
private Point _imgHitArea = new Point(13, 2);
this.tabControl2.DrawMode = System.Windows.Forms.TabDrawMode.OwnerDrawFixed;
tabControl2.DrawItem += TabControl2_DrawItem;
private void
浏览 3提问于2015-12-29得票数 8
回答已采纳
2回答
<TabControl Grid.Row="2" ItemsSource="{Binding List}" IsSynchronizedWithCurrentItem="True">
<TabControl.ItemTemplate>
<DataTemplate>
<TextBlock Text="{Binding Name}" />
</DataTemplate>
浏览 4提问于2012-02-14得票数 0
我有一个用户控件，它包含一个面板和一个TabControl。我为这两个都启用了设计时支持。我可以将控件从工具箱拖放到用户控件中的Panel控件上。我还可以通过TabControl上的设计器添加和删除选项卡页。但是，我不能将任何控件拖放到选项卡页本身。
下面是为我的用户控件生成的代码源代码：
partial class TestUserControl
{
private System.ComponentModel.IContainer components = null;
protected override void Dispose(bool disposing)
{
浏览 1提问于2011-11-19得票数 0
回答已采纳
我有一个看起来像这样的TabControl：
<TabControl x:Name="TabControl" SelectedIndex="0" ItemsSource="{Binding Diagrams}" SelectionChanged="TabControl_OnSelectionChanged">
<TabControl.ItemTemplate>
<DataTemplate>
<TextBlock Tex
浏览 23提问于2017-07-24得票数 0
我正在尝试使选项卡在表单的右侧水平显示。由于文本显示方式的原因，我无法在工具箱中使用tabcontrol。我正在使用我找到的代码来帮助我。但是在耗尽我所有的资源之后，我似乎无法获得指向tabPages集合的代码。我在那里有条目，但选项卡显示为空。
Public Sub New()
tabControl1 = New TabControl()
Dim tabPage1 As New TabPage()
' Sets the tabs to be drawn by the parent window Form1.
' OwnerDrawFixe
浏览 0提问于2012-10-10得票数 1
回答已采纳
好吧，我这里又有个奇怪的。
我有一个正在运行的项目，在该项目中，我正在构建一个给定表单的控件/组件树，并使用该树生成其中任何一个控件/组件的最短唯一路径。作为实际问题的背景。
现在，我很难处理TabControl，它在许多级别上都完成得很糟糕，但是大部分都可以通过WinAPI调用来处理。很好。现在，我遇到了一个问题，即使在查看Microsoft参考代码库时，我也找不到这个问题。
由于一些未知的原因，当选择选项卡时，TabControl将重新排序ControlCollection。从一个小小的测试应用程序来看，它似乎比我最初预期的要随机得多。不幸的是，它破坏了我处理未命名控件的回退方法，而稳定的
浏览 0提问于2019-03-20得票数 0
7回答
我有这个：
<TabControl Margin="0,24,0,0">...</TabControl>
我只想绑定TabControl的"Top"部分，直观上我会这样做：
<TabControl Margin="0,{Binding ElementName=TheMenu, Path=Height},0,0">
...
</TabControl>
我该怎么做呢？
浏览 1提问于2011-06-06得票数 57
回答已采纳
我有一个遍历TabControl的方法来查找特定类型的子类。当我调用这个方法时，当只选择一个TabItem时，我只得到这个TabItem的Controls。如果我一次选择每个TabItem并调用FindVisualChildrenOfMultipleTypes()，则将Controls加载到可视化树中，并得到Controls of all TabItems。如何强制我的TabControl加载所有TabItems
private void tabControlTest(System.Windows.Controls.TabControl tabControl)
{
var tabCon
浏览 2提问于2016-04-11得票数 1
我有一个包含以下XAML代码的控件。它工作得很好，除了我caInnot切换到另一个TabItem。我读到TabControl虚拟化了TabItem，我怀疑奇怪的行为，即我无法显示任何其他TabItem作为第一个，这与此有关。
<TabControl ItemsSource="{Binding Items}">
<TabControl.ItemTemplate>
<DataTemplate> <!-- header -->
<TextBlock T
浏览 0提问于2013-04-17得票数 1
回答已采纳
3回答
有个唠叨的问题，想知道是否有人能透露些什么。
我做了一个函数，自动为我的反应app...but的路由，我试图附加一个按钮到这个函数，以确保它启动和停止的按钮单击。但是，当我尝试使用代码时，below...nothing会发生
class App extends React.Component {
constructor (props) {
super(props);
this.state = { tabControl: true };
this.handleClick = this.handleClick.bind(this);
this.tabControl = this
浏览 6提问于2017-11-12得票数 2
回答已采纳
1回答
我有一个绑定到我的tabcontrol的对象列表。现在我可以创建动态选项卡项了。下面是WPF代码：
<TabControl ItemsSource="{Binding FileCollection}" Grid.Row="1">
<TabControl.ItemTemplate>
<DataTemplate>
<TextBlock Text="{Binding FileName}" />
</DataTemplate>
</TabControl.
浏览 4提问于2016-09-23得票数 0
1回答
我有两个文本框，第一个我绑定到了tabControl项的头上。我在后面的代码中这样做了。
问题是绑定只在第一次成功。
XAML：
<StackPanel>
<TabControl x:Name="tabcontrol">
<TabControl.Items>
<TabItem>
</TabItem>
</TabControl.Items>
</TabControl>
<TextBox
浏览 0提问于2010-11-07得票数 0
回答已采纳
我想在TabItem中找到一个控件。使用FindName是不可能的。我找到了一种遍历可视化树的方法，但这看起来相当麻烦。为什么FindName不做这项工作？
XAM：
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Button
Content
浏览 14提问于2020-05-20得票数 1
回答已采纳
我正在为我的应用程序中的某些TabControl创建特定的样式。
<TabControl Style="{StaticResource MyTabControl}">
</TabControl>
在这种特定TabControl样式的情况下，我也希望使用TabItem样式。
就目前而言，我必须写：
<TabControl Style="{StaticResource MyTabControl}">
<TabItem Style="{StaticResource MyTabItem}" Header=
浏览 2提问于2011-01-14得票数 11
回答已采纳
0回答
我有TabControl：
<TabControl Name="tabControl"
VerticalAlignment="Top"
HorizontalAlignment="Stretch">
<TabControl.Items>
<TabItem x:Name="tab1" Header="ABC">
浏览 10提问于2017-06-12得票数 2
回答已采纳
1回答
我在WPF窗口中有一个选项卡控件。TabControl的项源在其视图模型中绑定到ObservableCollection<UserControl>。
那么如何设置TabControl的每个TabItem的制表符头呢？
由于我的选项卡项类型是我的UserControl，而不是TabItem，所以我不能将其设置为：
((TabItem)Tabcontrol.Item[0]).Header="Something"
有人有解决办法吗？
我的TabControl是：
<TabControl Name="TabControl" Grid.Row="
浏览 8提问于2013-08-29得票数 0
回答已采纳
1回答
我试图在表单加载时隐藏TapPage2和TapPage3，并试图在CheckBox1被选中时显示它们。我可以使用下面的代码隐藏点击，但是当我点击复选框时，我得到"System.ArgumentNullException：‘值不能为null。“错误消息。我该怎么办？
下面是删除代码：
Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load
If Not IsNothing(TabControl1.TabPages("TabPage2")) Then
浏览 0提问于2020-12-14得票数 0
我正在使用TabControl，其中有多个选项卡。我需要有一个功能，其中如果我‘拖动标签’或‘右击标签->浮动’，然后该标签从标签列表，并成为自由浮动窗口(或winform)，可以移动到屏幕上的任何地方。反之亦然。
下面是TabControl的代码-
TabControl tabControl = new TabControl();
TabPage tabPage1 = new TabPage();
tabPage1.Text = "Tab Page 1";
TabPage tabPage2 = new TabPage();
tabPage2.Text =
浏览 32提问于2017-07-03得票数 0
我有以下两个默认选项卡项的TabControl。
<TabControl>
<TabControl.ItemTemplate>
<DataTemplate>
<ScrollViewer VerticalScrollBarVisibility="Auto" Height="300" Content="{Binding}"/>
</DataTemplate>
</TabControl.ItemTemplate>
浏览 15提问于2020-08-02得票数 0
回答已采纳
我在TabControl中显示了一些工作空间。每个工作空间都有一些绑定到某些ApplicationCommands的命令绑定，如
新(Foo)
储蓄(律师)
关闭(Foo，Bar)
菜单是通过使用以下ApplicationCommands构建的
<Menu>
<MenuItem Command="ApplicationCommands.New"/>
<MenuItem Command="ApplicationCommands.Save"/>
<MenuItem Command=
浏览 1提问于2017-02-09得票数 2
回答已采纳
我正在尝试使用DataBinding来动态填充TabControl，但遇到了问题。dataBinding运行得很好，但我希望每个TabItem的内容彼此独立。下面是我的XAML代码：
<TabControl
DockPanel.Dock="Left"
ItemsSource="{Binding OpenChats}"
Name="tabChats"
VerticalAlignment="Top"
Width="571">
<TabControl.I
浏览 3提问于2011-06-28得票数 1
回答已采纳
我有一个TabControl，它的SelectedIndex属性绑定到一个布尔值，如下所示：
<TabControl>
<TabControl.Style>
<Style TargetType="TabControl">
<Style.Triggers>
<DataTrigger Binding="{Binding Path=IsRunning, UpdateSourceTrigger=PropertyChanged}" Valu
浏览 10提问于2012-01-18得票数 1
在由TabControl支持的UserControl上有一个ViewModel，其中一个选项卡项的Visibility绑定到ViewModel上的一个属性。
<TabControl x:Name="myTabControl">
<TabItem Header="Tab 1" />
<TabItem Header="Tab 2" Visibility="{Binding HasData, Converter={StaticResource boolToVisibilityConverter}}&
浏览 6提问于2010-08-26得票数 10
回答已采纳
1回答
我正在尝试将一个项目列表绑定到一个TabControl。这些物品看上去如下：
class SciEditor
{
private Scintilla editor = null;
public System.Windows.Forms.Control Editor
{
get { return editor; }
}
private string path = null;
public string ShortName
{
get
{
return null ==
浏览 3提问于2012-06-04得票数 4
回答已采纳
我使用WPF的ItemTemplate属性来绑定每个TabItem头部的内容。我还使用ItemContainerStyle属性将TabItem的内容设置为动态选择的用户控件。此方法如预期的工作100%，但我现在在为TabControl的头设置样式时遇到了问题。
我将TabControl的背景属性设置为黑色：
<TabControl
ItemsSource="{Binding Tabs.Tabs}"
SelectedItem="{Binding Tabs.SelectedTab, Mode=TwoWay}"
I
浏览 0提问于2017-02-03得票数 2
回答已采纳
我已经用谷歌搜索了两天，但什么也找不到，我只是不能对选项卡式控件的数据模板中的任何控件做任何事情。
首先，代码：
private void Window_Loaded(object sender, RoutedEventArgs e) {
tabControl1.ItemsSource = new string[] { "TabA", "TabB", "TabC" };
}
private void tabControl1_SelectionChanged(object sender, SelectionChangedEventArgs
浏览 1提问于2011-06-04得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
