[UI.Client]

1添加图片资源,作为菜单背景
2添加image样式,鼠标悬浮改变数据源
This commit is contained in:
hanqiangqiang 2023-10-19 13:24:40 +08:00
parent e80f15c09f
commit fa32e573fc
7 changed files with 53 additions and 24 deletions

View File

@ -90,22 +90,31 @@
<RowDefinition />
</Grid.RowDefinitions>
<!-- 顶层按钮和Lab标签 -->
<!-- 顶层按钮和Lab标签 Content="Show Menu" -->
<StackPanel Orientation="Horizontal">
<Button
x:Name="OpenMenu"
Width="90"
Height="30"
Margin="10,0"
Padding="0"
Content="Show Menu">
<Button.Triggers>
<Image
Width="40"
Height="40"
Margin="10,0,0,0"
ToolTip="显示菜单">
<Image.Triggers>
<EventTrigger RoutedEvent="PreviewMouseLeftButtonDown">
<BeginStoryboard Storyboard="{StaticResource MenuOpen}" />
</EventTrigger>
</Button.Triggers>
</Button>
</Image.Triggers>
<Image.Style>
<Style TargetType="{x:Type Image}">
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="False">
<Setter Property="Source" Value="/MECF.Framework.UI.Client;component/Resources/Images/menu1.png" />
</Trigger>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Source" Value="/MECF.Framework.UI.Client;component/Resources/Images/menu2.png" />
</Trigger>
</Style.Triggers>
</Style>
</Image.Style>
</Image>
<TextBlock
Margin="20,0"
@ -123,7 +132,7 @@
Margin="10"
HorizontalAlignment="Left"
Panel.ZIndex="1000"
Background="LightSkyBlue">
Background="#FF9FBEDE">
<!-- 位移效果 -->
<Border.RenderTransform>
<TranslateTransform X="-370" />
@ -154,21 +163,30 @@
Grid.Row="1"
Width="330"
HorizontalAlignment="Left">
<Button
Width="50"
Height="35"
Margin="10"
<Image
Width="40"
Height="40"
Margin="10,0,0,0"
HorizontalAlignment="Right"
Content="←"
FontSize="20">
<Button.Triggers>
<!-- 用按钮的鼠标进入事件来触发进入动画 -->
ToolTip="隐藏">
<Image.Triggers>
<EventTrigger RoutedEvent="PreviewMouseLeftButtonDown">
<BeginStoryboard Storyboard="{StaticResource MenuClose}" />
</EventTrigger>
</Button.Triggers>
</Button>
</Image.Triggers>
<Image.Style>
<Style TargetType="{x:Type Image}">
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="False">
<Setter Property="Source" Value="/MECF.Framework.UI.Client;component/Resources/Images/return1.png" />
</Trigger>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Source" Value="/MECF.Framework.UI.Client;component/Resources/Images/return2.png" />
</Trigger>
</Style.Triggers>
</Style>
</Image.Style>
</Image>
<Border
Height="500"

View File

@ -974,6 +974,10 @@
<Resource Include="Resources\Images\showerhead.png">
<CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
</Resource>
<Resource Include="Resources\Images\return2.png" />
<Resource Include="Resources\Images\menu2.png" />
<Resource Include="Resources\Images\menu1.png" />
<Resource Include="Resources\Images\return1.png" />
<Content Include="Themes\DeepBlueBackUp\Folder_Close.png" />
<Content Include="Themes\DeepBlueBackUp\Folder_Open.png" />
<Content Include="Themes\DeepBlueBackUp\Folder_Unable.png" />

View File

@ -1,4 +1,5 @@
using System.Collections.Generic;
using System.Windows.Media;
using ExtendedGrid.Microsoft.Windows.Controls;
using MECF.Framework.UI.Client.ClientBase;
@ -117,6 +118,12 @@ namespace MECF.Framework.UI.Client.RecipeEditorLib.RecipeModel.Params
/// </summary>
void Save();
/// <summary>
/// 设置单元格背景色
/// </summary>
/// <param name="brush"></param>
void SetBackground(Color brush);
/// <summary>
/// 高亮显示当前参数。
/// </summary>

Binary file not shown.

After

Width:  |  Height:  |  Size: 943 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 797 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 935 B