如何解决WPF启动器按钮位于工具栏选项卡旁边,但不在内部
我不知道如何让按钮Razveljavi
停留在Osnovno
和Vstavi
旁边。我不希望它出现在工具栏中,而是在右边,因此无论您在哪个选项卡上,它始终显示。
有一幅我所拥有的以及我想要的样子的照片。如果有人可以帮助我,那就太好了。我肯定这只是一个小问题,但我只是从WPF开始。
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="200"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="22"/>
<RowDefinition Height="55"/>
<RowDefinition Height="*"/>
<RowDefinition Height="25"/>
</Grid.RowDefinitions>
<Menu Grid.Row="0" Grid.ColumnSpan="2">
<MenuItem Header="Datoteka">
<MenuItem Header="Odpri"/>
<MenuItem Header="Shrani"/>
<MenuItem Header="Izhod" Click="izhod"/>
</MenuItem>
<MenuItem Header="Uredi">
</MenuItem>
<MenuItem Header="Orodja">
</MenuItem>
</Menu>
<TabControl Grid.Row="1" Grid.ColumnSpan="2">
<TabItem Header="Osnovno">
<ToolBarTray>
<ToolBar>
<Button Content="Pisava"/>
<Button Content="Barva" Click="spreminjanjeBarve"/>
</ToolBar>
<ToolBar>
<Button Content="Kopiraj" Click="kopiraj">
</Button>
<Button Content="Izreži"/>
<Button Content="Prilepi" Click="prilepi"/>
</ToolBar>
<ToolBar>
<Button Content="Razveljavi"/>
<Button Content="Ponovi"/>
</ToolBar>
</ToolBarTray>
</TabItem>
<TabItem Header="Vstavi"/>
</TabControl>
<RichTextBox Name="box" Grid.Row="2" Background="LightBlue" GotFocus="RichTextBox_GotFocus" LostFocus="RichTextBox_LostFocus">
<FlowDocument>
<Paragraph Name="tekst">
Vpiši tekst
<Bold>tukaj</Bold> .
</Paragraph>
</FlowDocument>
</RichTextBox>
<StatusBar Grid.Row="3">
<TextBlock Name="status"/>
</StatusBar>
</Grid>
解决方法
这并不像看起来那么容易。您本质上想要做的就是将控件和功能添加到现有控件中。为了将按钮添加到选项卡条中,您必须创建一个自定义控件模板,因为它定义了控件的外观和视觉状态。要向这些按钮添加功能,您要么必须创建自定义的附加属性,要么创建一个自定义控件。
我个人认为,更简洁的方法是为此方案创建自定义控件。为了使其灵活,我们在标签栏中创建了一个区域,用于存储任何其他内容,甚至允许为其定义数据模板。
首先,创建一个派生自TabControl
的类,并为要显示的内容添加依赖性属性,并为任意内容添加可选的数据模板。
public class MyTabControl : TabControl
{
static MyTabControl()
{
DefaultStyleKeyProperty.OverrideMetadata(typeof(MyTabControl),new
FrameworkPropertyMetadata(typeof(MyTabControl)));
}
public static readonly DependencyProperty AdditionalTabStripContentTemplateProperty = DependencyProperty.Register(
nameof(AdditionalTabStripContentTemplate),typeof(DataTemplate),typeof(MyTabControl),new PropertyMetadata(null));
public static readonly DependencyProperty AdditionalTabStripContentProperty = DependencyProperty.Register(
nameof(AdditionalTabStripContent),typeof(object),new PropertyMetadata(null));
public DataTemplate AdditionalTabStripContentTemplate
{
get => (DataTemplate)GetValue(AdditionalTabStripContentTemplateProperty);
set => SetValue(AdditionalTabStripContentTemplateProperty,value);
}
public object AdditionalTabStripContent
{
get => GetValue(AdditionalTabStripContentProperty);
set => SetValue(AdditionalTabStripContentProperty,value);
}
}
通过复制并改编TabControl
的默认样式(可以为extracted using Blend or Visual Studio),为带有附加标签栏内容的新标签控件创建样式。
<SolidColorBrush x:Key="TabItem.Selected.Background" Color="#FFFFFF"/>
<SolidColorBrush x:Key="TabItem.Selected.Border" Color="#ACACAC"/>
<Style x:Key="MyTabControlStyle" TargetType="{x:Type local:MyTabControl}">
<Setter Property="Padding" Value="2"/>
<Setter Property="HorizontalContentAlignment" Value="Center"/>
<Setter Property="VerticalContentAlignment" Value="Center"/>
<Setter Property="Background" Value="{StaticResource TabItem.Selected.Background}"/>
<Setter Property="BorderBrush" Value="{StaticResource TabItem.Selected.Border}"/>
<Setter Property="BorderThickness" Value="1"/>
<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type local:MyTabControl}">
<Grid x:Name="templateRoot" ClipToBounds="true" SnapsToDevicePixels="true" KeyboardNavigation.TabNavigation="Local">
<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>
<StackPanel Orientation="Horizontal">
<TabPanel x:Name="headerPanel" Background="Transparent" IsItemsHost="true" Margin="2,2,0" Grid.Row="0" KeyboardNavigation.TabIndex="1" Panel.ZIndex="1"/>
<ContentControl Content="{TemplateBinding AdditionalTabStripContent}" ContentTemplate="{TemplateBinding AdditionalTabStripContentTemplate}" Height="{Binding Height,ElementName=headerPanel}" Margin="0,0"/>
</StackPanel>
<Border x:Name="contentPanel" Background="{TemplateBinding Background}" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" Grid.Column="0" KeyboardNavigation.DirectionalNavigation="Contained" Grid.Row="1" KeyboardNavigation.TabNavigation="Local" KeyboardNavigation.TabIndex="2">
<ContentPresenter x:Name="PART_SelectedContentHost" ContentSource="SelectedContent" Margin="{TemplateBinding Padding}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
</Border>
</Grid>
<ControlTemplate.Triggers>
<Trigger Property="TabStripPlacement" Value="Bottom">
<Setter Property="Grid.Row" TargetName="headerPanel" Value="1"/>
<Setter Property="Grid.Row" TargetName="contentPanel" Value="0"/>
<Setter Property="Height" TargetName="RowDefinition0" Value="*"/>
<Setter Property="Height" TargetName="RowDefinition1" Value="Auto"/>
<Setter Property="Margin" TargetName="headerPanel" Value="2,2"/>
</Trigger>
<Trigger Property="TabStripPlacement" Value="Left">
<Setter Property="Grid.Row" TargetName="headerPanel" Value="0"/>
<Setter Property="Grid.Row" TargetName="contentPanel" Value="0"/>
<Setter Property="Grid.Column" TargetName="headerPanel" Value="0"/>
<Setter Property="Grid.Column" TargetName="contentPanel" Value="1"/>
<Setter Property="Width" TargetName="ColumnDefinition0" Value="Auto"/>
<Setter Property="Width" TargetName="ColumnDefinition1" Value="*"/>
<Setter Property="Height" TargetName="RowDefinition0" Value="*"/>
<Setter Property="Height" TargetName="RowDefinition1" Value="0"/>
<Setter Property="Margin" TargetName="headerPanel" Value="2,2"/>
</Trigger>
<Trigger Property="TabStripPlacement" Value="Right">
<Setter Property="Grid.Row" TargetName="headerPanel" Value="0"/>
<Setter Property="Grid.Row" TargetName="contentPanel" Value="0"/>
<Setter Property="Grid.Column" TargetName="headerPanel" Value="1"/>
<Setter Property="Grid.Column" TargetName="contentPanel" Value="0"/>
<Setter Property="Width" TargetName="ColumnDefinition0" Value="*"/>
<Setter Property="Width" TargetName="ColumnDefinition1" Value="Auto"/>
<Setter Property="Height" TargetName="RowDefinition0" Value="*"/>
<Setter Property="Height" TargetName="RowDefinition1" Value="0"/>
<Setter Property="Margin" TargetName="headerPanel" Value="0,2"/>
</Trigger>
<Trigger Property="IsEnabled" Value="false">
<Setter Property="TextElement.Foreground" TargetName="templateRoot" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
此样式与默认样式几乎相同。区别在于以下几行。我们使用StackPanel
在标签标题面板的右侧添加一个ContentControl
,并将其内容和模板绑定到自定义控件的属性。我们还将内容控件的Height
绑定到标签页眉面板,因此看起来很干净。
<StackPanel Orientation="Horizontal">
<TabPanel x:Name="headerPanel" Background="Transparent" IsItemsHost="true" Margin="2,0" Grid.Row="0" KeyboardNavigation.TabIndex="1" Panel.ZIndex="1"/>
<ContentControl Content="{TemplateBinding AdditionalTabStripContent}" ContentTemplate="{TemplateBinding AdditionalTabStripContentTemplate}" Height="{Binding Height,0"/>
</StackPanel>
要结束样式,请创建隐式样式,以便将其自动应用于范围中的所有MyTabControl
。
<Style TargetType="{x:Type local:MyTabControl}" BasedOn="{StaticResource MyTabControlStyle}"/>
现在用此替换XAML中的TabControl
,并添加标签栏内容,例如:
<local:MyTabControl Grid.Row="1" Grid.ColumnSpan="2">
<local:MyTabControl.AdditionalTabStripContent>
<StackPanel Orientation="Horizontal">
<Button Content="Razveljavi"/>
<Button Content="Ponovi"/>
</StackPanel>
</local:MyTabControl.AdditionalTabStripContent>
<!-- ...your other tab items. -->
</local:MyTabControl>
这很酷的事情是您可以在此处和even data template it添加任何内容。结果:
此模板的唯一缺点是选项卡页眉无法折叠成多行。如果您将上方的StackPanel
替换为DockPanel
,则会得到响应速度更快的版本,但是它将使右边框上的按钮永久对齐。
<DockPanel LastChildFill="True">
<ContentControl DockPanel.Dock="Right" Content="{TemplateBinding AdditionalTabStripContent}" ContentTemplate="{TemplateBinding AdditionalTabStripContentTemplate}" Height="{Binding Height,0"/>
<TabPanel DockPanel.Dock="Left" x:Name="headerPanel" Background="Transparent" IsItemsHost="true" Margin="2,0" Grid.Row="0" KeyboardNavigation.TabIndex="1" Panel.ZIndex="1"/>
</DockPanel>
正常大小的窗口和迫使标签页眉折叠的小窗口的结果:
,我会创建一个带有标题的空假TabItem,其中除了Button之外什么都不包含:
<TabControl>
<TabItem Header="1 2 3 4 5 6">
<Border Background="Aqua"/>
</TabItem>
<TabItem Header="A B C D E F">
<Border Background="Bisque"/>
</TabItem>
<TabItem>
<TabItem.Template>
<ControlTemplate TargetType="TabItem">
<ContentPresenter Content="{TemplateBinding Header}"/>
</ControlTemplate>
</TabItem.Template>
<TabItem.Header>
<StackPanel Orientation="Horizontal" Margin="5,0">
<Button Content="C L I C K" Margin="2" Padding="10,3" />
<Button Content="H E L L O" Margin="2" Padding="10,3"/>
</StackPanel>
</TabItem.Header>
<Border Background="Chartreuse"/>
</TabItem>
</TabControl>
按钮会拦截鼠标单击,并且不会触发选项卡选择。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。