ForecastRangeBar: hide icon if not available

Author: thewizrd

Maui/SimpleWeather.Maui/Controls/ForecastRangeBar.xaml

@@ -77,7 +77,8 @@
             Rotation="{Binding XIconRotation, Mode=OneWay}"
             AnchorX="0.5"
             AnchorY="0.5"
-            WeatherIcon="{Binding XWeatherIcon, Mode=OneWay}" />
+            WeatherIcon="{Binding XWeatherIcon, Mode=OneWay}"
+            IsVisible="{Binding XWeatherIcon, Converter={StaticResource objectBooleanConverter}, Mode=OneWay}"/>
         <Label
             x:Name="BarDate"
             HorizontalOptions="Center"

SimpleWeather.Windows/Controls/ForecastRangeBar.xaml

@@ -81,7 +81,8 @@
             IconHeight="50"
             IconWidth="50"
             RenderTransformOrigin="0.5,0.5"
-            WeatherIcon="{x:Bind Data.XWeatherIcon, Mode=OneWay}">
+            WeatherIcon="{x:Bind Data.XWeatherIcon, Mode=OneWay}"
+            Visibility="{x:Bind Data.XWeatherIcon, Converter={StaticResource stringVisibilityConverter}, Mode=OneWay}">
             <local:IconControl.RenderTransform>
                 <RotateTransform Angle="{x:Bind Data.XIconRotation, Mode=OneWay}" />
             </local:IconControl.RenderTransform>

SimpleWeather.Windows/Controls/ForecastRangeBar.xaml.cs

@@ -35,6 +35,16 @@ public ForecastType? ForecastType
             {
                 _forecastType = value;
                 BarPoP.Visibility = _forecastType == Controls.ForecastType.Temperature ? Visibility.Visible : Visibility.Collapsed;
+                BarDate.FontSize = BarHi.FontSize = BarLo.FontSize = _forecastType switch
+                {
+                    Controls.ForecastType.Temperature => 16,
+                    _ => 14
+                };
+                BarIcon.IconHeight = BarIcon.IconWidth = _forecastType switch
+                {
+                    Controls.ForecastType.Temperature => 50,
+                    _ => 30
+                };
             }
         }
 

SimpleWeather.Windows/Main/WeatherAQIPage.xaml

@@ -104,7 +104,7 @@
                                     GraphHeight="250" />
                             </toolkitControls:HeaderedContentControl>
                         </DataTemplate>
-                        <DataTemplate x:Key="AQIRangeBarGraphTemplate" x:DataType="graphs:RangeBarGraphData">
+                        <DataTemplate x:Key="AQIRangeBarGraphTemplate" x:DataType="graphs:ForecastRangeBarGraphData">
                             <toolkitControls:HeaderedContentControl
                                 Margin="0,16"
                                 HorizontalContentAlignment="Stretch"

SimpleWeather.Windows/Main/WeatherAQIPage.xaml.cs

@@ -141,7 +141,7 @@ protected override DataTemplate SelectTemplateCore(object item, DependencyObject
                 {
                     return elementParent.Resources["AQIBarGraphTemplate"] as DataTemplate;
                 }
-                else if (item is RangeBarGraphData)
+                else if (item is ForecastRangeBarGraphData)
                 {
                     return elementParent.Resources["AQIRangeBarGraphTemplate"] as DataTemplate;
                 }