WPF 为ContextMenu利用Fluent风格的亚克力材质殊效

书接上回，我们的Fluent WPF的版图已经完成了：

• Fluent Window: WPF 模仿UWP原生窗口样式——亚克力|云母材质、自界说标题栏样式、原生DWM动画 （附我封装好的类）
  
• Fluent Popup & ToolTip: WPF中为Popup和ToolTip利用WindowMaterial殊效 win10/win11
  
• Fluent ScrollViewer: WPF 利用CompositionTarget.Rendering实现平滑流畅滚动的ScrollViewer，支持滚轮、触控板、触摸屏和笔
  

先来看看效果图(win11)：
有以下xaml代码：

1. <TextBlock.ContextMenu>
3.   
4.   <ContextMenu>
6.   
7.   
8.   
9.   <MenuItem Header="Menu Item 1" Icon="Cd" InputGestureText="aa?" />
11.   
12.   
13.   
14.   <MenuItem Header="Menu Item 2" >
16.   
17.   
18.   
19.   
20.   
21.   <MenuItem Header="Child Item 1" Icon="Ab" />
23.   
24.   
25.   
26.   
27.   
28.   <MenuItem Header="Child Item 2" Icon="Ad" />
30.   
31.   
32.   
33.   
34.   
35.   <MenuItem Header="Child Item 3" IsCheckable="True" IsChecked="True"/>
37.   
38.   
39.   
40.   </MenuItem>
42.   
43.   
44.   
45.   <MenuItem Header="Menu Item 3" Icon="cd" />
47.   
48.   </ContextMenu>
49. </TextBlock.ContextMenu>

复制代码

(由于我的win10捏造机坏了，临时没有测试)
前面的工作已经办理了让恣意窗口支持Acrylic材质的题目，本文重点先容ContentMenu和MenuItem的样式适配和实现。
本文的Demo：
TwilightLemon/WindowEffectTest: 测试win10/11的含糊效果 (github.com)
一、为什么必要一个新的ContextMenu和MenuItem模板

如果你直接给ContextMenu应用WindowMaterial殊效，大概会出现以下貌寝的效果：

大概：

缘故因由在于古老的ContextMenu和MenuItem模板和样式并不能通过简朴修改Background实现我们想要的结构和交互效果。
二、ContextMenu与MenuItem的结构

1. ContextMenu 的结构

ContextMenu直观上看是一个Popup，但它的控件模板并不包罗Popup，而是直接指定内部元素（包罗一个ScrollViewer和StackPanel）。因此不能从控件模板中更换Popup为自界说的FluentPopup，必要利用其他本领让其内部Popup也支持Acrylic材质（见下文）。
2. MenuItem 的四种形态

在示例代码堆栈中展示了较为完备的Menu干系的结构：

MenuItem根据其在菜单树中的位置，通过Role属性分为四种形态。我们在Style.Triggers中分别为它们指定了差异的模板：

• TopLevelHeader: 顶级菜单项，且包罗子菜单Popup（比方菜单栏上的”File”）。
  
• TopLevelItem: 顶级菜单项，不含子菜单（比方菜单栏上的”Help”）。
  
• SubmenuHeader: 子菜单项，且包罗下一级子菜单Popup。
  
• SubmenuItem: 子菜单项，不含子菜单（叶子节点）。其模板重要处理惩罚图标、笔墨、快捷键的结构。
  

三、重写Menu干系控件模板和样式

1. ContextMenu 样式

ContextMenu的样式重要参考了.NET 9自带的Fluent样式，并作了一些调解以适配Acrylic材质。重要目的是覆盖原始模板的Icon部门白框和分割线：

由于我们的WindowMaterial已经为窗口主动附加上圆角、阴影和亚克力材质的DWM效果，以是我们只必要将ContextMenu的配景设置为透明，并移除不须要的边框和分割线即可。
别的，还添加了弹出动画（是在Popup内部做的，并非对window，效果大概不会很理想）。
2. MenuItem 样式

MenuItem的样式重要处理惩罚了图标、笔墨、快捷键的结构，并根据差异的脚色（TopLevelHeader、TopLevelItem、SubmenuHeader、SubmenuItem）应用差异的模板。

• TopLevelHeader: 只包罗Icon和Header，以及弹出的Popup，只必要更换为自界说的FluentPopup即可。
  
• TopLevelItem: 只包罗Icon和Header，无Popup。
  
• SubmenuHeader: 包罗Icon、Header和Chevron图标(这里就是一个睁开的箭头图标，但是官方叫做雪佛龙..?)，以及弹出的Popup，同样更换为FluentPopup。
  
• SubmenuItem: 叶子节点，包罗Icon、Header和InputGestureText。 其模板重要处理惩罚图标、笔墨、快捷键的结构。
  

菜单项重要分为三个部门：Icon图标、Header笔墨和最右侧的提示笔墨或睁开箭头图标。只必要保持三个部门的结构对其即可。如果IsCheckable为True，则Icon部门被自界说图标占据(√, 当IsChecked为True时)。

以下是完备的资源字典，包罗了完备的表明。

2. 1 <ResourceDictionary
4. 2
5.   
6.   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
8. 3
9.   
10.   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
12. 4
13.   
14.   xmlns:local="clr-namespace:WindowEffectTest"
16. 5
17.   
18.   xmlns:sys="clr-namespace:System;assembly=mscorlib">
20. 6
22. 7
23.   
24.   
26. 8
27.   
28.   <Thickness x:Key="MenuBorderPadding">0,3,0,3</Thickness>
30. 9
31. 10
32.   
33.   
34. 11
35.   
36.   <Thickness x:Key="MenuItemMargin">4,1</Thickness>
37. 12
38. 13
39.   
40.   
41. 14
42.   
43.   <Thickness x:Key="MenuItemContentPadding">10,6</Thickness>
44. 15
45. 16
46.   
47.   
48. 17
49.   
50.   <Thickness x:Key="TopLevelItemMargin">4</Thickness>
51. 18
52. 19
53.   
54.   
55. 20
56.   
57.   <Thickness x:Key="TopLevelContentMargin">10</Thickness>
58. 21
59. 22
60.   
61.   
62. 23
63.   
64.   <CornerRadius x:Key="MenuCornerRadius">4</CornerRadius>
65. 24
66. 25
67.   
68.   
69. 26
70.   
71.   <CornerRadius x:Key="TopLevelCornerRadius">6</CornerRadius>
72. 27
73. 28
74.   
75.   
76. 29
77.   
78.   <Duration x:Key="MenuAnimationDuration">0:0:0.167</Duration>
79. 30
80. 31
81.   
82.   
83. 32
84.   
85.   <PathGeometry x:Key="CheckGraph">
86. 33
87.   
88.   
89.   
90.   M392.533333 806.4L85.333333 503.466667l59.733334-59.733334 247.466666 247.466667L866.133333 213.333333l59.733334 59.733334L392.533333 806.4z
91. 34
92.   
93.   </PathGeometry>
94. 35
95. 36
96.   
97.   
98. 37
99.   
100.   <PathGeometry x:Key="ForwardGraph">
101. 38
102.   
103.   
104.   
105.   M283.648 174.081l57.225-59.008 399.479 396.929-399.476 396.924-57.228-59.004 335.872-337.92z
106. 39
107.   
108.   </PathGeometry>
109. 40
110. 41
111.   
112.   
113. 42
114.   
115.   
116. 49
117. 50
118.   
119.   
120. 51
121.   
122.   
123. 66
124. 67
125.   
126.   
127. 68
128.   
129.   
130. 125
131. 126
132.   
133.   
134. 127
135.   
136.   <ControlTemplate x:Key="{x:Static MenuItem.TopLevelHeaderTemplateKey}" TargetType="{x:Type MenuItem}">
137. 128
138.   
139.   
140.   
141.   <Border
142. 129
143.   
144.   
145.   
146.   
147.   
148.   x:Name="Border"
149. 130
150.   
151.   
152.   
153.   
154.   
155.   Margin="{StaticResource TopLevelItemMargin}"
156. 131
157.   
158.   
159.   
160.   
161.   
162.   Background="{TemplateBinding Background}"
163. 132
164.   
165.   
166.   
167.   
168.   
169.   BorderBrush="{TemplateBinding BorderBrush}"
170. 133
171.   
172.   
173.   
174.   
175.   
176.   BorderThickness="{TemplateBinding BorderThickness}"
177. 134
178.   
179.   
180.   
181.   
182.   
183.   CornerRadius="{StaticResource TopLevelCornerRadius}">
184. 135
185.   
186.   
187.   
188.   
189.   
190.   <Grid>
191. 136
192.   
193.   
194.   
195.   
196.   
197.   
198.   
199.   <Grid.RowDefinitions>
200. 137
201.   
202.   
203.   
204.   
205.   
206.   
207.   
208.   
209.   
210.   <RowDefinition Height="*" />
211. 138
212.   
213.   
214.   
215.   
216.   
217.   
218.   
219.   
220.   
221.   <RowDefinition Height="Auto" />
222. 139
223.   
224.   
225.   
226.   
227.   
228.   
229.   
230.   </Grid.RowDefinitions>
231. 140
232. 141
233.   
234.   
235.   
236.   
237.   
238.   
239.   
240.   
241. 142
242.   
243.   
244.   
245.   
246.   
247.   
248.   
249.   <Grid Margin="{StaticResource TopLevelContentMargin}">
250. 143
251.   
252.   
253.   
254.   
255.   
256.   
257.   
258.   
259.   
260.   <Grid.ColumnDefinitions>
261. 144
262.   
263.   
264.   
265.   
266.   
267.   
268.   
269.   
270.   
271.   
272.   
273.   <ColumnDefinition Width="Auto" />
274. 145
275.   
276.   
277.   
278.   
279.   
280.   
281.   
282.   
283.   
284.   
285.   
286.   <ColumnDefinition Width="*" />
287. 146
288.   
289.   
290.   
291.   
292.   
293.   
294.   
295.   
296.   
297.   </Grid.ColumnDefinitions>
298. 147
299. 148
300.   
301.   
302.   
303.   
304.   
305.   
306.   
307.   
308.   
309.   
310. 149
311.   
312.   
313.   
314.   
315.   
316.   
317.   
318.   
319.   
320.   <ContentPresenter
321. 150
322.   
323.   
324.   
325.   
326.   
327.   
328.   
329.   
330.   
331.   
332.   
333.   x:Name="Icon"
334. 151
335.   
336.   
337.   
338.   
339.   
340.   
341.   
342.   
343.   
344.   
345.   
346.   Grid.Column="0"
347. 152
348.   
349.   
350.   
351.   
352.   
353.   
354.   
355.   
356.   
357.   
358.   
359.   Margin="0,0,6,0"
360. 153
361.   
362.   
363.   
364.   
365.   
366.   
367.   
368.   
369.   
370.   
371.   
372.   VerticalAlignment="Center"
373. 154
374.   
375.   
376.   
377.   
378.   
379.   
380.   
381.   
382.   
383.   
384.   
385.   Content="{TemplateBinding Icon}"
386. 155
387.   
388.   
389.   
390.   
391.   
392.   
393.   
394.   
395.   
396.   
397.   
398.   SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
399. 156
400. 157
401.   
402.   
403.   
404.   
405.   
406.   
407.   
408.   
409.   
410.   
411. 158
412.   
413.   
414.   
415.   
416.   
417.   
418.   
419.   
420.   
421.   <ContentPresenter
422. 159
423.   
424.   
425.   
426.   
427.   
428.   
429.   
430.   
431.   
432.   
433.   
434.   x:Name="HeaderPresenter"
435. 160
436.   
437.   
438.   
439.   
440.   
441.   
442.   
443.   
444.   
445.   
446.   
447.   Grid.Column="1"
448. 161
449.   
450.   
451.   
452.   
453.   
454.   
455.   
456.   
457.   
458.   
459.   
460.   Margin="{TemplateBinding Padding}"
461. 162
462.   
463.   
464.   
465.   
466.   
467.   
468.   
469.   
470.   
471.   
472.   
473.   VerticalAlignment="Center"
474. 163
475.   
476.   
477.   
478.   
479.   
480.   
481.   
482.   
483.   
484.   
485.   
486.   ContentSource="Header"
487. 164
488.   
489.   
490.   
491.   
492.   
493.   
494.   
495.   
496.   
497.   
498.   
499.   RecognizesAccessKey="True"
500. 165
501.   
502.   
503.   
504.   
505.   
506.   
507.   
508.   
509.   
510.   
511.   
512.   SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
513. 166
514.   
515.   
516.   
517.   
518.   
519.   
520.   
521.   
522.   
523.   
524.   
525.   TextElement.Foreground="{TemplateBinding Foreground}" />
526. 167
527.   
528.   
529.   
530.   
531.   
532.   
533.   
534.   </Grid>
535. 168
536. 169
537.   
538.   
539.   
540.   
541.   
542.   
543.   
544.   
545. 170
546.   
547.   
548.   
549.   
550.   
551.   
552.   
553.   <local:FluentPopup
554. 171
555.   
556.   
557.   
558.   
559.   
560.   
561.   
562.   
563.   
564.   x:Name="PART_Popup"
565. 172
566.   
567.   
568.   
569.   
570.   
571.   
572.   
573.   
574.   
575.   Grid.Row="1"
576. 173
577.   
578.   
579.   
580.   
581.   
582.   
583.   
584.   
585.   
586.   Grid.Column="0"
587. 174
588.   
589.   
590.   
591.   
592.   
593.   
594.   
595.   
596.   
597.   Focusable="False"
598. 175
599.   
600.   
601.   
602.   
603.   
604.   
605.   
606.   
607.   
608.   HorizontalOffset="-12"
609. 176
610.   
611.   
612.   
613.   
614.   
615.   
616.   
617.   
618.   
619.   IsOpen="{TemplateBinding IsSubmenuOpen}"
620. 177
621.   
622.   
623.   
624.   
625.   
626.   
627.   
628.   
629.   
630.   Placement="Bottom"
631. 178
632.   
633.   
634.   
635.   
636.   
637.   
638.   
639.   
640.   
641.   PlacementTarget="{Binding ElementName=Border}"
642. 179
643.   
644.   
645.   
646.   
647.   
648.   
649.   
650.   
651.   
652.   PopupAnimation="None"
653. 180
654.   
655.   
656.   
657.   
658.   
659.   
660.   
661.   
662.   
663.   VerticalOffset="1">
664. 181
665.   
666.   
667.   
668.   
669.   
670.   
671.   
672.   
673.   
674.   <Grid
675. 182
676.   
677.   
678.   
679.   
680.   
681.   
682.   
683.   
684.   
685.   
686.   
687.   x:Name="SubmenuBorder"
688. 183
689.   
690.   
691.   
692.   
693.   
694.   
695.   
696.   
697.   
698.   
699.   
700.   Background="{DynamicResource PopupWindowBackground}"
701. 184
702.   
703.   
704.   
705.   
706.   
707.   
708.   
709.   
710.   
711.   
712.   
713.   SnapsToDevicePixels="True">
714. 185
715.   
716.   
717.   
718.   
719.   
720.   
721.   
722.   
723.   
724.   
725.   
726.   
727. 186
728.   
729.   
730.   
731.   
732.   
733.   
734.   
735.   
736.   
737.   
738.   
739.   <Grid.RenderTransform>
740. 187
741.   
742.   
743.   
744.   
745.   
746.   
747.   
748.   
749.   
750.   
751.   
752.   
753.   
754.   <TranslateTransform />
755. 188
756.   
757.   
758.   
759.   
760.   
761.   
762.   
763.   
764.   
765.   
766.   
767.   </Grid.RenderTransform>
768. 189
769.   
770.   
771.   
772.   
773.   
774.   
775.   
776.   
777.   
778.   
779.   
780.   <ScrollViewer
781. 190
782.   
783.   
784.   
785.   
786.   
787.   
788.   
789.   
790.   
791.   
792.   
793.   
794.   
795.   Padding="{StaticResource MenuBorderPadding}"
796. 191
797.   
798.   
799.   
800.   
801.   
802.   
803.   
804.   
805.   
806.   
807.   
808.   
809.   
810.   CanContentScroll="True"
811. 192
812.   
813.   
814.   
815.   
816.   
817.   
818.   
819.   
820.   
821.   
822.   
823.   
824.   
825.   Style="{StaticResource MenuItemScrollViewerStyle}">
826. 193
827.   
828.   
829.   
830.   
831.   
832.   
833.   
834.   
835.   
836.   
837.   
838.   
839.   
840.   <Grid>
841. 194
842.   
843.   
844.   
845.   
846.   
847.   
848.   
849.   
850.   
851.   
852.   
853.   
854.   
855.   
856.   
857.   
858. 195
859.   
860.   
861.   
862.   
863.   
864.   
865.   
866.   
867.   
868.   
869.   
870.   
871.   
872.   
873.   
874.   <ItemsPresenter
875. 196
876.   
877.   
878.   
879.   
880.   
881.   
882.   
883.   
884.   
885.   
886.   
887.   
888.   
889.   
890.   
891.   
892.   
893.   x:Name="ItemsPresenter"
894. 197
895.   
896.   
897.   
898.   
899.   
900.   
901.   
902.   
903.   
904.   
905.   
906.   
907.   
908.   
909.   
910.   
911.   
912.   Grid.IsSharedSizeScope="True"
913. 198
914.   
915.   
916.   
917.   
918.   
919.   
920.   
921.   
922.   
923.   
924.   
925.   
926.   
927.   
928.   
929.   
930.   
931.   KeyboardNavigation.DirectionalNavigation="Cycle"
932. 199
933.   
934.   
935.   
936.   
937.   
938.   
939.   
940.   
941.   
942.   
943.   
944.   
945.   
946.   
947.   
948.   
949.   
950.   KeyboardNavigation.TabNavigation="Cycle"
951. 200
952.   
953.   
954.   
955.   
956.   
957.   
958.   
959.   
960.   
961.   
962.   
963.   
964.   
965.   
966.   
967.   
968.   
969.   SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
970. 201
971.   
972.   
973.   
974.   
975.   
976.   
977.   
978.   
979.   
980.   
981.   
982.   
983.   
984.   </Grid>
985. 202
986.   
987.   
988.   
989.   
990.   
991.   
992.   
993.   
994.   
995.   
996.   
997.   </ScrollViewer>
998. 203
999.   
1000.   
1001.   
1002.   
1003.   
1004.   
1005.   
1006.   
1007.   
1008.   </Grid>
1009. 204
1010.   
1011.   
1012.   
1013.   
1014.   
1015.   
1016.   
1017.   </local:FluentPopup>
1018. 205
1019.   
1020.   
1021.   
1022.   
1023.   
1024.   </Grid>
1025. 206
1026.   
1027.   
1028.   
1029.   </Border>
1030. 207
1031.   
1032.   
1033.   
1034.   <ControlTemplate.Triggers>
1035. 208
1036.   
1037.   
1038.   
1039.   
1040.   
1041.   
1042. 209
1043.   
1044.   
1045.   
1046.   
1047.   
1048.   <Trigger Property="Icon" Value="{x:Null}">
1049. 210
1050.   
1051.   
1052.   
1053.   
1054.   
1055.   
1056.   
1057.   <Setter TargetName="Icon" Property="Visibility" Value="Collapsed" />
1058. 211
1059.   
1060.   
1061.   
1062.   
1063.   
1064.   </Trigger>
1065. 212
1066.   
1067.   
1068.   
1069.   
1070.   
1071.   
1072. 213
1073.   
1074.   
1075.   
1076.   
1077.   
1078.   <Trigger Property="Header" Value="{x:Null}">
1079. 214
1080.   
1081.   
1082.   
1083.   
1084.   
1085.   
1086.   
1087.   <Setter TargetName="Icon" Property="Margin" Value="0" />
1088. 215
1089.   
1090.   
1091.   
1092.   
1093.   
1094.   
1095.   
1096.   <Setter TargetName="HeaderPresenter" Property="Visibility" Value="Collapsed" />
1097. 216
1098.   
1099.   
1100.   
1101.   
1102.   
1103.   </Trigger>
1104. 217
1105.   
1106.   
1107.   
1108.   
1109.   
1110.   
1111. 218
1112.   
1113.   
1114.   
1115.   
1116.   
1117.   <Trigger Property="IsHighlighted" Value="True">
1118. 219
1119.   
1120.   
1121.   
1122.   
1123.   
1124.   
1125.   
1126.   <Setter TargetName="Border" Property="Background" Value="{DynamicResource MaskColor}" />
1127. 220
1128.   
1129.   
1130.   
1131.   
1132.   
1133.   </Trigger>
1134. 221
1135.   
1136.   
1137.   
1138.   
1139.   
1140.   
1141. 222
1142.   
1143.   
1144.   
1145.   
1146.   
1147.   <Trigger Property="IsSubmenuOpen" Value="True">
1148. 223
1149.   
1150.   
1151.   
1152.   
1153.   
1154.   
1155.   
1156.   <Trigger.EnterActions>
1157. 224
1158.   
1159.   
1160.   
1161.   
1162.   
1163.   
1164.   
1165.   
1166.   
1167.   <BeginStoryboard>
1168. 225
1169.   
1170.   
1171.   
1172.   
1173.   
1174.   
1175.   
1176.   
1177.   
1178.   
1179.   
1180.   <Storyboard>
1181. 226
1182.   
1183.   
1184.   
1185.   
1186.   
1187.   
1188.   
1189.   
1190.   
1191.   
1192.   
1193.   
1194.   
1195.   <DoubleAnimation
1196. 227
1197.   
1198.   
1199.   
1200.   
1201.   
1202.   
1203.   
1204.   
1205.   
1206.   
1207.   
1208.   
1209.   
1210.   
1211.   
1212.   Storyboard.TargetName="SubmenuBorder"
1213. 228
1214.   
1215.   
1216.   
1217.   
1218.   
1219.   
1220.   
1221.   
1222.   
1223.   
1224.   
1225.   
1226.   
1227.   
1228.   
1229.   Storyboard.TargetProperty="(Border.RenderTransform).(TranslateTransform.Y)"
1230. 229
1231.   
1232.   
1233.   
1234.   
1235.   
1236.   
1237.   
1238.   
1239.   
1240.   
1241.   
1242.   
1243.   
1244.   
1245.   
1246.   From="-45"
1247. 230
1248.   
1249.   
1250.   
1251.   
1252.   
1253.   
1254.   
1255.   
1256.   
1257.   
1258.   
1259.   
1260.   
1261.   
1262.   
1263.   To="0"
1264. 231
1265.   
1266.   
1267.   
1268.   
1269.   
1270.   
1271.   
1272.   
1273.   
1274.   
1275.   
1276.   
1277.   
1278.   
1279.   
1280.   Duration="{StaticResource MenuAnimationDuration}">
1281. 232
1282.   
1283.   
1284.   
1285.   
1286.   
1287.   
1288.   
1289.   
1290.   
1291.   
1292.   
1293.   
1294.   
1295.   
1296.   
1297.   <DoubleAnimation.EasingFunction>
1298. 233
1299.   
1300.   
1301.   
1302.   
1303.   
1304.   
1305.   
1306.   
1307.   
1308.   
1309.   
1310.   
1311.   
1312.   
1313.   
1314.   
1315.   
1316.   <CircleEase EasingMode="EaseOut" />
1317. 234
1318.   
1319.   
1320.   
1321.   
1322.   
1323.   
1324.   
1325.   
1326.   
1327.   
1328.   
1329.   
1330.   
1331.   
1332.   
1333.   </DoubleAnimation.EasingFunction>
1334. 235
1335.   
1336.   
1337.   
1338.   
1339.   
1340.   
1341.   
1342.   
1343.   
1344.   
1345.   
1346.   
1347.   
1348.   </DoubleAnimation>
1349. 236
1350.   
1351.   
1352.   
1353.   
1354.   
1355.   
1356.   
1357.   
1358.   
1359.   
1360.   
1361.   </Storyboard>
1362. 237
1363.   
1364.   
1365.   
1366.   
1367.   
1368.   
1369.   
1370.   
1371.   
1372.   </BeginStoryboard>
1373. 238
1374.   
1375.   
1376.   
1377.   
1378.   
1379.   
1380.   
1381.   </Trigger.EnterActions>
1382. 239
1383.   
1384.   
1385.   
1386.   
1387.   
1388.   </Trigger>
1389. 240
1390.   
1391.   
1392.   
1393.   </ControlTemplate.Triggers>
1394. 241
1395.   
1396.   </ControlTemplate>
1397. 242
1398. 243
1399.   
1400.   
1401. 244
1402.   
1403.   <ControlTemplate x:Key="{x:Static MenuItem.TopLevelItemTemplateKey}" TargetType="{x:Type MenuItem}">
1404. 245
1405.   
1406.   
1407.   
1408.   <Border
1409. 246
1410.   
1411.   
1412.   
1413.   
1414.   
1415.   x:Name="Border"
1416. 247
1417.   
1418.   
1419.   
1420.   
1421.   
1422.   Margin="{StaticResource TopLevelItemMargin}"
1423. 248
1424.   
1425.   
1426.   
1427.   
1428.   
1429.   Background="{TemplateBinding Background}"
1430. 249
1431.   
1432.   
1433.   
1434.   
1435.   
1436.   BorderBrush="{TemplateBinding BorderBrush}"
1437. 250
1438.   
1439.   
1440.   
1441.   
1442.   
1443.   BorderThickness="{TemplateBinding BorderThickness}"
1444. 251
1445.   
1446.   
1447.   
1448.   
1449.   
1450.   CornerRadius="{StaticResource TopLevelCornerRadius}">
1451. 252
1452.   
1453.   
1454.   
1455.   
1456.   
1457.   <Grid Margin="{StaticResource TopLevelContentMargin}">
1458. 253
1459.   
1460.   
1461.   
1462.   
1463.   
1464.   
1465.   
1466.   <Grid.ColumnDefinitions>
1467. 254
1468.   
1469.   
1470.   
1471.   
1472.   
1473.   
1474.   
1475.   
1476.   
1477.   <ColumnDefinition Width="Auto" />
1478. 255
1479.   
1480.   
1481.   
1482.   
1483.   
1484.   
1485.   
1486.   
1487.   
1488.   <ColumnDefinition Width="*" />
1489. 256
1490.   
1491.   
1492.   
1493.   
1494.   
1495.   
1496.   
1497.   </Grid.ColumnDefinitions>
1498. 257
1499. 258
1500.   
1501.   
1502.   
1503.   
1504.   
1505.   
1506.   
1507.   
1508. 259
1509.   
1510.   
1511.   
1512.   
1513.   
1514.   
1515.   
1516.   <ContentPresenter
1517. 260
1518.   
1519.   
1520.   
1521.   
1522.   
1523.   
1524.   
1525.   
1526.   
1527.   x:Name="Icon"
1528. 261
1529.   
1530.   
1531.   
1532.   
1533.   
1534.   
1535.   
1536.   
1537.   
1538.   Grid.Column="0"
1539. 262
1540.   
1541.   
1542.   
1543.   
1544.   
1545.   
1546.   
1547.   
1548.   
1549.   Margin="0,0,6,0"
1550. 263
1551.   
1552.   
1553.   
1554.   
1555.   
1556.   
1557.   
1558.   
1559.   
1560.   VerticalAlignment="Center"
1561. 264
1562.   
1563.   
1564.   
1565.   
1566.   
1567.   
1568.   
1569.   
1570.   
1571.   Content="{TemplateBinding Icon}"
1572. 265
1573.   
1574.   
1575.   
1576.   
1577.   
1578.   
1579.   
1580.   
1581.   
1582.   SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
1583. 266
1584. 267
1585.   
1586.   
1587.   
1588.   
1589.   
1590.   
1591.   
1592.   
1593. 268
1594.   
1595.   
1596.   
1597.   
1598.   
1599.   
1600.   
1601.   <ContentPresenter
1602. 269
1603.   
1604.   
1605.   
1606.   
1607.   
1608.   
1609.   
1610.   
1611.   
1612.   x:Name="HeaderPresenter"
1613. 270
1614.   
1615.   
1616.   
1617.   
1618.   
1619.   
1620.   
1621.   
1622.   
1623.   Grid.Column="1"
1624. 271
1625.   
1626.   
1627.   
1628.   
1629.   
1630.   
1631.   
1632.   
1633.   
1634.   Margin="{TemplateBinding Padding}"
1635. 272
1636.   
1637.   
1638.   
1639.   
1640.   
1641.   
1642.   
1643.   
1644.   
1645.   VerticalAlignment="Center"
1646. 273
1647.   
1648.   
1649.   
1650.   
1651.   
1652.   
1653.   
1654.   
1655.   
1656.   ContentSource="Header"
1657. 274
1658.   
1659.   
1660.   
1661.   
1662.   
1663.   
1664.   
1665.   
1666.   
1667.   RecognizesAccessKey="True"
1668. 275
1669.   
1670.   
1671.   
1672.   
1673.   
1674.   
1675.   
1676.   
1677.   
1678.   SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
1679. 276
1680.   
1681.   
1682.   
1683.   
1684.   
1685.   
1686.   
1687.   
1688.   
1689.   TextElement.Foreground="{TemplateBinding Foreground}" />
1690. 277
1691.   
1692.   
1693.   
1694.   
1695.   
1696.   </Grid>
1697. 278
1698.   
1699.   
1700.   
1701.   </Border>
1702. 279
1703.   
1704.   
1705.   
1706.   <ControlTemplate.Triggers>
1707. 280
1708.   
1709.   
1710.   
1711.   
1712.   
1713.   
1714. 281
1715.   
1716.   
1717.   
1718.   
1719.   
1720.   <Trigger Property="IsHighlighted" Value="True">
1721. 282
1722.   
1723.   
1724.   
1725.   
1726.   
1727.   
1728.   
1729.   <Setter TargetName="Border" Property="Background" Value="{DynamicResource MaskColor}" />
1730. 283
1731.   
1732.   
1733.   
1734.   
1735.   
1736.   </Trigger>
1737. 284
1738.   
1739.   
1740.   
1741.   
1742.   
1743.   <Trigger Property="Icon" Value="{x:Null}">
1744. 285
1745.   
1746.   
1747.   
1748.   
1749.   
1750.   
1751.   
1752.   <Setter TargetName="Icon" Property="Visibility" Value="Collapsed" />
1753. 286
1754.   
1755.   
1756.   
1757.   
1758.   
1759.   </Trigger>
1760. 287
1761.   
1762.   
1763.   
1764.   
1765.   
1766.   <Trigger Property="Header" Value="{x:Null}">
1767. 288
1768.   
1769.   
1770.   
1771.   
1772.   
1773.   
1774.   
1775.   <Setter TargetName="Icon" Property="Margin" Value="0" />
1776. 289
1777.   
1778.   
1779.   
1780.   
1781.   
1782.   
1783.   
1784.   <Setter TargetName="HeaderPresenter" Property="Visibility" Value="Collapsed" />
1785. 290
1786.   
1787.   
1788.   
1789.   
1790.   
1791.   </Trigger>
1792. 291
1793.   
1794.   
1795.   
1796.   </ControlTemplate.Triggers>
1797. 292
1798.   
1799.   </ControlTemplate>
1800. 293
1801. 294
1802.   
1803.   
1804. 295
1805.   
1806.   <ControlTemplate x:Key="{x:Static MenuItem.SubmenuItemTemplateKey}" TargetType="{x:Type MenuItem}">
1807. 296
1808.   
1809.   
1810.   
1811.   <Border
1812. 297
1813.   
1814.   
1815.   
1816.   
1817.   
1818.   x:Name="Border"
1819. 298
1820.   
1821.   
1822.   
1823.   
1824.   
1825.   Margin="{StaticResource MenuItemMargin}"
1826. 299
1827.   
1828.   
1829.   
1830.   
1831.   
1832.   Background="{TemplateBinding Background}"
1833. 300
1834.   
1835.   
1836.   
1837.   
1838.   
1839.   BorderBrush="{TemplateBinding BorderBrush}"
1840. 301
1841.   
1842.   
1843.   
1844.   
1845.   
1846.   BorderThickness="{TemplateBinding BorderThickness}"
1847. 302
1848.   
1849.   
1850.   
1851.   
1852.   
1853.   CornerRadius="{StaticResource MenuCornerRadius}">
1854. 303
1855.   
1856.   
1857.   
1858.   
1859.   
1860.   <Grid Margin="{StaticResource MenuItemContentPadding}">
1861. 304
1862.   
1863.   
1864.   
1865.   
1866.   
1867.   
1868.   
1869.   <Grid.ColumnDefinitions>
1870. 305
1871.   
1872.   
1873.   
1874.   
1875.   
1876.   
1877.   
1878.   
1879.   
1880.   
1881. 306
1882.   
1883.   
1884.   
1885.   
1886.   
1887.   
1888.   
1889.   
1890.   
1891.   <ColumnDefinition Width="Auto" SharedSizeGroup="MenuItemIconCol" />
1892. 307
1893.   
1894.   
1895.   
1896.   
1897.   
1898.   
1899.   
1900.   
1901.   
1902.   
1903. 308
1904.   
1905.   
1906.   
1907.   
1908.   
1909.   
1910.   
1911.   
1912.   
1913.   <ColumnDefinition Width="*" />
1914. 309
1915.   
1916.   
1917.   
1918.   
1919.   
1920.   
1921.   
1922.   
1923.   
1924.   
1925. 310
1926.   
1927.   
1928.   
1929.   
1930.   
1931.   
1932.   
1933.   
1934.   
1935.   <ColumnDefinition Width="Auto" SharedSizeGroup="MenuItemRightPartCol" />
1936. 311
1937.   
1938.   
1939.   
1940.   
1941.   
1942.   
1943.   
1944.   </Grid.ColumnDefinitions>
1945. 312
1946. 313
1947.   
1948.   
1949.   
1950.   
1951.   
1952.   
1953.   
1954.   
1955. 314
1956.   
1957.   
1958.   
1959.   
1960.   
1961.   
1962.   
1963.   <Border
1964. 315
1965.   
1966.   
1967.   
1968.   
1969.   
1970.   
1971.   
1972.   
1973.   
1974.   x:Name="CheckBoxIconBorder"
1975. 316
1976.   
1977.   
1978.   
1979.   
1980.   
1981.   
1982.   
1983.   
1984.   
1985.   Grid.Column="0"
1986. 317
1987.   
1988.   
1989.   
1990.   
1991.   
1992.   
1993.   
1994.   
1995.   
1996.   VerticalAlignment="Center"
1997. 318
1998.   
1999.   
2000.   
2001.   
2002.   
2003.   
2004.   
2005.   
2006.   
2007.   Visibility="Collapsed">
2008. 319
2009.   
2010.   
2011.   
2012.   
2013.   
2014.   
2015.   
2016.   
2017.   
2018.   <Path
2019. 320
2020.   
2021.   
2022.   
2023.   
2024.   
2025.   
2026.   
2027.   
2028.   
2029.   
2030.   
2031.   x:Name="CheckBoxIcon"
2032. 321
2033.   
2034.   
2035.   
2036.   
2037.   
2038.   
2039.   
2040.   
2041.   
2042.   
2043.   
2044.   Width="10"
2045. 322
2046.   
2047.   
2048.   
2049.   
2050.   
2051.   
2052.   
2053.   
2054.   
2055.   
2056.   
2057.   Height="10"
2058. 323
2059.   
2060.   
2061.   
2062.   
2063.   
2064.   
2065.   
2066.   
2067.   
2068.   
2069.   
2070.   HorizontalAlignment="Left"
2071. 324
2072.   
2073.   
2074.   
2075.   
2076.   
2077.   
2078.   
2079.   
2080.   
2081.   
2082.   
2083.   VerticalAlignment="Center"
2084. 325
2085.   
2086.   
2087.   
2088.   
2089.   
2090.   
2091.   
2092.   
2093.   
2094.   
2095.   
2096.   Fill="{TemplateBinding Foreground}"
2097. 326
2098.   
2099.   
2100.   
2101.   
2102.   
2103.   
2104.   
2105.   
2106.   
2107.   
2108.   
2109.   Stretch="Uniform" />
2110. 327
2111.   
2112.   
2113.   
2114.   
2115.   
2116.   
2117.   
2118.   </Border>
2119. 328
2120. 329
2121.   
2122.   
2123.   
2124.   
2125.   
2126.   
2127.   
2128.   
2129. 330
2130.   
2131.   
2132.   
2133.   
2134.   
2135.   
2136.   
2137.   <ContentPresenter
2138. 331
2139.   
2140.   
2141.   
2142.   
2143.   
2144.   
2145.   
2146.   
2147.   
2148.   x:Name="Icon"
2149. 332
2150.   
2151.   
2152.   
2153.   
2154.   
2155.   
2156.   
2157.   
2158.   
2159.   Grid.Column="0"
2160. 333
2161.   
2162.   
2163.   
2164.   
2165.   
2166.   
2167.   
2168.   
2169.   
2170.   Margin="0,0,6,0"
2171. 334
2172.   
2173.   
2174.   
2175.   
2176.   
2177.   
2178.   
2179.   
2180.   
2181.   VerticalAlignment="Center"
2182. 335
2183.   
2184.   
2185.   
2186.   
2187.   
2188.   
2189.   
2190.   
2191.   
2192.   Content="{TemplateBinding Icon}"
2193. 336
2194.   
2195.   
2196.   
2197.   
2198.   
2199.   
2200.   
2201.   
2202.   
2203.   SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
2204. 337
2205. 338
2206.   
2207.   
2208.   
2209.   
2210.   
2211.   
2212.   
2213.   
2214. 339
2215.   
2216.   
2217.   
2218.   
2219.   
2220.   
2221.   
2222.   <ContentPresenter
2223. 340
2224.   
2225.   
2226.   
2227.   
2228.   
2229.   
2230.   
2231.   
2232.   
2233.   Grid.Column="1"
2234. 341
2235.   
2236.   
2237.   
2238.   
2239.   
2240.   
2241.   
2242.   
2243.   
2244.   Margin="{TemplateBinding Padding}"
2245. 342
2246.   
2247.   
2248.   
2249.   
2250.   
2251.   
2252.   
2253.   
2254.   
2255.   VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
2256. 343
2257.   
2258.   
2259.   
2260.   
2261.   
2262.   
2263.   
2264.   
2265.   
2266.   ContentSource="Header"
2267. 344
2268.   
2269.   
2270.   
2271.   
2272.   
2273.   
2274.   
2275.   
2276.   
2277.   RecognizesAccessKey="True"
2278. 345
2279.   
2280.   
2281.   
2282.   
2283.   
2284.   
2285.   
2286.   
2287.   
2288.   SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
2289. 346
2290.   
2291.   
2292.   
2293.   
2294.   
2295.   
2296.   
2297.   
2298.   
2299.   TextElement.Foreground="{TemplateBinding Foreground}" />
2300. 347
2301. 348
2302.   
2303.   
2304.   
2305.   
2306.   
2307.   
2308.   
2309.   
2310. 349
2311.   
2312.   
2313.   
2314.   
2315.   
2316.   
2317.   
2318.   <TextBlock
2319. 350
2320.   
2321.   
2322.   
2323.   
2324.   
2325.   
2326.   
2327.   
2328.   
2329.   x:Name="InputGestureText"
2330. 351
2331.   
2332.   
2333.   
2334.   
2335.   
2336.   
2337.   
2338.   
2339.   
2340.   Grid.Column="2"
2341. 352
2342.   
2343.   
2344.   
2345.   
2346.   
2347.   
2348.   
2349.   
2350.   
2351.   Margin="25,0,0,0"
2352. 353
2353.   
2354.   
2355.   
2356.   
2357.   
2358.   
2359.   
2360.   
2361.   
2362.   VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
2363. 354
2364.   
2365.   
2366.   
2367.   
2368.   
2369.   
2370.   
2371.   
2372.   
2373.   DockPanel.Dock="Right"
2374. 355
2375.   
2376.   
2377.   
2378.   
2379.   
2380.   
2381.   
2382.   
2383.   
2384.   FontSize="11"
2385. 356
2386.   
2387.   
2388.   
2389.   
2390.   
2391.   
2392.   
2393.   
2394.   
2395.   Opacity="0.67"
2396. 357
2397.   
2398.   
2399.   
2400.   
2401.   
2402.   
2403.   
2404.   
2405.   
2406.   Text="{TemplateBinding InputGestureText}" />
2407. 358
2408.   
2409.   
2410.   
2411.   
2412.   
2413.   </Grid>
2414. 359
2415.   
2416.   
2417.   
2418.   </Border>
2419. 360
2420.   
2421.   
2422.   
2423.   <ControlTemplate.Triggers>
2424. 361
2425.   
2426.   
2427.   
2428.   
2429.   
2430.   
2431. 362
2432.   
2433.   
2434.   
2435.   
2436.   
2437.   <Trigger Property="IsHighlighted" Value="True">
2438. 363
2439.   
2440.   
2441.   
2442.   
2443.   
2444.   
2445.   
2446.   <Setter TargetName="Border" Property="Background" Value="{DynamicResource MaskColor}" />
2447. 364
2448.   
2449.   
2450.   
2451.   
2452.   
2453.   </Trigger>
2454. 365
2455.   
2456.   
2457.   
2458.   
2459.   
2460.   
2461. 366
2462.   
2463.   
2464.   
2465.   
2466.   
2467.   <Trigger Property="Icon" Value="{x:Null}">
2468. 367
2469.   
2470.   
2471.   
2472.   
2473.   
2474.   
2475.   
2476.   <Setter TargetName="Icon" Property="Visibility" Value="Collapsed" />
2477. 368
2478.   
2479.   
2480.   
2481.   
2482.   
2483.   </Trigger>
2484. 369
2485.   
2486.   
2487.   
2488.   
2489.   
2490.   
2491. 370
2492.   
2493.   
2494.   
2495.   
2496.   
2497.   <Trigger Property="IsCheckable" Value="True">
2498. 371
2499.   
2500.   
2501.   
2502.   
2503.   
2504.   
2505.   
2506.   <Setter TargetName="CheckBoxIconBorder" Property="Visibility" Value="Visible" />
2507. 372
2508.   
2509.   
2510.   
2511.   
2512.   
2513.   </Trigger>
2514. 373
2515.   
2516.   
2517.   
2518.   
2519.   
2520.   
2521. 374
2522.   
2523.   
2524.   
2525.   
2526.   
2527.   <Trigger Property="IsChecked" Value="True">
2528. 375
2529.   
2530.   
2531.   
2532.   
2533.   
2534.   
2535.   
2536.   <Setter TargetName="CheckBoxIcon" Property="Data" Value="{StaticResource CheckGraph}" />
2537. 376
2538.   
2539.   
2540.   
2541.   
2542.   
2543.   </Trigger>
2544. 377
2545.   
2546.   
2547.   
2548.   
2549.   
2550.   
2551. 378
2552.   
2553.   
2554.   
2555.   
2556.   
2557.   <Trigger Property="InputGestureText" Value="">
2558. 379
2559.   
2560.   
2561.   
2562.   
2563.   
2564.   
2565.   
2566.   <Setter TargetName="InputGestureText" Property="Visibility" Value="Collapsed" />
2567. 380
2568.   
2569.   
2570.   
2571.   
2572.   
2573.   </Trigger>
2574. 381
2575.   
2576.   
2577.   
2578.   </ControlTemplate.Triggers>
2579. 382
2580.   
2581.   </ControlTemplate>
2582. 383
2583. 384
2584.   
2585.   
2586. 385
2587.   
2588.   <ControlTemplate x:Key="{x:Static MenuItem.SubmenuHeaderTemplateKey}" TargetType="{x:Type MenuItem}">
2589. 386
2590.   
2591.   
2592.   
2593.   <Grid>
2594. 387
2595.   
2596.   
2597.   
2598.   
2599.   
2600.   <Grid.RowDefinitions>
2601. 388
2602.   
2603.   
2604.   
2605.   
2606.   
2607.   
2608.   
2609.   <RowDefinition Height="*" />
2610. 389
2611.   
2612.   
2613.   
2614.   
2615.   
2616.   
2617.   
2618.   <RowDefinition Height="Auto" />
2619. 390
2620.   
2621.   
2622.   
2623.   
2624.   
2625.   </Grid.RowDefinitions>
2626. 391
2627. 392
2628.   
2629.   
2630.   
2631.   
2632.   
2633.   
2634. 393
2635.   
2636.   
2637.   
2638.   
2639.   
2640.   <Border
2641. 394
2642.   
2643.   
2644.   
2645.   
2646.   
2647.   
2648.   
2649.   x:Name="Border"
2650. 395
2651.   
2652.   
2653.   
2654.   
2655.   
2656.   
2657.   
2658.   Grid.Row="1"
2659. 396
2660.   
2661.   
2662.   
2663.   
2664.   
2665.   
2666.   
2667.   Height="{TemplateBinding Height}"
2668. 397
2669.   
2670.   
2671.   
2672.   
2673.   
2674.   
2675.   
2676.   Margin="{StaticResource MenuItemMargin}"
2677. 398
2678.   
2679.   
2680.   
2681.   
2682.   
2683.   
2684.   
2685.   Background="Transparent"
2686. 399
2687.   
2688.   
2689.   
2690.   
2691.   
2692.   
2693.   
2694.   CornerRadius="{StaticResource MenuCornerRadius}">
2695. 400
2696.   
2697.   
2698.   
2699.   
2700.   
2701.   
2702.   
2703.   <Grid x:Name="MenuItemContent" Margin="{StaticResource MenuItemContentPadding}">
2704. 401
2705.   
2706.   
2707.   
2708.   
2709.   
2710.   
2711.   
2712.   
2713.   
2714.   <Grid.ColumnDefinitions>
2715. 402
2716.   
2717.   
2718.   
2719.   
2720.   
2721.   
2722.   
2723.   
2724.   
2725.   
2726.   
2727.   <ColumnDefinition Width="Auto" SharedSizeGroup="MenuItemIconCol" />
2728. 403
2729.   
2730.   
2731.   
2732.   
2733.   
2734.   
2735.   
2736.   
2737.   
2738.   
2739.   
2740.   <ColumnDefinition Width="*" />
2741. 404
2742.   
2743.   
2744.   
2745.   
2746.   
2747.   
2748.   
2749.   
2750.   
2751.   
2752.   
2753.   <ColumnDefinition Width="Auto" SharedSizeGroup="MenuItemRightPartCol" />
2754. 405
2755.   
2756.   
2757.   
2758.   
2759.   
2760.   
2761.   
2762.   
2763.   
2764.   </Grid.ColumnDefinitions>
2765. 406
2766. 407
2767.   
2768.   
2769.   
2770.   
2771.   
2772.   
2773.   
2774.   
2775.   
2776.   
2777. 408
2778.   
2779.   
2780.   
2781.   
2782.   
2783.   
2784.   
2785.   
2786.   
2787.   <ContentPresenter
2788. 409
2789.   
2790.   
2791.   
2792.   
2793.   
2794.   
2795.   
2796.   
2797.   
2798.   
2799.   
2800.   x:Name="Icon"
2801. 410
2802.   
2803.   
2804.   
2805.   
2806.   
2807.   
2808.   
2809.   
2810.   
2811.   
2812.   
2813.   Grid.Column="0"
2814. 411
2815.   
2816.   
2817.   
2818.   
2819.   
2820.   
2821.   
2822.   
2823.   
2824.   
2825.   
2826.   Margin="0,0,6,0"
2827. 412
2828.   
2829.   
2830.   
2831.   
2832.   
2833.   
2834.   
2835.   
2836.   
2837.   
2838.   
2839.   VerticalAlignment="Center"
2840. 413
2841.   
2842.   
2843.   
2844.   
2845.   
2846.   
2847.   
2848.   
2849.   
2850.   
2851.   
2852.   Content="{TemplateBinding Icon}"
2853. 414
2854.   
2855.   
2856.   
2857.   
2858.   
2859.   
2860.   
2861.   
2862.   
2863.   
2864.   
2865.   SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
2866. 415
2867. 416
2868.   
2869.   
2870.   
2871.   
2872.   
2873.   
2874.   
2875.   
2876.   
2877.   
2878. 417
2879.   
2880.   
2881.   
2882.   
2883.   
2884.   
2885.   
2886.   
2887.   
2888.   <ContentPresenter
2889. 418
2890.   
2891.   
2892.   
2893.   
2894.   
2895.   
2896.   
2897.   
2898.   
2899.   
2900.   
2901.   x:Name="HeaderHost"
2902. 419
2903.   
2904.   
2905.   
2906.   
2907.   
2908.   
2909.   
2910.   
2911.   
2912.   
2913.   
2914.   Grid.Column="1"
2915. 420
2916.   
2917.   
2918.   
2919.   
2920.   
2921.   
2922.   
2923.   
2924.   
2925.   
2926.   
2927.   Margin="{TemplateBinding Padding}"
2928. 421
2929.   
2930.   
2931.   
2932.   
2933.   
2934.   
2935.   
2936.   
2937.   
2938.   
2939.   
2940.   VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
2941. 422
2942.   
2943.   
2944.   
2945.   
2946.   
2947.   
2948.   
2949.   
2950.   
2951.   
2952.   
2953.   ContentSource="Header"
2954. 423
2955.   
2956.   
2957.   
2958.   
2959.   
2960.   
2961.   
2962.   
2963.   
2964.   
2965.   
2966.   RecognizesAccessKey="True"
2967. 424
2968.   
2969.   
2970.   
2971.   
2972.   
2973.   
2974.   
2975.   
2976.   
2977.   
2978.   
2979.   SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
2980. 425
2981. 426
2982.   
2983.   
2984.   
2985.   
2986.   
2987.   
2988.   
2989.   
2990.   
2991.   
2992. 427
2993.   
2994.   
2995.   
2996.   
2997.   
2998.   
2999.   
3000.   
3001.   
3002.   <Path
3003. 428
3004.   
3005.   
3006.   
3007.   
3008.   
3009.   
3010.   
3011.   
3012.   
3013.   
3014.   
3015.   Grid.Column="2"
3016. 429
3017.   
3018.   
3019.   
3020.   
3021.   
3022.   
3023.   
3024.   
3025.   
3026.   
3027.   
3028.   Width="10"
3029. 430
3030.   
3031.   
3032.   
3033.   
3034.   
3035.   
3036.   
3037.   
3038.   
3039.   
3040.   
3041.   Height="10"
3042. 431
3043.   
3044.   
3045.   
3046.   
3047.   
3048.   
3049.   
3050.   
3051.   
3052.   
3053.   
3054.   Margin="0,0,4,0"
3055. 432
3056.   
3057.   
3058.   
3059.   
3060.   
3061.   
3062.   
3063.   
3064.   
3065.   
3066.   
3067.   HorizontalAlignment="Right"
3068. 433
3069.   
3070.   
3071.   
3072.   
3073.   
3074.   
3075.   
3076.   
3077.   
3078.   
3079.   
3080.   VerticalAlignment="Center"
3081. 434
3082.   
3083.   
3084.   
3085.   
3086.   
3087.   
3088.   
3089.   
3090.   
3091.   
3092.   
3093.   Data="{StaticResource ForwardGraph}"
3094. 435
3095.   
3096.   
3097.   
3098.   
3099.   
3100.   
3101.   
3102.   
3103.   
3104.   
3105.   
3106.   Fill="{TemplateBinding Foreground}"
3107. 436
3108.   
3109.   
3110.   
3111.   
3112.   
3113.   
3114.   
3115.   
3116.   
3117.   
3118.   
3119.   Opacity="0.67"
3120. 437
3121.   
3122.   
3123.   
3124.   
3125.   
3126.   
3127.   
3128.   
3129.   
3130.   
3131.   
3132.   Stretch="Uniform" />
3133. 438
3134.   
3135.   
3136.   
3137.   
3138.   
3139.   
3140.   
3141.   </Grid>
3142. 439
3143.   
3144.   
3145.   
3146.   
3147.   
3148.   </Border>
3149. 440
3150. 441
3151.   
3152.   
3153.   
3154.   
3155.   
3156.   
3157. 442
3158.   
3159.   
3160.   
3161.   
3162.   
3163.   <local:FluentPopup
3164. 443
3165.   
3166.   
3167.   
3168.   
3169.   
3170.   
3171.   
3172.   x:Name="PART_Popup"
3173. 444
3174.   
3175.   
3176.   
3177.   
3178.   
3179.   
3180.   
3181.   Grid.Row="1"
3182. 445
3183.   
3184.   
3185.   
3186.   
3187.   
3188.   
3189.   
3190.   Focusable="False"
3191. 446
3192.   
3193.   
3194.   
3195.   
3196.   
3197.   
3198.   
3199.   IsOpen="{TemplateBinding IsSubmenuOpen}"
3200. 447
3201.   
3202.   
3203.   
3204.   
3205.   
3206.   
3207.   
3208.   Placement="Right"
3209. 448
3210.   
3211.   
3212.   
3213.   
3214.   
3215.   
3216.   
3217.   PlacementTarget="{Binding ElementName=MenuItemContent}"
3218. 449
3219.   
3220.   
3221.   
3222.   
3223.   
3224.   
3225.   
3226.   PopupAnimation="None">
3227. 450
3228.   
3229.   
3230.   
3231.   
3232.   
3233.   
3234.   
3235.   <Grid x:Name="PopupRoot" Background="{DynamicResource PopupWindowBackground}">
3236. 451
3237.   
3238.   
3239.   
3240.   
3241.   
3242.   
3243.   
3244.   
3245.   
3246.   
3247. 452
3248.   
3249.   
3250.   
3251.   
3252.   
3253.   
3254.   
3255.   
3256.   
3257.   <Grid.RenderTransform>
3258. 453
3259.   
3260.   
3261.   
3262.   
3263.   
3264.   
3265.   
3266.   
3267.   
3268.   
3269.   
3270.   <TranslateTransform />
3271. 454
3272.   
3273.   
3274.   
3275.   
3276.   
3277.   
3278.   
3279.   
3280.   
3281.   </Grid.RenderTransform>
3282. 455
3283.   
3284.   
3285.   
3286.   
3287.   
3288.   
3289.   
3290.   
3291.   
3292.   <ScrollViewer
3293. 456
3294.   
3295.   
3296.   
3297.   
3298.   
3299.   
3300.   
3301.   
3302.   
3303.   
3304.   
3305.   Padding="{StaticResource MenuBorderPadding}"
3306. 457
3307.   
3308.   
3309.   
3310.   
3311.   
3312.   
3313.   
3314.   
3315.   
3316.   
3317.   
3318.   CanContentScroll="True"
3319. 458
3320.   
3321.   
3322.   
3323.   
3324.   
3325.   
3326.   
3327.   
3328.   
3329.   
3330.   
3331.   Style="{StaticResource MenuItemScrollViewerStyle}">
3332. 459
3333.   
3334.   
3335.   
3336.   
3337.   
3338.   
3339.   
3340.   
3341.   
3342.   
3343.   
3344.   
3345. 460
3346.   
3347.   
3348.   
3349.   
3350.   
3351.   
3352.   
3353.   
3354.   
3355.   
3356.   
3357.   <ItemsPresenter
3358. 461
3359.   
3360.   
3361.   
3362.   
3363.   
3364.   
3365.   
3366.   
3367.   
3368.   
3369.   
3370.   
3371.   
3372.   x:Name="ItemsPresenter"
3373. 462
3374.   
3375.   
3376.   
3377.   
3378.   
3379.   
3380.   
3381.   
3382.   
3383.   
3384.   
3385.   
3386.   
3387.   Grid.IsSharedSizeScope="True"
3388. 463
3389.   
3390.   
3391.   
3392.   
3393.   
3394.   
3395.   
3396.   
3397.   
3398.   
3399.   
3400.   
3401.   
3402.   KeyboardNavigation.DirectionalNavigation="Cycle"
3403. 464
3404.   
3405.   
3406.   
3407.   
3408.   
3409.   
3410.   
3411.   
3412.   
3413.   
3414.   
3415.   
3416.   
3417.   KeyboardNavigation.TabNavigation="Cycle"
3418. 465
3419.   
3420.   
3421.   
3422.   
3423.   
3424.   
3425.   
3426.   
3427.   
3428.   
3429.   
3430.   
3431.   
3432.   SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
3433. 466
3434.   
3435.   
3436.   
3437.   
3438.   
3439.   
3440.   
3441.   
3442.   
3443.   </ScrollViewer>
3444. 467
3445.   
3446.   
3447.   
3448.   
3449.   
3450.   
3451.   
3452.   </Grid>
3453. 468
3454.   
3455.   
3456.   
3457.   
3458.   
3459.   </local:FluentPopup>
3460. 469
3461.   
3462.   
3463.   
3464.   </Grid>
3465. 470
3466.   
3467.   
3468.   
3469.   <ControlTemplate.Triggers>
3470. 471
3471.   
3472.   
3473.   
3474.   
3475.   
3476.   
3477. 472
3478.   
3479.   
3480.   
3481.   
3482.   
3483.   <Trigger Property="Icon" Value="{x:Null}">
3484. 473
3485.   
3486.   
3487.   
3488.   
3489.   
3490.   
3491.   
3492.   <Setter TargetName="Icon" Property="Visibility" Value="Collapsed" />
3493. 474
3494.   
3495.   
3496.   
3497.   
3498.   
3499.   
3500.   
3501.   <Setter TargetName="Icon" Property="Margin" Value="0" />
3502. 475
3503.   
3504.   
3505.   
3506.   
3507.   
3508.   </Trigger>
3509. 476
3510.   
3511.   
3512.   
3513.   
3514.   
3515.   
3516. 477
3517.   
3518.   
3519.   
3520.   
3521.   
3522.   <Trigger Property="IsHighlighted" Value="true">
3523. 478
3524.   
3525.   
3526.   
3527.   
3528.   
3529.   
3530.   
3531.   <Setter TargetName="Border" Property="Background" Value="{DynamicResource MaskColor}" />
3532. 479
3533.   
3534.   
3535.   
3536.   
3537.   
3538.   </Trigger>
3539. 480
3540.   
3541.   
3542.   
3543.   
3544.   
3545.   
3546. 481
3547.   
3548.   
3549.   
3550.   
3551.   
3552.   <Trigger Property="IsSubmenuOpen" Value="True">
3553. 482
3554.   
3555.   
3556.   
3557.   
3558.   
3559.   
3560.   
3561.   <Trigger.EnterActions>
3562. 483
3563.   
3564.   
3565.   
3566.   
3567.   
3568.   
3569.   
3570.   
3571.   
3572.   <BeginStoryboard>
3573. 484
3574.   
3575.   
3576.   
3577.   
3578.   
3579.   
3580.   
3581.   
3582.   
3583.   
3584.   
3585.   <Storyboard>
3586. 485
3587.   
3588.   
3589.   
3590.   
3591.   
3592.   
3593.   
3594.   
3595.   
3596.   
3597.   
3598.   
3599.   
3600.   
3601. 486
3602.   
3603.   
3604.   
3605.   
3606.   
3607.   
3608.   
3609.   
3610.   
3611.   
3612.   
3613.   
3614.   
3615.   <DoubleAnimation
3616. 487
3617.   
3618.   
3619.   
3620.   
3621.   
3622.   
3623.   
3624.   
3625.   
3626.   
3627.   
3628.   
3629.   
3630.   
3631.   
3632.   Storyboard.TargetName="PopupRoot"
3633. 488
3634.   
3635.   
3636.   
3637.   
3638.   
3639.   
3640.   
3641.   
3642.   
3643.   
3644.   
3645.   
3646.   
3647.   
3648.   
3649.   Storyboard.TargetProperty="(Grid.RenderTransform).(TranslateTransform.Y)"
3650. 489
3651.   
3652.   
3653.   
3654.   
3655.   
3656.   
3657.   
3658.   
3659.   
3660.   
3661.   
3662.   
3663.   
3664.   
3665.   
3666.   From="-45"
3667. 490
3668.   
3669.   
3670.   
3671.   
3672.   
3673.   
3674.   
3675.   
3676.   
3677.   
3678.   
3679.   
3680.   
3681.   
3682.   
3683.   To="0"
3684. 491
3685.   
3686.   
3687.   
3688.   
3689.   
3690.   
3691.   
3692.   
3693.   
3694.   
3695.   
3696.   
3697.   
3698.   
3699.   
3700.   Duration="{StaticResource MenuAnimationDuration}">
3701. 492
3702.   
3703.   
3704.   
3705.   
3706.   
3707.   
3708.   
3709.   
3710.   
3711.   
3712.   
3713.   
3714.   
3715.   
3716.   
3717.   <DoubleAnimation.EasingFunction>
3718. 493
3719.   
3720.   
3721.   
3722.   
3723.   
3724.   
3725.   
3726.   
3727.   
3728.   
3729.   
3730.   
3731.   
3732.   
3733.   
3734.   
3735.   
3736.   <CircleEase EasingMode="EaseOut" />
3737. 494
3738.   
3739.   
3740.   
3741.   
3742.   
3743.   
3744.   
3745.   
3746.   
3747.   
3748.   
3749.   
3750.   
3751.   
3752.   
3753.   </DoubleAnimation.EasingFunction>
3754. 495
3755.   
3756.   
3757.   
3758.   
3759.   
3760.   
3761.   
3762.   
3763.   
3764.   
3765.   
3766.   
3767.   
3768.   </DoubleAnimation>
3769. 496
3770.   
3771.   
3772.   
3773.   
3774.   
3775.   
3776.   
3777.   
3778.   
3779.   
3780.   
3781.   </Storyboard>
3782. 497
3783.   
3784.   
3785.   
3786.   
3787.   
3788.   
3789.   
3790.   
3791.   
3792.   </BeginStoryboard>
3793. 498
3794.   
3795.   
3796.   
3797.   
3798.   
3799.   
3800.   
3801.   </Trigger.EnterActions>
3802. 499
3803.   
3804.   
3805.   
3806.   
3807.   
3808.   </Trigger>
3809. 500
3810.   
3811.   
3812.   
3813.   </ControlTemplate.Triggers>
3814. 501
3815.   
3816.   </ControlTemplate>
3817. 502
3818. 503
3819.   
3820.   
3821. 504
3822.   
3823.   
3824. 539
3825. 540 </ResourceDictionary>

复制代码

View Code三、应用模板和样式到全局

将上面的资源字典归并到应用步调资源中，然后为ContextMenu和MenuItem指定默认样式：

复制代码

注意，ContextMenu必要利用之前文章中的FluentTooltip.UseFluentStyle来实现亚克力材质殊效。其内部原理都是反射获取popup的hwnd句柄，然后附加WindowMaterial殊效。
参考文档

1. ContextMenu Styles and Templates WPF | Microsoft Learn
2. Menu Styles and Templates WPF | Microsoft Learn
3. PresentationFramework.Fluent/Themes/Fluent.xaml | GitHub
 
 

  本作品接纳 知识共享署名-非贸易性利用-雷同方式共享 4.0 国际允许协议 举行允许。欢迎转载、利用、重新发布，但务必生存文章署名TwilightLemon(https://blog.twlmgatito.cn)，不得用于贸易目的，基于本文修改后的作品务必以雷同的允许发布。
文章及其代码堆栈大概不时更新，检察原文：WPF 为ContextMenu利用Fluent风格的亚克力材质殊效 - Twlm's Blog