[improve]<MainPage> 优化自适应UI

zxbmmmmmmmmm · Sep 7, 2023 · 4094772 · 4094772
1 parent 513bfe0
commit 4094772
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/FluentWeather.Uwp/Pages/MainPage.xaml b/FluentWeather.Uwp/Pages/MainPage.xaml
@@ -51,7 +51,7 @@
                 <Grid Margin="0,0,0,12" x:DefaultBindMode="OneWay">
                     <StackPanel>
                         <StackPanel Orientation="Horizontal"  Opacity="0.95">
-                            <TextBlock Text="{Binding WeatherNow.Temperature}" Style="{ThemeResource TitleTextBlockStyle}" FontSize="90"/>
+                            <TextBlock x:Name="TemperatureText" Text="{Binding WeatherNow.Temperature}" Style="{ThemeResource TitleTextBlockStyle}" FontSize="90"/>
                             <Grid  Margin="4,26,0,0">
                                 <TextBlock Text="°" Style="{ThemeResource TitleTextBlockStyle}" FontWeight="Bold" FontSize="64" Margin="2,-16,0,0"/>
                                 <TextBlock Text="{x:Bind ViewModel.WeatherNow.Description}" FontWeight="SemiBold"  FontSize="32" VerticalAlignment="Bottom" Margin="0,0,0,20"/>
@@ -431,7 +431,17 @@
                         <Setter Target="TemperatureChart.Visibility" Value="Visible"/>
                         <Setter Target="DailyGridView.Margin" Value="-32,0"/>
                         <Setter Target="DailyGridView.ItemHeight" Value="150"/>
-
+                    </VisualState.Setters>
+                </VisualState>
+                <VisualState>
+                    <VisualState.StateTriggers>
+                        <AdaptiveTrigger MinWindowWidth="1600"/>
+                    </VisualState.StateTriggers>
+                    <VisualState.Setters>
+                        <Setter Target="ContentGrid.Margin" Value="32,80,32,32"/>
+                        <Setter Target="TemperatureChart.Visibility" Value="Visible"/>
+                        <Setter Target="DailyGridView.Margin" Value="-32,0"/>
+                        <Setter Target="DailyGridView.ItemHeight" Value="150"/>
                     </VisualState.Setters>
                 </VisualState>
             </VisualStateGroup>