- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
所以我得到了一个带有一些 Tabitems 和一些按钮的 TabControl。
当我按下这些按钮时,会改变 TabStrip 的位置。
一切正常。我现在要做的是,
当我按下按钮 Right90 将标签条放在右侧时,标题应该旋转 90°。
我尝试过,但总是失败。
我会很高兴得到一个快速的答案。
这是我的代码:
<Window x:Class="Pages.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="TabControl" Height="350" Width="525">
<Window.Resources>
<SolidColorBrush x:Key="Foreground" Color="#FF9531b1"></SolidColorBrush>
<SolidColorBrush x:Key="Background" Color="Transparent"></SolidColorBrush>
<ControlTemplate x:Key="TabItemControlTemplate" TargetType="{x:Type TabItem}">
<Grid SnapsToDevicePixels="True">
<Border x:Name="Bd" BorderBrush="{StaticResource Foreground}" BorderThickness="0" Padding="{TemplateBinding Padding}">
<Border.Style>
<Style TargetType="{x:Type Border}">
<Setter Property="Background" Value="{StaticResource Background}"/>
<Style.Triggers>
<DataTrigger Binding="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=IsSelected}" Value="True">
<Setter Property="Background" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Background}" />
</DataTrigger>
<DataTrigger Binding="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=IsMouseOver}" Value="True">
<Setter Property="Background" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Background}" />
</DataTrigger>
</Style.Triggers>
</Style>
</Border.Style>
<ContentPresenter x:Name="Content" ContentTemplate="{TemplateBinding HeaderTemplate}" Content="{TemplateBinding Header}" ContentStringFormat="{TemplateBinding HeaderStringFormat}" ContentSource="Header" HorizontalAlignment="{Binding HorizontalContentAlignment, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type ItemsControl}}}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{Binding VerticalContentAlignment, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type ItemsControl}}}"/>
</Border>
</Grid>
<ControlTemplate.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter TargetName="Bd" Property="Background" Value="{StaticResource Foreground}"></Setter>
<Setter TargetName="Content" Property="TextBlock.Foreground" Value="White"></Setter>
<Setter TargetName="Content" Property="TextBlock.FontWeight" Value="Heavy"></Setter>
</Trigger>
<MultiTrigger >
<MultiTrigger.Conditions >
<Condition Property="IsSelected" Value="True"></Condition>
<Condition Property="IsMouseOver" Value="false"></Condition>
</MultiTrigger.Conditions>
<Setter TargetName="Content" Property="TextBlock.Foreground" Value="{StaticResource Foreground}"></Setter>
<Setter TargetName="Content" Property="TextBlock.FontWeight" Value="Heavy"></Setter>
</MultiTrigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Window.Resources>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition></ColumnDefinition>
<ColumnDefinition></ColumnDefinition>
</Grid.ColumnDefinitions>
<StackPanel Grid.Column="1">
<Button x:Name="btnTop" Click="btnTop_Click">Top</Button>
<Button Name="btnRight" Click="btnRight_Click">Right</Button>
<Button Name="btnBottom" Click="btnBottom_Click">Bottom</Button>
<Button Name="btnLeft" Click="btnLeft_Click">Left</Button>
<Button Name="btnLeft90" Click="btnLeft90_Click">Left90</Button>
<Button Name="btnRight90" Click="btnRight90_Click">Right90</Button>
</StackPanel>
<TabControl Grid.Column="0" x:Name="MyControl" Height="200"
Background="Transparent"
BorderThickness="0,1,0,0"
BorderBrush="{StaticResource Foreground}" TabStripPlacement="Top">
<TabItem x:Name="Tab1" Header="tab1" Background="Transparent" Template="{DynamicResource TabItemControlTemplate}">
</TabItem>
<TabItem x:Name="Tab2" Header="tab2" Background="Transparent" Template="{DynamicResource TabItemControlTemplate}"/>
<TabItem x:Name="Tab3" Header="tab3" Background="Transparent" Template="{DynamicResource TabItemControlTemplate}"/>
</TabControl>
</Grid>
代码背后的代码:
public MainWindow()
{
InitializeComponent();
}
private void btnTop_Click(object sender, RoutedEventArgs e)
{
MyControl.TabStripPlacement = Dock.Top;
}
private void btnRight_Click(object sender, RoutedEventArgs e)
{
MyControl.TabStripPlacement = Dock.Right;
}
private void btnBottom_Click(object sender, RoutedEventArgs e)
{
MyControl.TabStripPlacement = Dock.Bottom;
}
private void btnLeft_Click(object sender, RoutedEventArgs e)
{
MyControl.TabStripPlacement = Dock.Left;
}
private void btnLeft90_Click(object sender, RoutedEventArgs e)
{
MyControl.TabStripPlacement = Dock.Left;
}
private void btnRight90_Click(object sender, RoutedEventArgs e)
{
MyControl.TabStripPlacement = Dock.Right;
Tab1.LayoutTransform = Rotation.Rotate90;
}
}
提前致谢
最佳答案
你需要编写两种不同的样式并在按钮点击时设置它们
在你的窗口资源中
<Window.Resources>
<Style x:Key="Right90" TargetType="{x:Type TabItem}">
<Setter Property="HeaderTemplate">
<Setter.Value>
<DataTemplate>
<ContentPresenter Content="{TemplateBinding Content}" TextOptions.TextFormattingMode="Display">
<ContentPresenter.LayoutTransform>
<RotateTransform Angle="90" />
</ContentPresenter.LayoutTransform>
</ContentPresenter>
</DataTemplate>
</Setter.Value>
</Setter>
</Style>
<Style x:Key="Left90" TargetType="{x:Type TabItem}">
<Setter Property="HeaderTemplate">
<Setter.Value>
<DataTemplate>
<ContentPresenter Content="{TemplateBinding Content}" TextOptions.TextFormattingMode="Display">
<ContentPresenter.LayoutTransform>
<RotateTransform Angle="-90" />
</ContentPresenter.LayoutTransform>
</ContentPresenter>
</DataTemplate>
</Setter.Value>
</Setter>
</Style>
</Window.Resources>
这是你的 TabControl 和 Button
<DockPanel>
<Button Name="btnRight" DockPanel.Dock="Top" Click="btnRight_Click" Content="Right"></Button>
<Button Name="btnLeft" DockPanel.Dock="Top" Click="btnLeft_Click" Content="Left" ></Button>
<TabControl Name="tabControl">
<TabItem Header="Tab1"></TabItem>
<TabItem Header="Tab2"></TabItem>
</TabControl>
</DockPanel>
这就是隐藏代码的运行方式
private void btnLeft_Click(object sender, RoutedEventArgs e)
{
tabControl.TabStripPlacement = Dock.Left;
tabControl.ItemContainerStyle = this.FindResource("Left90") as Style;
}
private void btnRight_Click(object sender, RoutedEventArgs e)
{
tabControl.TabStripPlacement = Dock.Right;
tabControl.ItemContainerStyle = this.FindResource("Right90") as Style;
}
关于c# - TabItem 标题垂直,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17720695/
我正在构建一个 LOB 应用程序,它有一个主要部分和一个包含各种 TabItems 的 TabControl。点击保存的想法是突出显示任何错误的字段,并且错误的第一个字段获得焦点。 如果第一个也是唯一
我将 xaml 中 tabitem 的背景颜色设置为红色,但是当我运行它并将鼠标悬停在它上面或选择它时,它会变回默认的灰色外观。仅当选择其他选项卡时,它才会正确显示。我怎样才能让它一直保持红色。谢谢!
如何为 tabitem 标题和该 tabitem 的内容设置不同的字体? 最佳答案 就像 WPF 中的任何东西一样,有很多方法。在不知道你到底想做什么的情况下,这里有一个“例如”(我不建议使用这种字体
之前选择的tabitem和选择的tabitem的动画开始工作正常,然后就不能正常工作了。 在我看来,代码应该可以正常工作。我不知道为什么现在动画不正确。 主窗口.xaml:
我有一个 Silverlight 应用程序,它有一个带有多个 TabItem 的 TabControl。当用户选择选项卡项时,我想将焦点设置到该选项卡项中的特定控件。我该怎么做? 我尝试为 TabCo
我在 TabControl 上有一个相当奇怪的行为,它的 TabItems 都折叠了:第一个 TabItem 的内容仍然可见(但标题不是)。 TabControl 及其 TabItems 设置如下:
下面是我的代码,当按下按钮时,我将根据我的情况使用 item1.setcontrol 更改 item1 列表。复合不刷新,但是当我单击 Item2 选项卡并返回 Item1 选项卡时...列表更新取决
这个问题有没有什么好的解决办法。 我已经设置了 tabitem.visibility=hidden 但这个 tabitem 中的内容仍然可见。我想隐藏tabitems的所有内容。 我确实搜索了一个解决
例如,使用 WPF 在选项卡控件的最左上角定位三个 tabitem 和在最右上角定位一个 tabitem 的正确方法是什么? 我尝试通过更改边距将第四个 tabitem 向右移动,但这并没有产生好的结
我正在尝试设置 TabControl 的样式,并且已经完成了 75% 的设置,但是我在设置实际 TabItems 的样式时遇到了困难: 我想要实现的是删除默认的 ContentPresenter 以便
我有一个 TabControl,其中有许多 TabItems 绑定(bind)到一个 ViewModel,该 ViewModel 具有每个 TabItem 的可见性的属性。 所有 Tab
我有一个 NSTabViewController,它有两个 NSTabViewItem。我想禁用第二个选项卡。 class MainTabViewController: NSTabViewContro
在这里,我有一个使用 Prism 6 Toolkit 的功能性 CloseTabAction,如下所示: class CloseTabAction : TriggerAction { prot
我有一个动态创建选项卡的 WPF 应用程序,现在我希望每个选项卡项都必须包含扩展器和用户控件,并且在运行时为扩展器和用户控件设置数据上下文 strong>,所以如果我在Style中定义tabitem的
我有一个问题。在我的 WPF 应用程序中,如果我用鼠标中键按下一个 tabItem,这个 tabItem 应该关闭。就像在 FireFox 中一样。但是我尝试使用 MVVM 来执行此操作,并且我需要使
您好,我正在使用 TabControl 制作 session 系统,私有(private)聊天将在新的 TabItem 中。我正在使用此代码来介绍一个新成员私下聊天: TabItem ti = new
所以我得到了一个带有一些 Tabitems 和一些按钮的 TabControl。 当我按下这些按钮时,会改变 TabStrip 的位置。 一切正常。我现在要做的是, 当我按下按钮 Right90 将标
是否可以在 TabControl 的 TabItem 中打开另一个 Window? 我想这样做的原因是,如果我的 TabControl 中有 5 个 TabItem,我正在编写所有这些 TabItem
我有一个TabControl 控件 在后面的代码中,我向 TabControl 动态添加了一些选项卡,如下所示: foreach (Village vill in Villages) {
如何向 wpf tabitem 添加一个上下文菜单,该菜单仅在我单击 tabitem 标题而不是内容时出现? 我还需要在 .cs 中动态创建 tabitems,因此在 .xaml 中静态执行此操作将不
我是一名优秀的程序员,十分优秀!