TabControlStyle.xaml 37 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547
  1. <ResourceDictionary
  2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4. xmlns:cus="clr-namespace:PDF_Office.CustomControl">
  5. <Style x:Key="TabControlWithUnderLineStyle" TargetType="{x:Type TabControl}">
  6. <Setter Property="Padding" Value="2" />
  7. <Setter Property="HorizontalContentAlignment" Value="Center" />
  8. <Setter Property="VerticalContentAlignment" Value="Center" />
  9. <Setter Property="Background" Value="Transparent" />
  10. <Setter Property="BorderBrush" Value="#FFACACAC" />
  11. <Setter Property="BorderThickness" Value="0,0,0,1" />
  12. <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" />
  13. <Setter Property="Template">
  14. <Setter.Value>
  15. <ControlTemplate TargetType="{x:Type TabControl}">
  16. <Grid
  17. x:Name="templateRoot"
  18. ClipToBounds="True"
  19. KeyboardNavigation.TabNavigation="Local"
  20. SnapsToDevicePixels="True">
  21. <Grid.ColumnDefinitions>
  22. <ColumnDefinition x:Name="ColumnDefinition0" />
  23. <ColumnDefinition x:Name="ColumnDefinition1" Width="0" />
  24. </Grid.ColumnDefinitions>
  25. <Grid.RowDefinitions>
  26. <RowDefinition x:Name="RowDefinition0" Height="Auto" />
  27. <RowDefinition x:Name="RowDefinition1" Height="*" />
  28. </Grid.RowDefinitions>
  29. <!-- 加滑轨配合滑轨样式可实现箭头左右滚动的菜单栏 -->
  30. <!--<ScrollViewer Margin="140 0 140 0" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Disabled">-->
  31. <TabPanel
  32. x:Name="HeaderPanel"
  33. Grid.Row="0"
  34. Grid.Column="0"
  35. HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
  36. VerticalAlignment="{TemplateBinding VerticalAlignment}"
  37. Panel.ZIndex="1"
  38. Background="Transparent"
  39. IsItemsHost="True"
  40. KeyboardNavigation.TabIndex="1" />
  41. <!--</ScrollViewer>-->
  42. <!-- 页头和中间内容的分割线 -->
  43. <Line
  44. Margin="0,0,0,1"
  45. VerticalAlignment="Bottom"
  46. SnapsToDevicePixels="True"
  47. Stroke="#E7E9EC"
  48. StrokeThickness="0"
  49. X1="0"
  50. X2="{Binding ActualWidth, RelativeSource={RelativeSource Self}}" />
  51. <Border
  52. x:Name="ContentPanel"
  53. Grid.Row="1"
  54. Grid.Column="0"
  55. Background="{TemplateBinding Background}"
  56. BorderBrush="{TemplateBinding BorderBrush}"
  57. BorderThickness="{TemplateBinding BorderThickness}"
  58. KeyboardNavigation.DirectionalNavigation="Contained"
  59. KeyboardNavigation.TabIndex="2"
  60. KeyboardNavigation.TabNavigation="Local">
  61. <ContentPresenter
  62. x:Name="PART_SelectedContentHost"
  63. Margin="0"
  64. VerticalAlignment="Stretch"
  65. Content="{TemplateBinding SelectedContent}"
  66. ContentSource="SelectedContent"
  67. ContentStringFormat="{TemplateBinding SelectedContentStringFormat}"
  68. ContentTemplate="{TemplateBinding SelectedContentTemplate}"
  69. SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
  70. </Border>
  71. </Grid>
  72. <ControlTemplate.Triggers>
  73. <Trigger Property="TabStripPlacement" Value="Bottom">
  74. <Setter TargetName="HeaderPanel" Property="Grid.Row" Value="1" />
  75. <Setter TargetName="ContentPanel" Property="Grid.Row" Value="0" />
  76. <Setter TargetName="RowDefinition0" Property="Height" Value="*" />
  77. <Setter TargetName="RowDefinition1" Property="Height" Value="Auto" />
  78. </Trigger>
  79. <Trigger Property="TabStripPlacement" Value="Left">
  80. <Setter TargetName="HeaderPanel" Property="Grid.Row" Value="0" />
  81. <Setter TargetName="ContentPanel" Property="Grid.Row" Value="0" />
  82. <Setter TargetName="HeaderPanel" Property="Grid.Column" Value="0" />
  83. <Setter TargetName="ContentPanel" Property="Grid.Column" Value="1" />
  84. <Setter TargetName="ColumnDefinition0" Property="Width" Value="Auto" />
  85. <Setter TargetName="ColumnDefinition1" Property="Width" Value="*" />
  86. <Setter TargetName="RowDefinition0" Property="Height" Value="*" />
  87. <Setter TargetName="RowDefinition1" Property="Height" Value="0" />
  88. <Setter TargetName="HeaderPanel" Property="VerticalAlignment" Value="Top" />
  89. </Trigger>
  90. <Trigger Property="TabStripPlacement" Value="Right">
  91. <Setter TargetName="HeaderPanel" Property="Grid.Row" Value="0" />
  92. <Setter TargetName="ContentPanel" Property="Grid.Row" Value="0" />
  93. <Setter TargetName="HeaderPanel" Property="Grid.Column" Value="1" />
  94. <Setter TargetName="ContentPanel" Property="Grid.Column" Value="0" />
  95. <Setter TargetName="ColumnDefinition0" Property="Width" Value="*" />
  96. <Setter TargetName="ColumnDefinition1" Property="Width" Value="Auto" />
  97. <Setter TargetName="RowDefinition0" Property="Height" Value="*" />
  98. <Setter TargetName="RowDefinition1" Property="Height" Value="0" />
  99. </Trigger>
  100. <Trigger Property="IsEnabled" Value="False">
  101. <Setter TargetName="templateRoot" Property="TextElement.Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" />
  102. </Trigger>
  103. </ControlTemplate.Triggers>
  104. </ControlTemplate>
  105. </Setter.Value>
  106. </Setter>
  107. <Setter Property="KeyboardNavigation.DirectionalNavigation" Value="Cycle" />
  108. <Setter Property="KeyboardNavigation.TabNavigation" Value="Cycle" />
  109. </Style>
  110. <Style x:Key="TabItem_WithUnderLineStyle" TargetType="{x:Type cus:IconAndTextTabItem}">
  111. <Setter Property="Foreground" Value="Black" />
  112. <Setter Property="Background" Value="White" />
  113. <Setter Property="BorderBrush" Value="#FFACACAC" />
  114. <Setter Property="HorizontalContentAlignment" Value="Stretch" />
  115. <Setter Property="VerticalContentAlignment" Value="Stretch" />
  116. <Setter Property="AllowDrop" Value="True" />
  117. <Setter Property="SelectedForeground" Value="Black" />
  118. <Setter Property="FontSize" Value="14" />
  119. <Setter Property="Height" Value="40" />
  120. <Setter Property="Template">
  121. <Setter.Value>
  122. <ControlTemplate TargetType="{x:Type cus:IconAndTextTabItem}">
  123. <Grid
  124. x:Name="templateRoot"
  125. Margin="{TemplateBinding Padding}"
  126. Background="Transparent"
  127. SnapsToDevicePixels="True">
  128. <Border
  129. x:Name="_underline"
  130. HorizontalAlignment="Stretch"
  131. BorderBrush="#FF477EDE"
  132. BorderThickness="0" />
  133. <StackPanel Orientation="Horizontal">
  134. <Path
  135. x:Name="NormalPathIcon"
  136. MaxWidth="20"
  137. MaxHeight="20"
  138. Margin="0,0,4,0"
  139. Data="{Binding NormalPathIcon, RelativeSource={RelativeSource Mode=TemplatedParent}}"
  140. Fill="Black"
  141. Visibility="Visible" />
  142. <Image
  143. x:Name="SelectedIcon"
  144. MaxWidth="20"
  145. MaxHeight=" 20"
  146. Margin="0,0,4,0"
  147. Source="{Binding SelectedIcon, RelativeSource={RelativeSource Mode=TemplatedParent}}"
  148. Visibility="Collapsed" />
  149. <TextBlock
  150. x:Name="txt"
  151. Margin="0,0,4,0"
  152. HorizontalAlignment="Center"
  153. VerticalAlignment="Center"
  154. Foreground="{TemplateBinding Foreground}"
  155. Text="{TemplateBinding Header}"
  156. TextTrimming="CharacterEllipsis"
  157. ToolTip="{TemplateBinding Header}"
  158. Visibility="Visible" />
  159. </StackPanel>
  160. </Grid>
  161. <ControlTemplate.Triggers>
  162. <MultiDataTrigger>
  163. <MultiDataTrigger.Conditions>
  164. <Condition Binding="{Binding IsMouseOver, RelativeSource={RelativeSource Self}}" Value="true" />
  165. <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Top" />
  166. </MultiDataTrigger.Conditions>
  167. <Setter TargetName="SelectedIcon" Property="Visibility" Value="Collapsed" />
  168. <Setter TargetName="NormalPathIcon" Property="Visibility" Value="Visible" />
  169. <Setter TargetName="txt" Property="Foreground" Value="#FF000000" />
  170. </MultiDataTrigger>
  171. <MultiDataTrigger>
  172. <MultiDataTrigger.Conditions>
  173. <Condition Binding="{Binding IsEnabled, RelativeSource={RelativeSource Self}}" Value="false" />
  174. <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Left" />
  175. </MultiDataTrigger.Conditions>
  176. <Setter TargetName="templateRoot" Property="Opacity" Value="0.56" />
  177. </MultiDataTrigger>
  178. <MultiDataTrigger>
  179. <MultiDataTrigger.Conditions>
  180. <Condition Binding="{Binding IsEnabled, RelativeSource={RelativeSource Self}}" Value="false" />
  181. <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Bottom" />
  182. </MultiDataTrigger.Conditions>
  183. <Setter TargetName="templateRoot" Property="Opacity" Value="0.56" />
  184. </MultiDataTrigger>
  185. <MultiDataTrigger>
  186. <MultiDataTrigger.Conditions>
  187. <Condition Binding="{Binding IsEnabled, RelativeSource={RelativeSource Self}}" Value="false" />
  188. <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Right" />
  189. </MultiDataTrigger.Conditions>
  190. <Setter TargetName="templateRoot" Property="Opacity" Value="0.56" />
  191. </MultiDataTrigger>
  192. <MultiDataTrigger>
  193. <MultiDataTrigger.Conditions>
  194. <Condition Binding="{Binding IsEnabled, RelativeSource={RelativeSource Self}}" Value="false" />
  195. <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Top" />
  196. </MultiDataTrigger.Conditions>
  197. <Setter TargetName="templateRoot" Property="Opacity" Value="0.56" />
  198. </MultiDataTrigger>
  199. <MultiDataTrigger>
  200. <MultiDataTrigger.Conditions>
  201. <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="false" />
  202. <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Top" />
  203. </MultiDataTrigger.Conditions>
  204. <Setter TargetName="NormalPathIcon" Property="Opacity" Value="0.56" />
  205. </MultiDataTrigger>
  206. <MultiDataTrigger>
  207. <MultiDataTrigger.Conditions>
  208. <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="true" />
  209. <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Top" />
  210. </MultiDataTrigger.Conditions>
  211. <Setter Property="Panel.ZIndex" Value="1" />
  212. <Setter TargetName="txt" Property="Foreground" Value="{Binding SelectedForeground, RelativeSource={RelativeSource Mode=TemplatedParent}}" />
  213. <Setter TargetName="_underline" Property="BorderThickness" Value="0,0,0,2" />
  214. <Setter TargetName="SelectedIcon" Property="Visibility" Value="Collapsed" />
  215. <Setter TargetName="NormalPathIcon" Property="Visibility" Value="Visible" />
  216. </MultiDataTrigger>
  217. </ControlTemplate.Triggers>
  218. </ControlTemplate>
  219. </Setter.Value>
  220. </Setter>
  221. </Style>
  222. <ControlTemplate x:Key="Segmented" TargetType="{x:Type TabItem}">
  223. <Grid x:Name="templateRoot" SnapsToDevicePixels="True">
  224. <Border
  225. x:Name="mainBorder"
  226. Margin="0"
  227. Background="{TemplateBinding Background}"
  228. BorderBrush="{TemplateBinding BorderBrush}"
  229. BorderThickness="0">
  230. <Border
  231. x:Name="innerBorder"
  232. Height="28"
  233. Margin="-1"
  234. Background="White"
  235. BorderBrush="#FFACACAC"
  236. BorderThickness="0"
  237. CornerRadius="4"
  238. Opacity="0" />
  239. </Border>
  240. <ContentPresenter
  241. x:Name="contentPresenter"
  242. Margin="{TemplateBinding Padding}"
  243. HorizontalAlignment="{Binding HorizontalContentAlignment, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type ItemsControl}}}"
  244. VerticalAlignment="{Binding VerticalContentAlignment, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type ItemsControl}}}"
  245. Content="{TemplateBinding Header}"
  246. ContentSource="Header"
  247. ContentStringFormat="{TemplateBinding HeaderStringFormat}"
  248. ContentTemplate="{TemplateBinding HeaderTemplate}"
  249. Focusable="False"
  250. RecognizesAccessKey="True"
  251. SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
  252. </Grid>
  253. <ControlTemplate.Triggers>
  254. <MultiDataTrigger>
  255. <MultiDataTrigger.Conditions>
  256. <Condition Binding="{Binding IsMouseOver, RelativeSource={RelativeSource Self}}" Value="true" />
  257. <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Left" />
  258. </MultiDataTrigger.Conditions>
  259. <Setter TargetName="mainBorder" Property="Background">
  260. <Setter.Value>
  261. <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
  262. <GradientStop Offset="0" Color="#FFECF4FC" />
  263. <GradientStop Offset="1" Color="#FFDCECFC" />
  264. </LinearGradientBrush>
  265. </Setter.Value>
  266. </Setter>
  267. <Setter TargetName="mainBorder" Property="BorderBrush" Value="#FF7EB4EA" />
  268. <Setter TargetName="innerBorder" Property="BorderThickness" Value="1,1,0,1" />
  269. <Setter TargetName="mainBorder" Property="BorderThickness" Value="1,1,0,1" />
  270. </MultiDataTrigger>
  271. <MultiDataTrigger>
  272. <MultiDataTrigger.Conditions>
  273. <Condition Binding="{Binding IsMouseOver, RelativeSource={RelativeSource Self}}" Value="true" />
  274. <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Bottom" />
  275. </MultiDataTrigger.Conditions>
  276. <Setter TargetName="mainBorder" Property="Background">
  277. <Setter.Value>
  278. <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
  279. <GradientStop Offset="0" Color="#FFECF4FC" />
  280. <GradientStop Offset="1" Color="#FFDCECFC" />
  281. </LinearGradientBrush>
  282. </Setter.Value>
  283. </Setter>
  284. <Setter TargetName="mainBorder" Property="BorderBrush" Value="#FF7EB4EA" />
  285. <Setter TargetName="innerBorder" Property="BorderThickness" Value="1,0,1,1" />
  286. <Setter TargetName="mainBorder" Property="BorderThickness" Value="1,0,1,1" />
  287. </MultiDataTrigger>
  288. <MultiDataTrigger>
  289. <MultiDataTrigger.Conditions>
  290. <Condition Binding="{Binding IsMouseOver, RelativeSource={RelativeSource Self}}" Value="true" />
  291. <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Right" />
  292. </MultiDataTrigger.Conditions>
  293. <Setter TargetName="mainBorder" Property="Background">
  294. <Setter.Value>
  295. <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
  296. <GradientStop Offset="0" Color="#FFECF4FC" />
  297. <GradientStop Offset="1" Color="#FFDCECFC" />
  298. </LinearGradientBrush>
  299. </Setter.Value>
  300. </Setter>
  301. <Setter TargetName="mainBorder" Property="BorderBrush" Value="#FF7EB4EA" />
  302. <Setter TargetName="innerBorder" Property="BorderThickness" Value="0,1,1,1" />
  303. <Setter TargetName="mainBorder" Property="BorderThickness" Value="0,1,1,1" />
  304. </MultiDataTrigger>
  305. <MultiDataTrigger>
  306. <MultiDataTrigger.Conditions>
  307. <Condition Binding="{Binding IsMouseOver, RelativeSource={RelativeSource Self}}" Value="true" />
  308. <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Top" />
  309. </MultiDataTrigger.Conditions>
  310. <Setter TargetName="mainBorder" Property="Background">
  311. <Setter.Value>
  312. <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
  313. <GradientStop Offset="0" Color="#FFECF4FC" />
  314. <GradientStop Offset="1" Color="#FFDCECFC" />
  315. </LinearGradientBrush>
  316. </Setter.Value>
  317. </Setter>
  318. <Setter TargetName="mainBorder" Property="BorderBrush" Value="#FF7EB4EA" />
  319. <Setter TargetName="innerBorder" Property="BorderThickness" Value="1,1,1,0" />
  320. <Setter TargetName="mainBorder" Property="BorderThickness" Value="1,1,1,0" />
  321. </MultiDataTrigger>
  322. <MultiDataTrigger>
  323. <MultiDataTrigger.Conditions>
  324. <Condition Binding="{Binding IsEnabled, RelativeSource={RelativeSource Self}}" Value="false" />
  325. <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Left" />
  326. </MultiDataTrigger.Conditions>
  327. <Setter TargetName="contentPresenter" Property="Opacity" Value="0.56" />
  328. <Setter TargetName="mainBorder" Property="Background" Value="#FFF0F0F0" />
  329. <Setter TargetName="mainBorder" Property="BorderBrush" Value="#FFD9D9D9" />
  330. <Setter TargetName="innerBorder" Property="BorderThickness" Value="1,1,0,1" />
  331. <Setter TargetName="mainBorder" Property="BorderThickness" Value="1,1,0,1" />
  332. </MultiDataTrigger>
  333. <MultiDataTrigger>
  334. <MultiDataTrigger.Conditions>
  335. <Condition Binding="{Binding IsEnabled, RelativeSource={RelativeSource Self}}" Value="false" />
  336. <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Bottom" />
  337. </MultiDataTrigger.Conditions>
  338. <Setter TargetName="contentPresenter" Property="Opacity" Value="0.56" />
  339. <Setter TargetName="mainBorder" Property="Background" Value="#FFF0F0F0" />
  340. <Setter TargetName="mainBorder" Property="BorderBrush" Value="#FFD9D9D9" />
  341. <Setter TargetName="innerBorder" Property="BorderThickness" Value="1,0,1,1" />
  342. <Setter TargetName="mainBorder" Property="BorderThickness" Value="1,0,1,1" />
  343. </MultiDataTrigger>
  344. <MultiDataTrigger>
  345. <MultiDataTrigger.Conditions>
  346. <Condition Binding="{Binding IsEnabled, RelativeSource={RelativeSource Self}}" Value="false" />
  347. <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Right" />
  348. </MultiDataTrigger.Conditions>
  349. <Setter TargetName="contentPresenter" Property="Opacity" Value="0.56" />
  350. <Setter TargetName="mainBorder" Property="Background" Value="#FFF0F0F0" />
  351. <Setter TargetName="mainBorder" Property="BorderBrush" Value="#FFD9D9D9" />
  352. <Setter TargetName="innerBorder" Property="BorderThickness" Value="0,1,1,1" />
  353. <Setter TargetName="mainBorder" Property="BorderThickness" Value="0,1,1,1" />
  354. </MultiDataTrigger>
  355. <MultiDataTrigger>
  356. <MultiDataTrigger.Conditions>
  357. <Condition Binding="{Binding IsEnabled, RelativeSource={RelativeSource Self}}" Value="false" />
  358. <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Top" />
  359. </MultiDataTrigger.Conditions>
  360. <Setter TargetName="contentPresenter" Property="Opacity" Value="0.56" />
  361. <Setter TargetName="mainBorder" Property="Background" Value="#FFF0F0F0" />
  362. <Setter TargetName="mainBorder" Property="BorderBrush" Value="#FFD9D9D9" />
  363. <Setter TargetName="innerBorder" Property="BorderThickness" Value="1,1,1,0" />
  364. <Setter TargetName="mainBorder" Property="BorderThickness" Value="1,1,1,0" />
  365. </MultiDataTrigger>
  366. <MultiDataTrigger>
  367. <MultiDataTrigger.Conditions>
  368. <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="false" />
  369. <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Left" />
  370. </MultiDataTrigger.Conditions>
  371. <Setter TargetName="innerBorder" Property="BorderThickness" Value="1,1,0,1" />
  372. <Setter TargetName="mainBorder" Property="BorderThickness" Value="1,1,0,1" />
  373. </MultiDataTrigger>
  374. <MultiDataTrigger>
  375. <MultiDataTrigger.Conditions>
  376. <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="true" />
  377. <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Left" />
  378. </MultiDataTrigger.Conditions>
  379. <Setter Property="Panel.ZIndex" Value="1" />
  380. <Setter Property="Margin" Value="-2,-2,0,-2" />
  381. <Setter TargetName="innerBorder" Property="Opacity" Value="1" />
  382. <Setter TargetName="innerBorder" Property="BorderThickness" Value="1,1,0,1" />
  383. <Setter TargetName="mainBorder" Property="BorderThickness" Value="1,1,0,1" />
  384. </MultiDataTrigger>
  385. <MultiDataTrigger>
  386. <MultiDataTrigger.Conditions>
  387. <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="false" />
  388. <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Bottom" />
  389. </MultiDataTrigger.Conditions>
  390. <Setter TargetName="innerBorder" Property="BorderThickness" Value="1,0,1,1" />
  391. <Setter TargetName="mainBorder" Property="BorderThickness" Value="1,0,1,1" />
  392. </MultiDataTrigger>
  393. <MultiDataTrigger>
  394. <MultiDataTrigger.Conditions>
  395. <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="true" />
  396. <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Bottom" />
  397. </MultiDataTrigger.Conditions>
  398. <Setter Property="Panel.ZIndex" Value="1" />
  399. <Setter Property="Margin" Value="-2,0,-2,-2" />
  400. <Setter TargetName="innerBorder" Property="Opacity" Value="1" />
  401. <Setter TargetName="innerBorder" Property="BorderThickness" Value="1,0,1,1" />
  402. <Setter TargetName="mainBorder" Property="BorderThickness" Value="1,0,1,1" />
  403. </MultiDataTrigger>
  404. <MultiDataTrigger>
  405. <MultiDataTrigger.Conditions>
  406. <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="false" />
  407. <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Right" />
  408. </MultiDataTrigger.Conditions>
  409. <Setter TargetName="innerBorder" Property="BorderThickness" Value="0,1,1,1" />
  410. <Setter TargetName="mainBorder" Property="BorderThickness" Value="0,1,1,1" />
  411. </MultiDataTrigger>
  412. <MultiDataTrigger>
  413. <MultiDataTrigger.Conditions>
  414. <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="true" />
  415. <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Right" />
  416. </MultiDataTrigger.Conditions>
  417. <Setter Property="Panel.ZIndex" Value="1" />
  418. <Setter Property="Margin" Value="0,-2,-2,-2" />
  419. <Setter TargetName="innerBorder" Property="Opacity" Value="1" />
  420. <Setter TargetName="innerBorder" Property="BorderThickness" Value="0,1,1,1" />
  421. <Setter TargetName="mainBorder" Property="BorderThickness" Value="0,1,1,1" />
  422. </MultiDataTrigger>
  423. <MultiDataTrigger>
  424. <MultiDataTrigger.Conditions>
  425. <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="false" />
  426. <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Top" />
  427. </MultiDataTrigger.Conditions>
  428. <Setter TargetName="innerBorder" Property="BorderThickness" Value="0" />
  429. <Setter TargetName="mainBorder" Property="BorderThickness" Value="0" />
  430. <Setter TargetName="mainBorder" Property="Background" Value="Transparent" />
  431. </MultiDataTrigger>
  432. <MultiDataTrigger>
  433. <MultiDataTrigger.Conditions>
  434. <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="true" />
  435. <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Top" />
  436. </MultiDataTrigger.Conditions>
  437. <Setter Property="Panel.ZIndex" Value="1" />
  438. <Setter Property="Margin" Value="0" />
  439. <Setter TargetName="innerBorder" Property="Opacity" Value="1" />
  440. <Setter TargetName="innerBorder" Property="BorderThickness" Value="0" />
  441. <Setter TargetName="mainBorder" Property="BorderThickness" Value="0" />
  442. <Setter TargetName="mainBorder" Property="Background" Value="Transparent" />
  443. </MultiDataTrigger>
  444. </ControlTemplate.Triggers>
  445. </ControlTemplate>
  446. <!-- design token TabHeader for Forms Property -->
  447. <Style x:Key="FormTabControl" TargetType="{x:Type TabControl}">
  448. <Setter Property="Padding" Value="2" />
  449. <Setter Property="HorizontalContentAlignment" Value="Center" />
  450. <Setter Property="VerticalContentAlignment" Value="Center" />
  451. <Setter Property="BorderThickness" Value="1" />
  452. <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" />
  453. <Setter Property="Template">
  454. <Setter.Value>
  455. <ControlTemplate TargetType="{x:Type TabControl}">
  456. <Grid
  457. x:Name="templateRoot"
  458. ClipToBounds="true"
  459. KeyboardNavigation.TabNavigation="Local"
  460. SnapsToDevicePixels="true">
  461. <Grid.ColumnDefinitions>
  462. <ColumnDefinition x:Name="ColumnDefinition0" />
  463. <ColumnDefinition x:Name="ColumnDefinition1" Width="0" />
  464. </Grid.ColumnDefinitions>
  465. <Grid.RowDefinitions>
  466. <RowDefinition x:Name="RowDefinition0" Height="Auto" />
  467. <RowDefinition x:Name="RowDefinition1" Height="*" />
  468. </Grid.RowDefinitions>
  469. <Border
  470. Grid.Row="0"
  471. Grid.Column="0"
  472. Background="{StaticResource color.sys.layout.fg.dark}"
  473. CornerRadius="4">
  474. <TabPanel
  475. x:Name="headerPanel"
  476. Margin="2"
  477. HorizontalAlignment="Center"
  478. VerticalAlignment="Center"
  479. Panel.ZIndex="1"
  480. Background="Transparent"
  481. IsItemsHost="true"
  482. KeyboardNavigation.TabIndex="1" />
  483. </Border>
  484. <Border
  485. x:Name="contentPanel"
  486. Grid.Row="1"
  487. Grid.Column="0"
  488. Background="{TemplateBinding Background}"
  489. BorderBrush="{TemplateBinding BorderBrush}"
  490. BorderThickness="{TemplateBinding BorderThickness}"
  491. KeyboardNavigation.DirectionalNavigation="Contained"
  492. KeyboardNavigation.TabIndex="2"
  493. KeyboardNavigation.TabNavigation="Local">
  494. <ContentPresenter
  495. x:Name="PART_SelectedContentHost"
  496. Margin="{TemplateBinding Padding}"
  497. ContentSource="SelectedContent"
  498. SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
  499. </Border>
  500. </Grid>
  501. <ControlTemplate.Triggers>
  502. <Trigger Property="TabStripPlacement" Value="Bottom">
  503. <Setter TargetName="headerPanel" Property="Grid.Row" Value="1" />
  504. <Setter TargetName="contentPanel" Property="Grid.Row" Value="0" />
  505. <Setter TargetName="RowDefinition0" Property="Height" Value="*" />
  506. <Setter TargetName="RowDefinition1" Property="Height" Value="Auto" />
  507. <Setter TargetName="headerPanel" Property="Margin" Value="2,0,2,2" />
  508. </Trigger>
  509. <Trigger Property="TabStripPlacement" Value="Left">
  510. <Setter TargetName="headerPanel" Property="Grid.Row" Value="0" />
  511. <Setter TargetName="contentPanel" Property="Grid.Row" Value="0" />
  512. <Setter TargetName="headerPanel" Property="Grid.Column" Value="0" />
  513. <Setter TargetName="contentPanel" Property="Grid.Column" Value="1" />
  514. <Setter TargetName="ColumnDefinition0" Property="Width" Value="Auto" />
  515. <Setter TargetName="ColumnDefinition1" Property="Width" Value="*" />
  516. <Setter TargetName="RowDefinition0" Property="Height" Value="*" />
  517. <Setter TargetName="RowDefinition1" Property="Height" Value="0" />
  518. <Setter TargetName="headerPanel" Property="Margin" Value="2,2,0,2" />
  519. </Trigger>
  520. <Trigger Property="TabStripPlacement" Value="Right">
  521. <Setter TargetName="headerPanel" Property="Grid.Row" Value="0" />
  522. <Setter TargetName="contentPanel" Property="Grid.Row" Value="0" />
  523. <Setter TargetName="headerPanel" Property="Grid.Column" Value="1" />
  524. <Setter TargetName="contentPanel" Property="Grid.Column" Value="0" />
  525. <Setter TargetName="ColumnDefinition0" Property="Width" Value="*" />
  526. <Setter TargetName="ColumnDefinition1" Property="Width" Value="Auto" />
  527. <Setter TargetName="RowDefinition0" Property="Height" Value="*" />
  528. <Setter TargetName="RowDefinition1" Property="Height" Value="0" />
  529. <Setter TargetName="headerPanel" Property="Margin" Value="0,2,2,2" />
  530. </Trigger>
  531. <Trigger Property="IsEnabled" Value="false">
  532. <Setter TargetName="templateRoot" Property="TextElement.Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" />
  533. </Trigger>
  534. </ControlTemplate.Triggers>
  535. </ControlTemplate>
  536. </Setter.Value>
  537. </Setter>
  538. </Style>
  539. </ResourceDictionary>