ComboBox.xaml 32 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431
  1. <ResourceDictionary
  2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  4. <Style x:Key="ComboBoxFocusVisual">
  5. <Setter Property="Control.Template">
  6. <Setter.Value>
  7. <ControlTemplate>
  8. <Rectangle Margin="4,4,21,4" SnapsToDevicePixels="true" Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" StrokeThickness="1" StrokeDashArray="1 2"/>
  9. </ControlTemplate>
  10. </Setter.Value>
  11. </Setter>
  12. </Style>
  13. <Geometry x:Key="DownArrowGeometry">M 0 0 L 5 5 L 10 0 Z</Geometry>
  14. <SolidColorBrush x:Key="ToggleButton_BD" Color="Black"/>
  15. <LinearGradientBrush x:Key="ToggleButton_BG" EndPoint="0.5,1" StartPoint="0.5,0">
  16. <GradientStop Color="#FF597EAA" Offset="0"/>
  17. <GradientStop Color="#FFA1BAD8" Offset="1"/>
  18. </LinearGradientBrush>
  19. <SolidColorBrush x:Key="ToggleButton_InnerHighlight" Color="#FF809CBE"/>
  20. <SolidColorBrush x:Key="ToggleButton_InnerShadow" Color="#FF334459"/>
  21. <LinearGradientBrush x:Key="ToggleButton_BG_MouseOver" EndPoint="0.5,1" StartPoint="0.5,0">
  22. <GradientStop Color="#FF234887" Offset="0"/>
  23. <GradientStop Color="#FF6590CA" Offset="1"/>
  24. </LinearGradientBrush>
  25. <SolidColorBrush x:Key="ComboBox_DropDown_BG" Color="#FF2A6AB6"/>
  26. <SolidColorBrush x:Key="ComboBox_DropDown_BD" Color="#FF0A2B58"/>
  27. <SolidColorBrush x:Key="ComboBox_BG" Color="White"/>
  28. <SolidColorBrush x:Key="ComboBox_BD" Color="#FF999999"/>
  29. <SolidColorBrush x:Key="ComboBox_BD_InnerShadow" Color="#FF404040"/>
  30. <SolidColorBrush x:Key="ComboBox_BD_InnerHighlight" Color="#FFD2D2D2"/>
  31. <SolidColorBrush x:Key="ComboBox_BG_Unable" Color="#FFDBDBDB"/>
  32. <SolidColorBrush x:Key="ComboBox_BD_Unable" Color="Gray"/>
  33. <SolidColorBrush x:Key="ComboBox_BD_InnerShadow_Unable" Color="#FF838383"/>
  34. <SolidColorBrush x:Key="ToggleButton_Login_BD" Color="#FF092B58"/>
  35. <LinearGradientBrush x:Key="ToggleButton_Login_BG" EndPoint="0.5,1" StartPoint="0.5,0">
  36. <GradientStop Color="#FF0C4277" Offset="0"/>
  37. <GradientStop Color="#FF1373C8" Offset="1"/>
  38. </LinearGradientBrush>
  39. <SolidColorBrush x:Key="ToggleButton_Login_InnerHighlight" Color="#FF416C95"/>
  40. <SolidColorBrush x:Key="ToggleButton_Login_InnerShadow" Color="#FF093861"/>
  41. <SolidColorBrush x:Key="ToggleButton_Login_BD_MouseOver" Color="#FF05162c"/>
  42. <LinearGradientBrush x:Key="ToggleButton_Login_BG_MouseOver" EndPoint="0.5,1" StartPoint="0.5,0">
  43. <GradientStop Color="#FF115b9b" Offset="0"/>
  44. <GradientStop Color="#FF1b96de" Offset="1"/>
  45. </LinearGradientBrush>
  46. <SolidColorBrush x:Key="ToggleButton_Login_InnerHighlight_MouseOver" Color="#FF457fb1"/>
  47. <SolidColorBrush x:Key="ToggleButton_Login_InnerShadow_MouseOver" Color="#FF0d496d"/>
  48. <SolidColorBrush x:Key="ToggleButton_ArrowBG" Color="White"/>
  49. <SolidColorBrush x:Key="ToggleButton_BD_Unable" Color="#FF868686"/>
  50. <LinearGradientBrush x:Key="ToggleButton_BG_Unable" EndPoint="0.5,1" StartPoint="0.5,0">
  51. <GradientStop Color="#FFB1B1B1" Offset="0"/>
  52. <GradientStop Color="#FFDADADA" Offset="1"/>
  53. </LinearGradientBrush>
  54. <SolidColorBrush x:Key="ToggleButton_InnerHighlight_Unable" Color="#FFD8D8D8"/>
  55. <SolidColorBrush x:Key="ToggleButton_InnerShadow_Unable" Color="#FF6C6C6C"/>
  56. <SolidColorBrush x:Key="ComboBox_DropDown_Login_BG" Color="#FF2A6AB6"/>
  57. <SolidColorBrush x:Key="ComboBox_DropDown_Login_BD" Color="#FF0A2B58"/>
  58. <SolidColorBrush x:Key="ComboBox_Login_BG" Color="#FF1e4f8a"/>
  59. <SolidColorBrush x:Key="ComboBox_Login_BD" Color="#FF092b58"/>
  60. <!-- Toggle Button Style -->
  61. <Style x:Key="ComboBoxReadonlyToggleButton" TargetType="{x:Type ToggleButton}">
  62. <Setter Property="SnapsToDevicePixels" Value="True"/>
  63. <Setter Property="OverridesDefaultStyle" Value="true"/>
  64. <Setter Property="BorderBrush" Value="{DynamicResource ToggleButton_BD}"/>
  65. <Setter Property="Background" Value="{DynamicResource ToggleButton_BG}"/>
  66. <Setter Property="Border.CornerRadius" Value="0"/>
  67. <Setter Property="BorderThickness" Value="1"/>
  68. <Setter Property="IsTabStop" Value="false"/>
  69. <Setter Property="Focusable" Value="false"/>
  70. <Setter Property="ClickMode" Value="Press"/>
  71. <Setter Property="Template">
  72. <Setter.Value>
  73. <ControlTemplate TargetType="{x:Type ToggleButton}">
  74. <Grid Background="#00FFFFFF">
  75. <Grid.ColumnDefinitions>
  76. <ColumnDefinition/>
  77. <ColumnDefinition Width="25"/>
  78. </Grid.ColumnDefinitions>
  79. <Border x:Name="BG" Grid.Column="1" BorderThickness="0" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}" CornerRadius="{TemplateBinding Border.CornerRadius}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Cursor="Hand"/>
  80. <Border x:Name="InnerBD_Highlight" Grid.Column="1" BorderThickness="1,1,0,0" BorderBrush="{DynamicResource ToggleButton_InnerHighlight}" CornerRadius="2">
  81. <Border x:Name="InnerBD_Shadow" BorderThickness="0,0,1,1" BorderBrush="{DynamicResource ToggleButton_InnerShadow}" CornerRadius="2"/>
  82. </Border>
  83. <Path x:Name="Arrow" Grid.Column="1" Data="{StaticResource DownArrowGeometry}" Fill="{DynamicResource ToggleButton_ArrowBG}" HorizontalAlignment="Center" VerticalAlignment="Center" Cursor="Hand">
  84. <Path.Effect>
  85. <DropShadowEffect BlurRadius="0" ShadowDepth="1"/>
  86. </Path.Effect>
  87. </Path>
  88. </Grid>
  89. <ControlTemplate.Triggers>
  90. <Trigger Property="IsMouseOver" Value="true">
  91. <Setter Property="Background" TargetName="BG" Value="{DynamicResource ToggleButton_BG_MouseOver}"/>
  92. </Trigger>
  93. <Trigger Property="IsEnabled" Value="false">
  94. <Setter Property="BorderBrush" TargetName="BG" Value="{DynamicResource ToggleButton_BD_Unable}"/>
  95. <Setter Property="Background" TargetName="BG" Value="{DynamicResource ToggleButton_BG_Unable}"/>
  96. <Setter Property="Fill" TargetName="Arrow" Value="#FF999999"/>
  97. <Setter Property="Effect" TargetName="Arrow">
  98. <Setter.Value>
  99. <DropShadowEffect BlurRadius="0" ShadowDepth="1" Opacity="0"/>
  100. </Setter.Value>
  101. </Setter>
  102. <Setter Property="BorderBrush" TargetName="InnerBD_Shadow" Value="{DynamicResource ToggleButton_InnerShadow_Unable}"/>
  103. <Setter Property="BorderBrush" TargetName="InnerBD_Highlight" Value="{DynamicResource ToggleButton_InnerHighlight_Unable}"/>
  104. </Trigger>
  105. </ControlTemplate.Triggers>
  106. </ControlTemplate>
  107. </Setter.Value>
  108. </Setter>
  109. </Style>
  110. <Style x:Key="ComboBoxToggleButton" TargetType="{x:Type ToggleButton}">
  111. <Setter Property="BorderBrush" Value="{DynamicResource ToggleButton_BD}"/>
  112. <Setter Property="Background" Value="{DynamicResource ToggleButton_BG}"/>
  113. <Setter Property="Border.CornerRadius" Value="3"/>
  114. <Setter Property="BorderThickness" Value="1"/>
  115. <Setter Property="OverridesDefaultStyle" Value="true"/>
  116. <Setter Property="IsTabStop" Value="false"/>
  117. <Setter Property="Focusable" Value="false"/>
  118. <Setter Property="ClickMode" Value="Press"/>
  119. <Setter Property="Template">
  120. <Setter.Value>
  121. <ControlTemplate TargetType="{x:Type ToggleButton}">
  122. <Border x:Name="BG" BorderThickness="0" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}" CornerRadius="{TemplateBinding Border.CornerRadius}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Cursor="Hand">
  123. <Grid>
  124. <Border x:Name="InnerBD_Highlight" BorderThickness="2,2,0,0" BorderBrush="{DynamicResource ToggleButton_InnerHighlight}" CornerRadius="2">
  125. <Border x:Name="InnerBD_Shadow" BorderThickness="0,0,2,2" BorderBrush="{DynamicResource ToggleButton_InnerShadow}" CornerRadius="2"/>
  126. </Border>
  127. <Path x:Name="Arrow" Data="{StaticResource DownArrowGeometry}" Fill="{DynamicResource ToggleButton_ArrowBG}" HorizontalAlignment="Center" VerticalAlignment="Center" Cursor="Hand">
  128. <Path.Effect>
  129. <DropShadowEffect BlurRadius="0" ShadowDepth="1"/>
  130. </Path.Effect>
  131. </Path>
  132. </Grid>
  133. </Border>
  134. <ControlTemplate.Triggers>
  135. <Trigger Property="IsMouseOver" Value="true">
  136. <Setter Property="Background" TargetName="BG" Value="{DynamicResource ToggleButton_BG_MouseOver}"/>
  137. </Trigger>
  138. <Trigger Property="IsEnabled" Value="false">
  139. <Setter Property="BorderBrush" TargetName="BG" Value="{DynamicResource ToggleButton_BD_Unable}"/>
  140. <Setter Property="Background" TargetName="BG" Value="{DynamicResource ToggleButton_BG_Unable}"/>
  141. <Setter Property="Fill" TargetName="Arrow" Value="#FF999999"/>
  142. <Setter Property="Effect" TargetName="Arrow">
  143. <Setter.Value>
  144. <DropShadowEffect BlurRadius="0" ShadowDepth="1" Opacity="0"/>
  145. </Setter.Value>
  146. </Setter>
  147. <Setter Property="BorderBrush" TargetName="InnerBD_Shadow" Value="{DynamicResource ToggleButton_InnerShadow_Unable}"/>
  148. <Setter Property="BorderBrush" TargetName="InnerBD_Highlight" Value="{DynamicResource ToggleButton_InnerHighlight_Unable}"/>
  149. </Trigger>
  150. </ControlTemplate.Triggers>
  151. </ControlTemplate>
  152. </Setter.Value>
  153. </Setter>
  154. </Style>
  155. <Style x:Key="ComboBoxEditableTextBox" TargetType="{x:Type TextBox}">
  156. <Setter Property="OverridesDefaultStyle" Value="true"/>
  157. <Setter Property="AllowDrop" Value="true"/>
  158. <Setter Property="MinWidth" Value="0"/>
  159. <Setter Property="MinHeight" Value="0"/>
  160. <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
  161. <Setter Property="ScrollViewer.PanningMode" Value="VerticalFirst"/>
  162. <Setter Property="Stylus.IsFlicksEnabled" Value="False"/>
  163. <Setter Property="Template">
  164. <Setter.Value>
  165. <ControlTemplate TargetType="{x:Type TextBox}">
  166. <ScrollViewer x:Name="PART_ContentHost" Background="Transparent" Focusable="false" HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Hidden"/>
  167. </ControlTemplate>
  168. </Setter.Value>
  169. </Setter>
  170. </Style>
  171. <ControlTemplate x:Key="ComboBoxEditableTemplate" TargetType="{x:Type ComboBox}">
  172. <Border x:Name="Bd" BorderThickness="{TemplateBinding BorderThickness}" SnapsToDevicePixels="true" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}">
  173. <Border BorderBrush="Gray" BorderThickness="0,0,1,1">
  174. <Grid x:Name="Placement" SnapsToDevicePixels="true">
  175. <Grid.ColumnDefinitions>
  176. <ColumnDefinition Width="*"/>
  177. <ColumnDefinition Width="25"/>
  178. </Grid.ColumnDefinitions>
  179. <Popup x:Name="PART_Popup" AllowsTransparency="true" Grid.ColumnSpan="2" IsOpen="{Binding IsDropDownOpen, RelativeSource={RelativeSource TemplatedParent}}" PopupAnimation="{DynamicResource {x:Static SystemParameters.ComboBoxPopupAnimationKey}}" Placement="Bottom">
  180. <Border x:Name="DropDownBorder" BorderBrush="{DynamicResource {x:Static SystemColors.WindowFrameBrushKey}}" BorderThickness="1" Background="{DynamicResource {x:Static SystemColors.WindowBrushKey}}">
  181. <ScrollViewer x:Name="DropDownScrollViewer">
  182. <Grid RenderOptions.ClearTypeHint="Enabled">
  183. <Canvas HorizontalAlignment="Left" Height="0" VerticalAlignment="Top" Width="0">
  184. <Rectangle x:Name="OpaqueRect" Fill="{Binding Background, ElementName=DropDownBorder}" Height="{Binding ActualHeight, ElementName=DropDownBorder}" Width="{Binding ActualWidth, ElementName=DropDownBorder}"/>
  185. </Canvas>
  186. <ItemsPresenter x:Name="ItemsPresenter" KeyboardNavigation.DirectionalNavigation="Contained" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
  187. </Grid>
  188. </ScrollViewer>
  189. </Border>
  190. </Popup>
  191. <TextBox x:Name="PART_EditableTextBox" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" IsReadOnly="{Binding IsReadOnly, RelativeSource={RelativeSource TemplatedParent}}" Margin="{TemplateBinding Padding}" Style="{StaticResource ComboBoxEditableTextBox}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"/>
  192. <ToggleButton Grid.Column="1" Margin="1,1,0,0" IsChecked="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" Style="{StaticResource ComboBoxToggleButton}"/>
  193. </Grid>
  194. </Border>
  195. </Border>
  196. <ControlTemplate.Triggers>
  197. <Trigger Property="IsKeyboardFocusWithin" Value="true">
  198. <Setter Property="Foreground" Value="Black"/>
  199. </Trigger>
  200. <Trigger Property="IsDropDownOpen" Value="true">
  201. </Trigger>
  202. <Trigger Property="HasItems" Value="false">
  203. <Setter Property="Height" TargetName="DropDownBorder" Value="95"/>
  204. </Trigger>
  205. <Trigger Property="IsEnabled" Value="false">
  206. <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
  207. <Setter Property="Background" Value="#FFF4F4F4"/>
  208. </Trigger>
  209. <Trigger Property="IsGrouping" Value="true">
  210. <Setter Property="ScrollViewer.CanContentScroll" Value="false"/>
  211. </Trigger>
  212. <Trigger Property="HasDropShadow" SourceName="PART_Popup" Value="true">
  213. </Trigger>
  214. <Trigger Property="ScrollViewer.CanContentScroll" SourceName="DropDownScrollViewer" Value="false">
  215. <Setter Property="Canvas.Top" TargetName="OpaqueRect" Value="{Binding VerticalOffset, ElementName=DropDownScrollViewer}"/>
  216. <Setter Property="Canvas.Left" TargetName="OpaqueRect" Value="{Binding HorizontalOffset, ElementName=DropDownScrollViewer}"/>
  217. </Trigger>
  218. </ControlTemplate.Triggers>
  219. </ControlTemplate>
  220. <!-- ComboBox Style -->
  221. <Style TargetType="{x:Type ComboBox}">
  222. <Setter Property="FocusVisualStyle" Value="{StaticResource ComboBoxFocusVisual}"/>
  223. <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.WindowTextBrushKey}}"/>
  224. <Setter Property="Background" Value="{DynamicResource ComboBox_BG}"/>
  225. <Setter Property="BorderBrush" Value="{DynamicResource ComboBox_BD}"/>
  226. <Setter Property="FontFamily" Value="Arial"/>
  227. <Setter Property="BorderThickness" Value="1"/>
  228. <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto"/>
  229. <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto"/>
  230. <Setter Property="Padding" Value="4,3"/>
  231. <Setter Property="ScrollViewer.CanContentScroll" Value="true"/>
  232. <Setter Property="ScrollViewer.PanningMode" Value="Both"/>
  233. <Setter Property="Stylus.IsFlicksEnabled" Value="False"/>
  234. <Setter Property="Template">
  235. <Setter.Value>
  236. <ControlTemplate TargetType="{x:Type ComboBox}">
  237. <Grid x:Name="MainGrid" SnapsToDevicePixels="true">
  238. <Grid.ColumnDefinitions>
  239. <ColumnDefinition Width="*"/>
  240. <ColumnDefinition MinWidth="{DynamicResource {x:Static SystemParameters.VerticalScrollBarWidthKey}}" Width="0"/>
  241. </Grid.ColumnDefinitions>
  242. <Popup x:Name="PART_Popup" Grid.ColumnSpan="2" IsOpen="{TemplateBinding IsDropDownOpen}" Placement="Bottom" Focusable="False" AllowsTransparency="True" PopupAnimation="Fade" VerticalOffset="2" >
  243. <Border x:Name="DropDownBorder" MaxHeight="{TemplateBinding MaxDropDownHeight}" MinWidth="{TemplateBinding ActualWidth}" BorderBrush="{DynamicResource {x:Static SystemColors.WindowFrameBrushKey}}" BorderThickness="1" Background="{DynamicResource {x:Static SystemColors.WindowBrushKey}}">
  244. <ScrollViewer x:Name="DropDownScrollViewer" Margin="0,5">
  245. <Grid RenderOptions.ClearTypeHint="Enabled">
  246. <Canvas HorizontalAlignment="Left" Height="0" VerticalAlignment="Top" Width="0">
  247. <Rectangle x:Name="OpaqueRect" Fill="{Binding Background, ElementName=DropDownBorder}" Height="{Binding ActualHeight, ElementName=DropDownBorder}" Width="{Binding ActualWidth, ElementName=DropDownBorder}"/>
  248. </Canvas>
  249. <ItemsPresenter x:Name="ItemsPresenter" KeyboardNavigation.DirectionalNavigation="Contained" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
  250. </Grid>
  251. </ScrollViewer>
  252. </Border>
  253. <Popup.Effect>
  254. <DropShadowEffect Color="#71000000"/>
  255. </Popup.Effect>
  256. </Popup>
  257. <Border x:Name="Bd" Grid.ColumnSpan="2" BorderThickness="{TemplateBinding BorderThickness}" SnapsToDevicePixels="true" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}">
  258. <Border x:Name="InnerBD_Shadow" BorderBrush="{DynamicResource ComboBox_BD_InnerShadow}" BorderThickness="1,1,0,0">
  259. <Border x:Name="InnerBD_Highlight" BorderBrush="{DynamicResource ComboBox_BD_InnerHighlight}" BorderThickness="0,0,1,1">
  260. </Border>
  261. </Border>
  262. </Border>
  263. <ToggleButton x:Name="ToggleButton" Style="{StaticResource ComboBoxReadonlyToggleButton}" Grid.ColumnSpan="2" IsChecked="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" Cursor="Hand" Margin="2"/>
  264. <ContentPresenter ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}" ContentTemplateSelector="{TemplateBinding ItemTemplateSelector}" Content="{TemplateBinding SelectionBoxItem}" ContentStringFormat="{TemplateBinding SelectionBoxItemStringFormat}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" IsHitTestVisible="false" Margin="4,3,20,3" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="Center"/>
  265. </Grid>
  266. <ControlTemplate.Triggers>
  267. <Trigger Property="HasItems" Value="false">
  268. <Setter Property="Height" TargetName="DropDownBorder" Value="95"/>
  269. </Trigger>
  270. <Trigger Property="IsEnabled" Value="false">
  271. <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
  272. <Setter Property="Background" TargetName="Bd" Value="{DynamicResource ComboBox_BG_Unable}"/>
  273. <Setter Property="BorderBrush" TargetName="Bd" Value="{DynamicResource ComboBox_BD_Unable}"/>
  274. <Setter Property="BorderBrush" TargetName="InnerBD_Shadow" Value="{DynamicResource ComboBox_BD_InnerShadow_Unable}"/>
  275. </Trigger>
  276. <Trigger Property="IsGrouping" Value="true">
  277. <Setter Property="ScrollViewer.CanContentScroll" Value="false"/>
  278. </Trigger>
  279. <Trigger Property="ScrollViewer.CanContentScroll" SourceName="DropDownScrollViewer" Value="false">
  280. <Setter Property="Canvas.Top" TargetName="OpaqueRect" Value="{Binding VerticalOffset, ElementName=DropDownScrollViewer}"/>
  281. <Setter Property="Canvas.Left" TargetName="OpaqueRect" Value="{Binding HorizontalOffset, ElementName=DropDownScrollViewer}"/>
  282. </Trigger>
  283. </ControlTemplate.Triggers>
  284. </ControlTemplate>
  285. </Setter.Value>
  286. </Setter>
  287. <Style.Triggers>
  288. <Trigger Property="IsEditable" Value="true">
  289. <Setter Property="BorderBrush" Value="Black"/>
  290. <Setter Property="Background" Value="White"/>
  291. <Setter Property="IsTabStop" Value="false"/>
  292. <Setter Property="Padding" Value="3"/>
  293. <Setter Property="Template" Value="{StaticResource ComboBoxEditableTemplate}"/>
  294. </Trigger>
  295. </Style.Triggers>
  296. </Style>
  297. <!-- Login ComboBox Style -->
  298. <Style x:Key="ComboBoxReadonlyToggleButton_Login" TargetType="{x:Type ToggleButton}">
  299. <Setter Property="SnapsToDevicePixels" Value="True"/>
  300. <Setter Property="OverridesDefaultStyle" Value="true"/>
  301. <Setter Property="BorderBrush" Value="{DynamicResource ToggleButton_Login_BD}"/>
  302. <Setter Property="Background" Value="{DynamicResource ToggleButton_Login_BG}"/>
  303. <Setter Property="BorderThickness" Value="1"/>
  304. <Setter Property="IsTabStop" Value="false"/>
  305. <Setter Property="Focusable" Value="false"/>
  306. <Setter Property="ClickMode" Value="Press"/>
  307. <Setter Property="Template">
  308. <Setter.Value>
  309. <ControlTemplate TargetType="{x:Type ToggleButton}">
  310. <Border x:Name="BG" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Cursor="Hand">
  311. <Grid>
  312. <Border x:Name="InnerBD_Highlight" BorderThickness="1.5,1.5,0,0" BorderBrush="{DynamicResource ToggleButton_Login_InnerHighlight}">
  313. <Border x:Name="InnerBD_Shadow" BorderThickness="0,0,1.5,1.5" BorderBrush="{DynamicResource ToggleButton_Login_InnerShadow}"/>
  314. </Border>
  315. <Path x:Name="Arrow" Data="{StaticResource DownArrowGeometry}" Fill="{DynamicResource ToggleButton_ArrowBG}" HorizontalAlignment="Center" VerticalAlignment="Center" Cursor="Hand">
  316. <Path.Effect>
  317. <DropShadowEffect BlurRadius="0" ShadowDepth="1"/>
  318. </Path.Effect>
  319. </Path>
  320. </Grid>
  321. </Border>
  322. <ControlTemplate.Triggers>
  323. <Trigger Property="IsMouseOver" Value="true">
  324. <Setter Property="BorderBrush" TargetName="BG" Value="{DynamicResource ToggleButton_Login_BD_MouseOver}"/>
  325. <Setter Property="Background" TargetName="BG" Value="{DynamicResource ToggleButton_Login_BG_MouseOver}"/>
  326. <Setter Property="BorderBrush" TargetName="InnerBD_Shadow" Value="{DynamicResource ToggleButton_Login_InnerShadow_MouseOver}"/>
  327. <Setter Property="BorderBrush" TargetName="InnerBD_Highlight" Value="{DynamicResource ToggleButton_Login_InnerHighlight_MouseOver}"/>
  328. </Trigger>
  329. <Trigger Property="IsEnabled" Value="false">
  330. <Setter Property="BorderBrush" TargetName="BG" Value="{DynamicResource ToggleButton_BD_Unable}"/>
  331. <Setter Property="Background" TargetName="BG" Value="{DynamicResource ToggleButton_BG_Unable}"/>
  332. <Setter Property="Fill" TargetName="Arrow" Value="#FF999999"/>
  333. <Setter Property="Effect" TargetName="Arrow">
  334. <Setter.Value>
  335. <DropShadowEffect BlurRadius="0" ShadowDepth="1" Opacity="0"/>
  336. </Setter.Value>
  337. </Setter>
  338. <Setter Property="BorderBrush" TargetName="InnerBD_Shadow" Value="{DynamicResource ToggleButton_InnerShadow_Unable}"/>
  339. <Setter Property="BorderBrush" TargetName="InnerBD_Highlight" Value="{DynamicResource ToggleButton_InnerHighlight_Unable}"/>
  340. </Trigger>
  341. </ControlTemplate.Triggers>
  342. </ControlTemplate>
  343. </Setter.Value>
  344. </Setter>
  345. </Style>
  346. <Style x:Key="Login_ComboBox" TargetType="{x:Type ComboBox}">
  347. <Setter Property="FocusVisualStyle" Value="{StaticResource ComboBoxFocusVisual}"/>
  348. <Setter Property="Foreground" Value="{DynamicResource FG_White}"/>
  349. <Setter Property="Background" Value="{DynamicResource ComboBox_Login_BG}"/>
  350. <Setter Property="BorderBrush" Value="{DynamicResource ComboBox_Login_BD}"/>
  351. <Setter Property="FontFamily" Value="Arial"/>
  352. <Setter Property="BorderThickness" Value="2"/>
  353. <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto"/>
  354. <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto"/>
  355. <Setter Property="Padding" Value="4,3"/>
  356. <Setter Property="ScrollViewer.CanContentScroll" Value="true"/>
  357. <Setter Property="ScrollViewer.PanningMode" Value="Both"/>
  358. <Setter Property="Stylus.IsFlicksEnabled" Value="False"/>
  359. <Setter Property="Template">
  360. <Setter.Value>
  361. <ControlTemplate TargetType="{x:Type ComboBox}">
  362. <Border x:Name="Bd" BorderThickness="{TemplateBinding BorderThickness}" SnapsToDevicePixels="true" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}">
  363. <Grid x:Name="MainGrid" SnapsToDevicePixels="true">
  364. <Grid.ColumnDefinitions>
  365. <ColumnDefinition Width="*"/>
  366. <ColumnDefinition Width="30"/>
  367. </Grid.ColumnDefinitions>
  368. <Popup x:Name="PART_Popup" Grid.ColumnSpan="2" IsOpen="{TemplateBinding IsDropDownOpen}" Placement="Bottom" Focusable="False" AllowsTransparency="True" PopupAnimation="Fade" VerticalOffset="2" >
  369. <Border x:Name="DropDownBorder" MaxHeight="{TemplateBinding MaxDropDownHeight}" MinWidth="{TemplateBinding ActualWidth}" BorderBrush="{DynamicResource ComboBox_DropDown_Login_BD}" BorderThickness="1" Background="{DynamicResource ComboBox_DropDown_Login_BG}">
  370. <ScrollViewer x:Name="DropDownScrollViewer" Margin="0,5">
  371. <Grid RenderOptions.ClearTypeHint="Enabled">
  372. <Canvas HorizontalAlignment="Left" Height="0" VerticalAlignment="Top" Width="0">
  373. <Rectangle x:Name="OpaqueRect" Fill="{Binding Background, ElementName=DropDownBorder}" Height="{Binding ActualHeight, ElementName=DropDownBorder}" Width="{Binding ActualWidth, ElementName=DropDownBorder}"/>
  374. </Canvas>
  375. <ItemsPresenter x:Name="ItemsPresenter" KeyboardNavigation.DirectionalNavigation="Contained" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
  376. </Grid>
  377. </ScrollViewer>
  378. </Border>
  379. <Popup.Effect>
  380. <DropShadowEffect Color="#71000000"/>
  381. </Popup.Effect>
  382. </Popup>
  383. <ToggleButton Margin="1" Grid.Column="1" IsChecked="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" Style="{StaticResource ComboBoxReadonlyToggleButton_Login}"/>
  384. <ContentPresenter ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}" ContentTemplateSelector="{TemplateBinding ItemTemplateSelector}" Content="{TemplateBinding SelectionBoxItem}" ContentStringFormat="{TemplateBinding SelectionBoxItemStringFormat}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" IsHitTestVisible="false" Margin="{TemplateBinding Padding}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="Center"/>
  385. </Grid>
  386. </Border>
  387. <ControlTemplate.Triggers>
  388. <Trigger Property="HasItems" Value="false">
  389. <Setter Property="Height" TargetName="DropDownBorder" Value="95"/>
  390. </Trigger>
  391. <Trigger Property="IsEnabled" Value="false">
  392. <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
  393. <Setter Property="Background" TargetName="Bd" Value="#FFDBDBDB"/>
  394. <Setter Property="BorderBrush" TargetName="Bd" Value="Gray"/>
  395. </Trigger>
  396. <Trigger Property="IsGrouping" Value="true">
  397. <Setter Property="ScrollViewer.CanContentScroll" Value="false"/>
  398. </Trigger>
  399. <Trigger Property="ScrollViewer.CanContentScroll" SourceName="DropDownScrollViewer" Value="false">
  400. <Setter Property="Canvas.Top" TargetName="OpaqueRect" Value="{Binding VerticalOffset, ElementName=DropDownScrollViewer}"/>
  401. <Setter Property="Canvas.Left" TargetName="OpaqueRect" Value="{Binding HorizontalOffset, ElementName=DropDownScrollViewer}"/>
  402. </Trigger>
  403. </ControlTemplate.Triggers>
  404. </ControlTemplate>
  405. </Setter.Value>
  406. </Setter>
  407. <Style.Triggers>
  408. <Trigger Property="IsEditable" Value="true">
  409. <Setter Property="BorderBrush" Value="Black"/>
  410. <Setter Property="Background" Value="White"/>
  411. <Setter Property="IsTabStop" Value="false"/>
  412. <Setter Property="Padding" Value="3"/>
  413. <Setter Property="Template" Value="{StaticResource ComboBoxEditableTemplate}"/>
  414. </Trigger>
  415. </Style.Triggers>
  416. </Style>
  417. </ResourceDictionary>