cgx/petwash
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 优化UI

Browse Source
This commit is contained in:
GukSang.Jin
2026-02-26 13:49:38 +08:00
parent 5f52b06ac2
commit 76c594e14a
4 changed files with 102 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
PetWashControl/Views/MainWindow.xaml
View File

@@ -105,6 +105,34 @@
<!-- 顶部标题栏 -->
<Border Grid.Row="0" Padding="30,20">
<Grid>
<!-- 左侧：设备信息和时间 -->
<StackPanel HorizontalAlignment="Left" VerticalAlignment="Center">
<Border
CornerRadius="12"
Padding="15,8"
Opacity="0.95">
<Border.Effect>
<DropShadowEffect Color="#000000" BlurRadius="8" ShadowDepth="3" Opacity="0.3"/>
</Border.Effect>
<StackPanel>
<TextBlock Text="{Binding DeviceNumber}"
FontSize="14"
FontWeight="SemiBold"
Foreground="#1B5E20"
Margin="0,0,0,4"/>
<!--<TextBlock Text="{Binding CurrentDateTime}"
FontSize="16"
FontWeight="Bold"
Foreground="#2E7D32"
Margin="0,0,0,2"/>
<TextBlock Text="{Binding CurrentDayOfWeek}"
FontSize="13"
Foreground="#558B2F"/>-->
</StackPanel>
</Border>
</StackPanel>
<!-- 中间：标题 -->
<TextBlock Text="全自动洗宠机"
FontSize="48"
FontWeight="Bold"
@@ -115,6 +143,8 @@
<DropShadowEffect Color="#FFFFFF" BlurRadius="10" ShadowDepth="0" Opacity="0.8"/>
</TextBlock.Effect>
</TextBlock>
<!-- 右侧：设置按钮 -->
<Button Content="⚙"
FontSize="32"
Width="60"
@@ -182,7 +212,7 @@
HorizontalAlignment="Center"/>
</Border>
<!-- 宠物大图 -->
<!-- 宠物大图轮播 -->
<Border Grid.Row="1"
Background="#F5F5F5"
CornerRadius="25"
@@ -191,9 +221,21 @@
<Border.Effect>
<DropShadowEffect Color="#4CAF50" BlurRadius="15" ShadowDepth="0" Opacity="0.4"/>
</Border.Effect>
<Image Source="/Images/dog.png"
<Image Source="{Binding CurrentCarouselImage}"
Stretch="Uniform"
Margin="10"/>
Margin="10">
<Image.Triggers>
<EventTrigger RoutedEvent="Image.Loaded">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation Storyboard.TargetProperty="Opacity"
From="0" To="1"
Duration="0:0:0.5"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Image.Triggers>
</Image>
</Border>
</Grid>
</Border>
@@ -338,7 +380,7 @@
HorizontalAlignment="Center"/>
</Border>
<!-- 宠物大图 -->
<!-- 宠物大图轮播 -->
<Border Grid.Row="1"
Background="#F5F5F5"
CornerRadius="25"
@@ -347,9 +389,21 @@
<Border.Effect>
<DropShadowEffect Color="#FF6F00" BlurRadius="15" ShadowDepth="0" Opacity="0.4"/>
</Border.Effect>
<Image Source="/Images/dog.png"
<Image Source="{Binding CurrentCarouselImage}"
Stretch="Uniform"
Margin="10"/>
Margin="10">
<Image.Triggers>
<EventTrigger RoutedEvent="Image.Loaded">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation Storyboard.TargetProperty="Opacity"
From="0" To="1"
Duration="0:0:0.5"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Image.Triggers>
</Image>
</Border>
</Grid>
</Border>