堆栈内存溢出
  繁体   English   中英

WPF功能区按钮文本不在行中显示

[英]WPF Ribbon Button text is not displaying in line

 原文  2016-01-24 13:32:54  3   2    c#/ wpf/ xaml

问题描述

以下是我的代码 

<RibbonWindow x:Class="WPFRibbonButonNameTest.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">
<DockPanel>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Ribbon x:Name="RibbonWin" SelectedIndex="0" Background="Transparent">
            <RibbonTab Header="Tab 1" Selector.IsSelected="True">
                <RibbonGroup x:Name="grpNewPurchasing" Header="">
                    <RibbonButton x:Name="btnNewHirePurchase" Label="My Test Buton" Width="200" LargeImageSource="Images/cart1.png" KeyTip="N"/>
                </RibbonGroup>
            </RibbonTab>
        </Ribbon>
    </Grid>
</DockPanel>

在功能区按钮上方，文本显示为两行。 我想在一行中显示文本。 如何正确执行？

请参阅所附图片。

屏幕截图 。

2 个解决方案

解决方案1
 2  2016-01-24 14:44:58

正如@Filip所说，您必须为此修改ControlTemplate 。 它是您必须在ControlTemplate的Triggers集合中修改的Triggers 。

将此添加到RibbonWindow的Resources集合中，或者将RibbonWindow添加到单独的ResourceDictionary更好。 

<Style TargetType="{x:Type RibbonButton}" BasedOn="{StaticResource {x:Type RibbonButton}}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="RibbonButton" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:s="clr-namespace:System;assembly=mscorlib" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
                <Border BorderThickness="{TemplateBinding Border.BorderThickness}" CornerRadius="{TemplateBinding RibbonControlService.CornerRadius}" BorderBrush="{TemplateBinding Border.BorderBrush}" Background="{TemplateBinding Panel.Background}" Name="OuterBorder" SnapsToDevicePixels="True">
                    <Border BorderThickness="{TemplateBinding Border.BorderThickness}" Padding="{TemplateBinding Control.Padding}" CornerRadius="{TemplateBinding RibbonControlService.CornerRadius}" BorderBrush="#00FFFFFF" Name="InnerBorder">
                        <StackPanel Name="StackPanel">
                            <Image Source="{TemplateBinding RibbonControlService.LargeImageSource}" Name="PART_Image" Width="32" Height="32" Margin="{DynamicResource {ComponentResourceKey TypeInTargetAssembly=Ribbon, ResourceId=LargeImageMargin}}" HorizontalAlignment="{TemplateBinding Control.HorizontalContentAlignment}" VerticalAlignment="Center" RenderOptions.BitmapScalingMode="NearestNeighbor" />
                            <Grid Name="Grid" HorizontalAlignment="Center" VerticalAlignment="Center">
                                <RibbonTwoLineText TextAlignment="Center" LineHeight="13" LineStackingStrategy="BlockLineHeight" Text="{TemplateBinding RibbonControlService.Label}" Name="TwoLineText" Margin="1,1,1,0" HorizontalAlignment="Center" VerticalAlignment="Top" />
                            </Grid>
                        </StackPanel>
                    </Border>
                </Border>
                <ControlTemplate.Triggers>
                    <DataTrigger Binding="{Binding Path=ControlSizeDefinition.ImageSize, RelativeSource={RelativeSource Mode=Self}}" Value="Large">
                        <Setter Property="FrameworkElement.MinWidth" Value="44" />
                        <Setter Property="FrameworkElement.Height" Value="66" />
                        <Setter Property="FrameworkElement.MinHeight" TargetName="Grid" Value="26" />
                    </DataTrigger>
                    <DataTrigger Binding="{Binding Path=ControlSizeDefinition.ImageSize, RelativeSource={RelativeSource Mode=Self}}" Value="Small">
                        <Setter Property="FrameworkElement.Height" Value="22" />
                        <Setter Property="FrameworkElement.Margin" TargetName="PART_Image" Value="1,0,1,0" />
                        <Setter Property="Image.Source" TargetName="PART_Image" Value="{Binding SmallImageSource, RelativeSource={RelativeSource Mode=TemplatedParent}}" />
                        <Setter Property="FrameworkElement.Width" TargetName="PART_Image" Value="16" />
                        <Setter Property="FrameworkElement.Height" TargetName="PART_Image" Value="16" />
                        <Setter Property="FrameworkElement.HorizontalAlignment" TargetName="TwoLineText" Value="Left" />
                        <Setter Property="FrameworkElement.Margin" TargetName="TwoLineText" Value="1,1,1,1" />
                        <Setter Property="StackPanel.Orientation" TargetName="StackPanel" Value="Horizontal" />
                    </DataTrigger>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding Path=ControlSizeDefinition.ImageSize, RelativeSource={RelativeSource Mode=Self}}" Value="Small" />
                            <Condition Binding="{Binding Path=IsInQuickAccessToolBar, RelativeSource={RelativeSource Mode=Self}}" Value="True" />
                        </MultiDataTrigger.Conditions>
                        <Setter Property="FrameworkElement.Height" Value="NaN" />
                    </MultiDataTrigger>
                    <DataTrigger Binding="{Binding Path=ControlSizeDefinition.IsLabelVisible, RelativeSource={RelativeSource Mode=Self}}" Value="False">
                        <Setter Property="UIElement.Visibility" TargetName="TwoLineText" Value="Collapsed" />
                    </DataTrigger>
                    <DataTrigger Binding="{Binding Path=ControlSizeDefinition.ImageSize, RelativeSource={RelativeSource Mode=Self}}" Value="Collapsed">
                        <Setter Property="UIElement.Visibility" TargetName="PART_Image" Value="Collapsed" />
                    </DataTrigger>
                    <Trigger Property="UIElement.IsMouseOver" Value="True">
                        <Setter Property="Panel.Background" TargetName="OuterBorder" Value="{Binding MouseOverBackground, RelativeSource={RelativeSource Mode=TemplatedParent}}" />
                        <Setter Property="Border.BorderBrush" TargetName="OuterBorder" Value="{Binding MouseOverBorderBrush, RelativeSource={RelativeSource Mode=TemplatedParent}}" />
                        <Setter Property="Border.BorderBrush" TargetName="InnerBorder" Value="#80FFFFFF" />
                    </Trigger>
                    <Trigger Property="UIElement.IsKeyboardFocused" Value="True">
                        <Setter Property="Panel.Background" TargetName="OuterBorder" Value="{Binding FocusedBackground, RelativeSource={RelativeSource Mode=TemplatedParent}}" />
                        <Setter Property="Border.BorderBrush" TargetName="OuterBorder" Value="{Binding FocusedBorderBrush, RelativeSource={RelativeSource Mode=TemplatedParent}}" />
                        <Setter Property="Border.BorderBrush" TargetName="InnerBorder" Value="#80FFFFFF" />
                    </Trigger>
                    <Trigger Property="ButtonBase.IsPressed" Value="True">
                        <Setter Property="Panel.Background" TargetName="OuterBorder" Value="{Binding PressedBackground, RelativeSource={RelativeSource Mode=TemplatedParent}}" />
                        <Setter Property="Border.BorderBrush" TargetName="OuterBorder" Value="{Binding PressedBorderBrush, RelativeSource={RelativeSource Mode=TemplatedParent}}" />
                        <Setter Property="Border.BorderBrush" TargetName="InnerBorder" Value="#00FFFFFF" />
                    </Trigger>
                    <Trigger Property="RibbonControlService.IsInControlGroup" Value="True">
                        <Setter Property="Border.BorderBrush" TargetName="OuterBorder" Value="{Binding Ribbon.BorderBrush, RelativeSource={RelativeSource Mode=TemplatedParent}}" />
                        <Setter Property="Border.BorderThickness" TargetName="OuterBorder" Value="0,0,1,0" />
                        <Setter Property="Border.CornerRadius" TargetName="OuterBorder" Value="0,0,0,0" />
                        <Setter Property="Border.CornerRadius" TargetName="InnerBorder" Value="0,0,0,0" />
                    </Trigger>
                    <Trigger Property="UIElement.IsEnabled" Value="False">
                        <Setter Property="UIElement.Opacity" TargetName="PART_Image" Value="0.5" />
                        <Setter Property="TextElement.Foreground" TargetName="OuterBorder" Value="#FF9E9E9E" />
                    </Trigger>
                    <DataTrigger Binding="{Binding Path=(SystemParameters.HighContrast)}" Value="True">
                        <Setter Property="TextElement.Foreground" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.MenuTextBrushKey}}" />
                        <Setter Property="Panel.Background" TargetName="OuterBorder" Value="#00FFFFFF" />
                        <Setter Property="Border.BorderBrush" TargetName="OuterBorder" Value="#00FFFFFF" />
                        <Setter Property="Border.CornerRadius" TargetName="OuterBorder" Value="0,0,0,0" />
                    </DataTrigger>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding Path=IsMouseOver, RelativeSource={RelativeSource Mode=TemplatedParent}}" Value="True" />
                            <Condition Binding="{Binding Path=(SystemParameters.HighContrast)}" Value="True" />
                        </MultiDataTrigger.Conditions>
                        <Setter Property="Border.BorderBrush" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.ControlLightBrushKey}}" />
                    </MultiDataTrigger>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding Path=IsMouseOver, RelativeSource={RelativeSource Mode=TemplatedParent}}" Value="True" />
                            <Condition Binding="{Binding Path=IsEnabled, RelativeSource={RelativeSource Mode=Self}}" Value="False" />
                            <Condition Binding="{Binding Path=(SystemParameters.HighContrast)}" Value="True" />
                        </MultiDataTrigger.Conditions>
                        <Setter Property="Border.BorderBrush" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" />
                    </MultiDataTrigger>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding Path=IsDropDownOpen, RelativeSource={RelativeSource Mode=TemplatedParent}, FallbackValue=false}" Value="True" />
                            <Condition Binding="{Binding Path=IsEnabled, RelativeSource={RelativeSource Mode=Self}}" Value="False" />
                            <Condition Binding="{Binding Path=(SystemParameters.HighContrast)}" Value="True" />
                        </MultiDataTrigger.Conditions>
                        <Setter Property="Border.BorderBrush" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.ControlLightBrushKey}}" />
                    </MultiDataTrigger>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding Path=IsMouseOver, RelativeSource={RelativeSource Mode=Self}}" Value="True" />
                            <Condition Binding="{Binding Path=(SystemParameters.HighContrast)}" Value="True" />
                        </MultiDataTrigger.Conditions>
                        <Setter Property="Panel.Background" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}" />
                        <Setter Property="Border.BorderBrush" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.ControlLightBrushKey}}" />
                        <Setter Property="Border.CornerRadius" TargetName="OuterBorder" Value="0,0,0,0" />
                        <Setter Property="Border.BorderBrush" TargetName="InnerBorder" Value="#00FFFFFF" />
                        <Setter Property="TextElement.Foreground" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}" />
                    </MultiDataTrigger>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding Path=IsKeyboardFocused, RelativeSource={RelativeSource Mode=Self}}" Value="True" />
                            <Condition Binding="{Binding Path=(SystemParameters.HighContrast)}" Value="True" />
                        </MultiDataTrigger.Conditions>
                        <Setter Property="Panel.Background" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}" />
                        <Setter Property="Border.BorderBrush" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.ControlLightBrushKey}}" />
                        <Setter Property="Border.CornerRadius" TargetName="OuterBorder" Value="0,0,0,0" />
                        <Setter Property="Border.BorderBrush" TargetName="InnerBorder" Value="#00FFFFFF" />
                        <Setter Property="TextElement.Foreground" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}" />
                    </MultiDataTrigger>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding Path=IsPressed, RelativeSource={RelativeSource Mode=Self}}" Value="True" />
                            <Condition Binding="{Binding Path=(SystemParameters.HighContrast)}" Value="True" />
                        </MultiDataTrigger.Conditions>
                        <Setter Property="Panel.Background" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}" />
                        <Setter Property="Border.BorderBrush" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.ControlDarkBrushKey}}" />
                        <Setter Property="Border.CornerRadius" TargetName="OuterBorder" Value="0,0,0,0" />
                        <Setter Property="TextElement.Foreground" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}" />
                    </MultiDataTrigger>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding Path=IsInControlGroup, RelativeSource={RelativeSource Mode=Self}}" Value="True" />
                            <Condition Binding="{Binding Path=(SystemParameters.HighContrast)}" Value="True" />
                        </MultiDataTrigger.Conditions>
                        <Setter Property="Border.BorderBrush" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.ControlLightLightBrushKey}}" />
                    </MultiDataTrigger>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding Path=IsEnabled, RelativeSource={RelativeSource Mode=Self}}" Value="False" />
                            <Condition Binding="{Binding Path=(SystemParameters.HighContrast)}" Value="True" />
                        </MultiDataTrigger.Conditions>
                        <Setter Property="TextElement.Foreground" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" />
                    </MultiDataTrigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

有一个Trigger设置了RibbonTwoLineText.HasTwoLines附加属性，而上面的代码我们将其删除了。 就是这个部分： 

<DataTrigger Binding="{Binding Path=ControlSizeDefinition.ImageSize, RelativeSource={RelativeSource Mode=Self}}" Value="Large">
    <Setter Property="FrameworkElement.MinWidth" Value="44" />
    <Setter Property="FrameworkElement.Height" Value="66" />
    <Setter Property="FrameworkElement.MinHeight" TargetName="Grid" Value="26" />
    <Setter Property="RibbonTwoLineText.HasTwoLines" TargetName="TwoLineText" Value="True" />
</DataTrigger>

在那里， <Setter Property="RibbonTwoLineText.HasTwoLines" TargetName="TwoLineText" Value="True" />行是罪魁祸首。

最终结果：

最终结果

注意：我使用的是其他图标。 :)

解决方案2
 0  2016-01-24 14:31:58

您需要为此按钮修改模板。 在设计器中单击鼠标右键，然后选择

编辑模板->编辑副本。

增大整个按钮的宽度或修改字体大小。 另一个选择是将TextWrapping设置为None ，但是您最终可能会裁剪文本。

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 功能区选项卡上的通用按钮WPF WPF功能区上的右对齐（帮助）按钮 WPF 功能区应用程序菜单按钮颜色 WPF功能区控件中的文本剪切 显示可点击的文本WPF 文本不在WPF ComboBox中显示 更改Word加载项功能区按钮工具提示文本 如何从 WPF 功能区按钮触发 ViewModel 中的方法 如何在WPF功能区中隐藏除“应用程序菜单”按钮以外的所有内容？ 带功能区的wpf富文本框的Alt +数字（ASCII代码）输入
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM