2014-09-02 43 views
1

我想問作爲Coxy同樣的問題:我想顯示上RibbonButton的圖像的頂部未讀項目的數量。添加未讀通知WPF微軟ribbonbutton圖像

例子:

Like this

我可以不用修改整個模板的副本?我再次提出相同問題的原因是,我使用的是Microsoft Ribbon控件和從Coxy問題給出的解決方案,只能應用於Telerik的Ribbon控件。

+0

你看過使用Adorner嗎? http://djfr.wordpress.com/2012/03/30/creating-a-notification-button-in-wpf/ – Ben 2014-09-02 13:18:42

+0

*我想問一個與Coxy相同的問題* ...爲什麼?我們不喜歡這個網站上的重複問題......是什麼讓這一個不同以至於不能被重複關閉?我看不出有什麼理由不能從其他問題的答案中得到答案。 – Sheridan 2014-09-02 15:13:04

+0

Coxy使用telerik的功能區,並且不能將相同的解決方案應用於Microsoft功能區。謝里登下一次嘗試要有禮貌。 – 2014-09-02 20:23:25

回答

0

馬丁安德森是正確的:它是目前無法創建XAML功能區按鈕在文檔大綱窗口中,選擇編輯模板,右鍵單擊它,創造它的一個副本。 VS會顯示以下錯誤消息,並且不產生模板:

Visual Studio error occurring when creating a copy of the ribbon button control template

如果你在Blend同樣的事情,發生同樣的錯誤消息,但實際上將生成的功能區按鈕控件模板。不幸的是,這個模板是錯誤的。它包含幾個綁定綁定到(0)的觸發器。這是一個這樣的錯誤觸發的例子。

<DataTrigger Binding="{Binding (0)}" Value="True"> 
    <Setter Property="TextElement.Foreground" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.MenuTextBrushKey}}"/> 
    <Setter Property="Background" TargetName="OuterBorder" Value="Transparent"/> 
    <Setter Property="BorderBrush" TargetName="OuterBorder" Value="Transparent"/> 
    <Setter Property="CornerRadius" TargetName="OuterBorder" Value="0"/> 
</DataTrigger> 

這個問題也被報告給微軟:https://connect.microsoft.com/VisualStudio/feedback/details/794891/problems-styling-wpf-4-5-ribbon-control 他們提供的默認控件模板作爲附件發送到這個問題,但不幸的是,我不能下載。生成的文件總是空的(零千字節)。你能有人下載它嗎?

建議的解決方案

我目前的建議是從ContentControl派生並處理所有的通知氣泡另一個自定義控制內封裝的按鈕。然後您可以將該按鈕設置爲此新控件的內容。我目前正在研究一個例子 - 當我找到有用的東西時我會更新這篇文章。

錯誤控制模板

這裏是RibbonButton完全錯誤的控件模板:

<ControlTemplate x:Key="RibbonButtonWithNotificationStyle" TargetType="{x:Type RibbonButton}"> 
    <Border x:Name="OuterBorder" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="{TemplateBinding CornerRadius}" SnapsToDevicePixels="True"> 
     <Border x:Name="InnerBorder" BorderBrush="Transparent" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="{TemplateBinding CornerRadius}" Padding="{TemplateBinding Padding}"> 
      <StackPanel x:Name="StackPanel"> 
       <Image x:Name="PART_Image" RenderOptions.BitmapScalingMode="NearestNeighbor" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Height="32" Margin="{DynamicResource {ComponentResourceKey ResourceId=LargeImageMargin, TypeInTargetAssembly={x:Type Ribbon}}}" Source="{TemplateBinding LargeImageSource}" VerticalAlignment="Center" Width="32"/> 
       <Grid x:Name="Grid" HorizontalAlignment="Center" VerticalAlignment="Center"> 
        <RibbonTwoLineText x:Name="TwoLineText" HorizontalAlignment="Center" LineStackingStrategy="BlockLineHeight" LineHeight="13" Margin="1,1,1,0" TextAlignment="Center" Text="{TemplateBinding Label}" VerticalAlignment="Top"/> 
       </Grid> 
      </StackPanel> 
     </Border> 
    </Border> 
    <ControlTemplate.Triggers> 
     <DataTrigger Binding="{Binding ControlSizeDefinition.ImageSize, RelativeSource={RelativeSource Self}}" Value="Large"> 
      <Setter Property="MinWidth" Value="44"/> 
      <Setter Property="Height" Value="66"/> 
      <Setter Property="MinHeight" TargetName="Grid" Value="26"/> 
      <Setter Property="RibbonTwoLineText.HasTwoLines" TargetName="TwoLineText" Value="True"/> 
     </DataTrigger> 
     <DataTrigger Binding="{Binding ControlSizeDefinition.ImageSize, RelativeSource={RelativeSource Self}}" Value="Small"> 
      <Setter Property="Height" Value="22"/> 
      <Setter Property="Margin" TargetName="PART_Image" Value="1,0"/> 
      <Setter Property="Source" TargetName="PART_Image" Value="{Binding SmallImageSource, RelativeSource={RelativeSource TemplatedParent}}"/> 
      <Setter Property="Width" TargetName="PART_Image" Value="16"/> 
      <Setter Property="Height" TargetName="PART_Image" Value="16"/> 
      <Setter Property="HorizontalAlignment" TargetName="TwoLineText" Value="Left"/> 
      <Setter Property="Margin" TargetName="TwoLineText" Value="1"/> 
      <Setter Property="Orientation" TargetName="StackPanel" Value="Horizontal"/> 
     </DataTrigger> 

     <MultiDataTrigger> 
      <MultiDataTrigger.Conditions> 
       <Condition Binding="{Binding ControlSizeDefinition.ImageSize, RelativeSource={RelativeSource Self}}" Value="Small"/> 
       <Condition Binding="{Binding IsInQuickAccessToolBar, RelativeSource={RelativeSource Self}}" Value="True"/> 
      </MultiDataTrigger.Conditions> 
      <Setter Property="Height" Value="Auto"/> 
     </MultiDataTrigger> 
     <DataTrigger Binding="{Binding ControlSizeDefinition.IsLabelVisible, RelativeSource={RelativeSource Self}}" Value="False"> 
      <Setter Property="Visibility" TargetName="TwoLineText" Value="Collapsed"/> 
     </DataTrigger> 
     <DataTrigger Binding="{Binding ControlSizeDefinition.ImageSize, RelativeSource={RelativeSource Self}}" Value="Collapsed"> 
      <Setter Property="Visibility" TargetName="PART_Image" Value="Collapsed"/> 
     </DataTrigger> 
     <Trigger Property="IsMouseOver" Value="True"> 
      <Setter Property="Background" TargetName="OuterBorder" Value="{Binding MouseOverBackground, RelativeSource={RelativeSource TemplatedParent}}"/> 
      <Setter Property="BorderBrush" TargetName="OuterBorder" Value="{Binding MouseOverBorderBrush, RelativeSource={RelativeSource TemplatedParent}}"/> 
      <Setter Property="BorderBrush" TargetName="InnerBorder" Value="#80FFFFFF"/> 
     </Trigger> 
     <Trigger Property="IsKeyboardFocused" Value="True"> 
      <Setter Property="Background" TargetName="OuterBorder" Value="{Binding FocusedBackground, RelativeSource={RelativeSource TemplatedParent}}"/> 
      <Setter Property="BorderBrush" TargetName="OuterBorder" Value="{Binding FocusedBorderBrush, RelativeSource={RelativeSource TemplatedParent}}"/> 
      <Setter Property="BorderBrush" TargetName="InnerBorder" Value="#80FFFFFF"/> 
     </Trigger> 
     <Trigger Property="IsPressed" Value="True"> 
      <Setter Property="Background" TargetName="OuterBorder" Value="{Binding PressedBackground, RelativeSource={RelativeSource TemplatedParent}}"/> 
      <Setter Property="BorderBrush" TargetName="OuterBorder" Value="{Binding PressedBorderBrush, RelativeSource={RelativeSource TemplatedParent}}"/> 
      <Setter Property="BorderBrush" TargetName="InnerBorder" Value="Transparent"/> 
     </Trigger> 
     <Trigger Property="IsInControlGroup" Value="True"> 
      <Setter Property="BorderBrush" TargetName="OuterBorder" Value="{Binding Ribbon.BorderBrush, RelativeSource={RelativeSource TemplatedParent}}"/> 
      <Setter Property="BorderThickness" TargetName="OuterBorder" Value="0,0,1,0"/> 
      <Setter Property="CornerRadius" TargetName="OuterBorder" Value="0"/> 
      <Setter Property="CornerRadius" TargetName="InnerBorder" Value="0"/> 
     </Trigger> 
     <Trigger Property="IsEnabled" Value="False"> 
      <Setter Property="Opacity" TargetName="PART_Image" Value="0.5"/> 
      <Setter Property="TextElement.Foreground" TargetName="OuterBorder" Value="#FF9E9E9E"/> 
     </Trigger> 
     <DataTrigger Binding="{Binding (0)}" Value="True"> 
      <Setter Property="TextElement.Foreground" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.MenuTextBrushKey}}"/> 
      <Setter Property="Background" TargetName="OuterBorder" Value="Transparent"/> 
      <Setter Property="BorderBrush" TargetName="OuterBorder" Value="Transparent"/> 
      <Setter Property="CornerRadius" TargetName="OuterBorder" Value="0"/> 
     </DataTrigger> 
     <MultiDataTrigger> 
      <MultiDataTrigger.Conditions> 
       <Condition Binding="{Binding IsMouseOver, RelativeSource={RelativeSource TemplatedParent}}" Value="True"/> 
       <Condition Binding="{Binding (0)}" Value="True"/> 
      </MultiDataTrigger.Conditions> 
      <Setter Property="BorderBrush" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.ControlLightBrushKey}}"/> 
     </MultiDataTrigger> 
     <MultiDataTrigger> 
      <MultiDataTrigger.Conditions> 
       <Condition Binding="{Binding IsMouseOver, RelativeSource={RelativeSource TemplatedParent}}" Value="True"/> 
       <Condition Binding="{Binding IsEnabled, RelativeSource={RelativeSource Self}}" Value="False"/> 
       <Condition Binding="{Binding (0)}" Value="True"/> 
      </MultiDataTrigger.Conditions> 
      <Setter Property="BorderBrush" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/> 
     </MultiDataTrigger> 
     <MultiDataTrigger> 
      <MultiDataTrigger.Conditions> 
       <Condition Binding="{Binding IsDropDownOpen, FallbackValue=false, RelativeSource={RelativeSource TemplatedParent}}" Value="True"/> 
       <Condition Binding="{Binding IsEnabled, RelativeSource={RelativeSource Self}}" Value="False"/> 
       <Condition Binding="{Binding (0)}" Value="True"/> 
      </MultiDataTrigger.Conditions> 
      <Setter Property="BorderBrush" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.ControlLightBrushKey}}"/> 
     </MultiDataTrigger> 
     <MultiDataTrigger> 
      <MultiDataTrigger.Conditions> 
       <Condition Binding="{Binding IsMouseOver, RelativeSource={RelativeSource Self}}" Value="True"/> 
       <Condition Binding="{Binding (0)}" Value="True"/> 
      </MultiDataTrigger.Conditions> 
      <Setter Property="Background" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/> 
      <Setter Property="BorderBrush" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.ControlLightBrushKey}}"/> 
      <Setter Property="CornerRadius" TargetName="OuterBorder" Value="0"/> 
      <Setter Property="BorderBrush" TargetName="InnerBorder" Value="Transparent"/> 
      <Setter Property="TextElement.Foreground" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}"/> 
     </MultiDataTrigger> 
     <MultiDataTrigger> 
      <MultiDataTrigger.Conditions> 
       <Condition Binding="{Binding IsKeyboardFocused, RelativeSource={RelativeSource Self}}" Value="True"/> 
       <Condition Binding="{Binding (0)}" Value="True"/> 
      </MultiDataTrigger.Conditions> 
      <Setter Property="Background" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/> 
      <Setter Property="BorderBrush" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.ControlLightBrushKey}}"/> 
      <Setter Property="CornerRadius" TargetName="OuterBorder" Value="0"/> 
      <Setter Property="BorderBrush" TargetName="InnerBorder" Value="Transparent"/> 
      <Setter Property="TextElement.Foreground" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}"/> 
     </MultiDataTrigger> 
     <MultiDataTrigger> 
      <MultiDataTrigger.Conditions> 
       <Condition Binding="{Binding IsPressed, RelativeSource={RelativeSource Self}}" Value="True"/> 
       <Condition Binding="{Binding (0)}" Value="True"/> 
      </MultiDataTrigger.Conditions> 
      <Setter Property="Background" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/> 
      <Setter Property="BorderBrush" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.ControlDarkBrushKey}}"/> 
      <Setter Property="CornerRadius" TargetName="OuterBorder" Value="0"/> 
      <Setter Property="TextElement.Foreground" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}"/> 
     </MultiDataTrigger> 
     <MultiDataTrigger> 
      <MultiDataTrigger.Conditions> 
       <Condition Binding="{Binding IsInControlGroup, RelativeSource={RelativeSource Self}}" Value="True"/> 
       <Condition Binding="{Binding (0)}" Value="True"/> 
      </MultiDataTrigger.Conditions> 
      <Setter Property="BorderBrush" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.ControlLightLightBrushKey}}"/> 
     </MultiDataTrigger> 
     <MultiDataTrigger> 
      <MultiDataTrigger.Conditions> 
       <Condition Binding="{Binding IsEnabled, RelativeSource={RelativeSource Self}}" Value="False"/> 
       <Condition Binding="{Binding (0)}" Value="True"/> 
      </MultiDataTrigger.Conditions> 
      <Setter Property="TextElement.Foreground" TargetName="OuterBorder" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/> 
     </MultiDataTrigger> 
    </ControlTemplate.Triggers> 
</ControlTemplate> 
+0

是否有可能找出壞綁定應該綁定的屬性?也就是說,代碼中是否有足夠的線索給你提示它們應該綁定什麼? – 2014-09-03 16:40:03

+0

我不能,但我沒有仔細看。我用錯誤的模板更新了帖子。 – feO2x 2014-09-03 16:59:24

+0

有沒有真正的方法知道,但我有一個直覺,所有{綁定(0)}條件都在同一個屬性。好像其他所有財產都很好。它可能是控件的一些屬性,用於指示下拉菜單是否可見或是否在控件中。儘管如此,我對班級知之甚少,不知道該物業可能是什麼。 – 2014-09-03 17:07:34

1

我在回答中加入這一點,因爲它太長,加入了註釋。

我去了微軟下載站點&從here下載了Ribbon控件的源代碼。帶有所有觸發器的完整模板就在那裏。由於它的版權,我不會在這裏粘貼任何內容,但任何人都可以下載並安裝它。我認爲。

安裝程序會在源代碼C:\ Program Files(x86)\ MicrosoftRibbonForWPF文件夾中安裝zip文件。我將zip文件解壓縮到VS項目文件夾中。

我正在看的模板位於v4.0 \ Themes \ Generic.xaml文件中。

那些不好的觸發器確實引用了相同的屬性。這是SystemParameters2.Current靜態對象的HighContrast屬性。

你甚至可以爲你的應用程序組合一個甚至不使用這些觸發器的自定義模板。至少,這是我會做的。