Generic.xaml 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215
  1. <ResourceDictionary
  2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4. xmlns:ZUI="clr-namespace:CustomUI">
  5. <Style x:Key="ToggleButtonStyle" TargetType="{x:Type ToggleButton}">
  6. <Setter Property="Background" Value="Transparent" />
  7. <Setter Property="BorderBrush" Value="Transparent" />
  8. <Setter Property="BorderThickness" Value="0" />
  9. <Setter Property="Foreground" Value="Black" />
  10. <Setter Property="HorizontalContentAlignment" Value="Center" />
  11. <Setter Property="VerticalContentAlignment" Value="Center" />
  12. <Setter Property="SnapsToDevicePixels" Value="True" />
  13. <Setter Property="UseLayoutRounding" Value="True" />
  14. <Setter Property="Template">
  15. <Setter.Value>
  16. <ControlTemplate TargetType="{x:Type ToggleButton}">
  17. <Grid>
  18. <Border
  19. Background="Transparent"
  20. CornerRadius="100"
  21. IsHitTestVisible="False"
  22. SnapsToDevicePixels="True"
  23. UseLayoutRounding="True">
  24. <Border.Effect>
  25. <DropShadowEffect
  26. BlurRadius="8"
  27. Opacity="0.5"
  28. ShadowDepth="0"
  29. Color="Black" />
  30. </Border.Effect>
  31. </Border>
  32. <Border
  33. Background="{TemplateBinding Background}"
  34. BorderBrush="{TemplateBinding BorderBrush}"
  35. BorderThickness="{TemplateBinding BorderThickness}"
  36. CornerRadius="100"
  37. SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
  38. UseLayoutRounding="{TemplateBinding UseLayoutRounding}">
  39. <Border
  40. x:Name="Border"
  41. Background="Transparent"
  42. CornerRadius="100">
  43. <Image
  44. Width="40"
  45. Height="40"
  46. HorizontalAlignment="Center"
  47. VerticalAlignment="Center"
  48. Source="/SHJX.Service.Resource;component/Assets/Photos/清洗.png" />
  49. <!--<Path
  50. x:Name="ExpandPath"
  51. Width="15"
  52. Height="15"
  53. Data="M576 896c0 35.346-28.654 64-64 64s-64-28.654-64-64L448 576 128 576c-35.346 0-64-28.654-64-64s28.654-64 64-64l320 0L448 128c0-35.346 28.654-64 64-64s64 28.655 64 64l0 320 320 0c35.346 0 64 28.654 64 64s-28.654 64-64 64L576 576 576 896z"
  54. Fill="White"
  55. Stretch="Uniform" />-->
  56. </Border>
  57. </Border>
  58. </Grid>
  59. <ControlTemplate.Triggers>
  60. <Trigger Property="IsMouseOver" Value="True">
  61. <Setter Property="Cursor" Value="Hand" />
  62. <Setter TargetName="Border" Property="Background" Value="#929FDE" />
  63. </Trigger>
  64. <Trigger Property="IsChecked" Value="True">
  65. <Setter TargetName="Border" Property="Background" Value="#929FDE" />
  66. </Trigger>
  67. </ControlTemplate.Triggers>
  68. </ControlTemplate>
  69. </Setter.Value>
  70. </Setter>
  71. </Style>
  72. <Style TargetType="{x:Type ZUI:FloatingActionButton}">
  73. <Setter Property="Background" Value="#6452A4" />
  74. <Setter Property="BorderBrush" Value="Transparent" />
  75. <Setter Property="BorderThickness" Value="0" />
  76. <Setter Property="Foreground" Value="{Binding Foreground, RelativeSource={RelativeSource AncestorType={x:Type ZUI:FloatingActionMenu}}}" />
  77. <Setter Property="Padding" Value="10" />
  78. <Setter Property="HorizontalContentAlignment" Value="Center" />
  79. <Setter Property="VerticalContentAlignment" Value="Center" />
  80. <Setter Property="HorizontalAlignment" Value="Center" />
  81. <Setter Property="VerticalAlignment" Value="Center" />
  82. <Setter Property="SnapsToDevicePixels" Value="True" />
  83. <Setter Property="UseLayoutRounding" Value="True" />
  84. <Setter Property="Template">
  85. <Setter.Value>
  86. <ControlTemplate TargetType="{x:Type ZUI:FloatingActionButton}">
  87. <Grid
  88. Width="40"
  89. Height="40"
  90. Margin="5,5"
  91. Background="Transparent">
  92. <Border
  93. Background="#FFFFFF"
  94. CornerRadius="100"
  95. IsHitTestVisible="False"
  96. SnapsToDevicePixels="True"
  97. UseLayoutRounding="True">
  98. <Border.Effect>
  99. <DropShadowEffect
  100. BlurRadius="8"
  101. Opacity="0.5"
  102. ShadowDepth="0"
  103. Color="Black" />
  104. </Border.Effect>
  105. </Border>
  106. <Border
  107. Background="{TemplateBinding Background}"
  108. BorderBrush="{TemplateBinding BorderBrush}"
  109. BorderThickness="{TemplateBinding BorderThickness}"
  110. CornerRadius="100"
  111. SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
  112. UseLayoutRounding="{TemplateBinding UseLayoutRounding}">
  113. <Border
  114. x:Name="Border"
  115. Background="Transparent"
  116. CornerRadius="100">
  117. <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
  118. </Border>
  119. </Border>
  120. <!--<Grid.ToolTip>
  121. <ZUI:FlatToolTip
  122. x:Name="ToolTip"
  123. Content="{TemplateBinding TipContent}"
  124. PlacementEx="LeftCenter" />
  125. </Grid.ToolTip>-->
  126. </Grid>
  127. <!--<ControlTemplate.Triggers>
  128. <Trigger Property="IsMouseOver" Value="True">
  129. <Setter Property="Cursor" Value="Hand" />
  130. <Setter TargetName="Border" Property="Background" Value="#50FFFFFF" />
  131. </Trigger>
  132. <datatrigger binding="{binding itemorientation, relativesource={relativesource ancestortype={x:type zui:floatingactionmenu}}}" value="horizontal">
  133. <setter targetname="tooltip" property="placementex" value="topcenter" />
  134. </datatrigger>
  135. </ControlTemplate.Triggers>-->
  136. </ControlTemplate>
  137. </Setter.Value>
  138. </Setter>
  139. </Style>
  140. <Style TargetType="{x:Type ZUI:FloatingActionMenu}">
  141. <Setter Property="Background" Value="Transparent" />
  142. <Setter Property="BorderBrush" Value="Black" />
  143. <Setter Property="BorderThickness" Value="0" />
  144. <Setter Property="Foreground" Value="Black" />
  145. <Setter Property="HorizontalContentAlignment" Value="Center" />
  146. <Setter Property="VerticalContentAlignment" Value="Center" />
  147. <Setter Property="SnapsToDevicePixels" Value="True" />
  148. <Setter Property="UseLayoutRounding" Value="True" />
  149. <Setter Property="Template">
  150. <Setter.Value>
  151. <ControlTemplate TargetType="{x:Type ZUI:FloatingActionMenu}">
  152. <Grid Background="Transparent">
  153. <ToggleButton
  154. x:Name="PART_ToggleButton"
  155. Width="50"
  156. Height="50"
  157. IsChecked="{Binding Path=IsDropDownOpen, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"
  158. Style="{StaticResource ToggleButtonStyle}" />
  159. <Popup
  160. x:Name="PART_Popup"
  161. ZUI:PopopHelper.PopupPlacementTarget="{Binding ElementName=PART_ToggleButton}"
  162. AllowsTransparency="True"
  163. HorizontalOffset="-5"
  164. IsOpen="True"
  165. Placement="Bottom"
  166. PlacementTarget="{Binding ElementName=PART_ToggleButton}"
  167. StaysOpen="True">
  168. <Border
  169. x:Name="border"
  170. Padding="0"
  171. Background="Transparent">
  172. <ItemsPresenter />
  173. </Border>
  174. </Popup>
  175. <VisualStateManager.VisualStateGroups>
  176. <VisualStateGroup x:Name="PopupStates">
  177. <VisualState x:Name="PopupOpen">
  178. <Storyboard>
  179. <ObjectAnimationUsingKeyFrames
  180. Storyboard.TargetName="border"
  181. Storyboard.TargetProperty="Visibility"
  182. Duration="0:0:0">
  183. <ObjectAnimationUsingKeyFrames.KeyFrames>
  184. <DiscreteObjectKeyFrame>
  185. <DiscreteObjectKeyFrame.Value>
  186. <Visibility>Visible</Visibility>
  187. </DiscreteObjectKeyFrame.Value>
  188. </DiscreteObjectKeyFrame>
  189. </ObjectAnimationUsingKeyFrames.KeyFrames>
  190. </ObjectAnimationUsingKeyFrames>
  191. </Storyboard>
  192. </VisualState>
  193. </VisualStateGroup>
  194. </VisualStateManager.VisualStateGroups>
  195. </Grid>
  196. <ControlTemplate.Triggers>
  197. <Trigger Property="IsDropDownOpen" Value="False">
  198. <Setter TargetName="border" Property="Visibility" Value="Collapsed" />
  199. </Trigger>
  200. </ControlTemplate.Triggers>
  201. </ControlTemplate>
  202. </Setter.Value>
  203. </Setter>
  204. <Setter Property="ItemsPanel">
  205. <Setter.Value>
  206. <ItemsPanelTemplate>
  207. <StackPanel Orientation="{Binding ItemOrientation, RelativeSource={RelativeSource AncestorType={x:Type ZUI:FloatingActionMenu}}}" />
  208. </ItemsPanelTemplate>
  209. </Setter.Value>
  210. </Setter>
  211. </Style>
  212. </ResourceDictionary>