You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
178 lines
13 KiB
178 lines
13 KiB
<UserControl x:Class="IOTContainer.View.WeatherControl"
|
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
|
xmlns:local="clr-namespace:IOTContainer.View"
|
|
mc:Ignorable="d"
|
|
d:DesignHeight="100" d:DesignWidth="500" Background="Black">
|
|
<Grid Width="500" Height="100" x:Name="gridMain" >
|
|
<Viewbox Width="500" Height="80" Visibility="Hidden" x:Name="style1" >
|
|
<Grid Width="500" Height="80">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
</Grid.ColumnDefinitions>
|
|
<Grid Grid.Column="0" >
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
<ColumnDefinition Width="auto"></ColumnDefinition>
|
|
<ColumnDefinition Width="auto"></ColumnDefinition>
|
|
<ColumnDefinition Width="auto"></ColumnDefinition>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
</Grid.ColumnDefinitions>
|
|
<Image Grid.Column="1" Width="22" Height="22" Source="/IOTContainer;component/image/weather/weather_snow.png" x:Name="imgWeather1"></Image>
|
|
<TextBlock Grid.Column="2" Text="23" VerticalAlignment="Center" FontSize="24" FontWeight="Bold" Foreground="White" x:Name="txtTemp1"></TextBlock>
|
|
<TextBlock Grid.Column="3" Text="⭕" VerticalAlignment="Center" FontSize="12" FontWeight="Bold" Margin="0 0 0 10" Foreground="White" x:Name="txtTempZ1"></TextBlock>
|
|
</Grid>
|
|
<Grid Grid.Column="1" >
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
<ColumnDefinition Width="auto"></ColumnDefinition>
|
|
<ColumnDefinition Width="auto"></ColumnDefinition>
|
|
<ColumnDefinition Width="auto"></ColumnDefinition>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
</Grid.ColumnDefinitions>
|
|
<Image x:Name="sd" Grid.Column="1" Width="22" Height="22" Source="/IOTContainer;component/image/weather/sd.png"></Image>
|
|
<TextBlock Grid.Column="2" Text="26" VerticalAlignment="Center" FontSize="24" FontWeight="Bold" Foreground="White" x:Name="txtsd1"></TextBlock>
|
|
<TextBlock Grid.Column="3" Text="%" VerticalAlignment="Center" FontSize="12" FontWeight="Bold" Margin="0 0 0 10" Foreground="White" x:Name="txtsdp1"></TextBlock>
|
|
</Grid>
|
|
<Grid Grid.Column="2" >
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
<ColumnDefinition Width="auto"></ColumnDefinition>
|
|
<ColumnDefinition Width="auto"></ColumnDefinition>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
</Grid.ColumnDefinitions>
|
|
<Image x:Name="fl" Grid.Column="1" Width="22" Height="22" Source="/IOTContainer;component/image/weather/fl.png"></Image>
|
|
<TextBlock Grid.Column="2" Text="68" VerticalAlignment="Center" FontSize="24" FontWeight="Bold" Foreground="White" x:Name="txtFL1"></TextBlock>
|
|
</Grid>
|
|
<Grid Grid.Column="3" >
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
<ColumnDefinition Width="auto"></ColumnDefinition>
|
|
<ColumnDefinition Width="auto"></ColumnDefinition>
|
|
<ColumnDefinition Width="auto"></ColumnDefinition>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
</Grid.ColumnDefinitions>
|
|
<Image x:Name="aqi" Grid.Column="1" Width="22" Height="22" Source="/IOTContainer;component/image/weather/aqi.png"></Image>
|
|
<TextBlock Grid.Column="2" Text="32" VerticalAlignment="Center" FontSize="24" FontWeight="Bold" Foreground="White" x:Name="txtAQI1"></TextBlock>
|
|
<TextBlock Grid.Column="3" Text="AQI" VerticalAlignment="Center" FontSize="12" FontWeight="Bold" Margin="0 0 0 10" Foreground="White" x:Name="txtAQIA1"></TextBlock>
|
|
</Grid>
|
|
<Grid Grid.Column="4" >
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
<ColumnDefinition Width="auto"></ColumnDefinition>
|
|
<ColumnDefinition Width="auto"></ColumnDefinition>
|
|
<ColumnDefinition Width="auto"></ColumnDefinition>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
</Grid.ColumnDefinitions>
|
|
<Image x:Name="pm" Grid.Column="1" Width="22" Height="22" Source="/IOTContainer;component/image/weather/pm.png"></Image>
|
|
<TextBlock Grid.Column="2" Text="143" VerticalAlignment="Center" FontSize="24" FontWeight="Bold" Foreground="White" x:Name="txtPM1"></TextBlock>
|
|
<Grid Grid.Column="3" Margin="0 0 0 8">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition></RowDefinition>
|
|
<RowDefinition></RowDefinition>
|
|
</Grid.RowDefinitions>
|
|
<TextBlock Grid.Row="0" Text="PM" VerticalAlignment="Bottom" FontSize="8" FontWeight="Bold" Foreground="White" x:Name="txtPMpm1"></TextBlock>
|
|
<TextBlock Grid.Row="1" Text="2.5" VerticalAlignment="Top" FontSize="8" FontWeight="Bold" Foreground="White" x:Name="txtPMV1"></TextBlock>
|
|
</Grid>
|
|
</Grid>
|
|
</Grid>
|
|
</Viewbox>
|
|
<Viewbox Width="400" Height="80" Visibility="Hidden" x:Name="style2">
|
|
<Grid Width="400" Height="80">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
</Grid.ColumnDefinitions>
|
|
<Grid Grid.Column="0" >
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
<ColumnDefinition Width="auto"></ColumnDefinition>
|
|
<ColumnDefinition Width="auto"></ColumnDefinition>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
</Grid.ColumnDefinitions>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition></RowDefinition>
|
|
<RowDefinition></RowDefinition>
|
|
</Grid.RowDefinitions>
|
|
<Image Grid.Column="1" Grid.ColumnSpan="2" Grid.Row="0" VerticalAlignment="Bottom" Width="22" Height="22" Source="/IOTContainer;component/image/weather/weather_snow.png" x:Name="imgWeather2"></Image>
|
|
<TextBlock Grid.Column="1" Grid.Row="1" Text="23" VerticalAlignment="Top" FontSize="18" FontWeight="Bold" Foreground="White" x:Name="txtTemp2"></TextBlock>
|
|
<TextBlock Grid.Column="2" Grid.Row="1" Text="⭕" VerticalAlignment="Top" FontSize="8" FontWeight="Bold" Foreground="White" x:Name="txtTempZ2"></TextBlock>
|
|
</Grid>
|
|
<Grid Grid.Column="1" >
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
<ColumnDefinition Width="auto"></ColumnDefinition>
|
|
<ColumnDefinition Width="auto"></ColumnDefinition>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
</Grid.ColumnDefinitions>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition></RowDefinition>
|
|
<RowDefinition></RowDefinition>
|
|
</Grid.RowDefinitions>
|
|
<Image x:Name="sd2" Grid.Column="1" Grid.ColumnSpan="2" Grid.Row="0" VerticalAlignment="Bottom" Width="22" Height="22" Source="/IOTContainer;component/image/weather/sd.png"></Image>
|
|
<TextBlock Grid.Column="1" Grid.Row="1" Text="26" VerticalAlignment="Top" FontSize="18" FontWeight="Bold" Foreground="White" x:Name="txtsd2"></TextBlock>
|
|
<TextBlock Grid.Column="2" Grid.Row="1" Text="%" VerticalAlignment="Top" FontSize="8" FontWeight="Bold" Foreground="White" x:Name="txtsdp2"></TextBlock>
|
|
</Grid>
|
|
<Grid Grid.Column="2" >
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
<ColumnDefinition Width="auto"></ColumnDefinition>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
</Grid.ColumnDefinitions>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition></RowDefinition>
|
|
<RowDefinition></RowDefinition>
|
|
</Grid.RowDefinitions>
|
|
<Image x:Name="fl2" Grid.Column="1" Grid.Row="0" VerticalAlignment="Bottom" Width="22" Height="22" Source="/IOTContainer;component/image/weather/fl.png"></Image>
|
|
<TextBlock Grid.Column="1" Grid.Row="1" Text="68" VerticalAlignment="Top" FontSize="18" FontWeight="Bold" Foreground="White" x:Name="txtFL2"></TextBlock>
|
|
</Grid>
|
|
<Grid Grid.Column="3" >
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
<ColumnDefinition Width="auto"></ColumnDefinition>
|
|
<ColumnDefinition Width="auto"></ColumnDefinition>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
</Grid.ColumnDefinitions>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition></RowDefinition>
|
|
<RowDefinition></RowDefinition>
|
|
</Grid.RowDefinitions>
|
|
<Image x:Name="aqi2" Grid.Column="1" Grid.ColumnSpan="2" Grid.Row="0" VerticalAlignment="Bottom" Width="22" Height="22" Source="/IOTContainer;component/image/weather/aqi.png"></Image>
|
|
<TextBlock Grid.Column="1" Grid.Row="1" Text="32" VerticalAlignment="Top" FontSize="18" FontWeight="Bold" Foreground="White" x:Name="txtAQI2"></TextBlock>
|
|
<TextBlock Grid.Column="2" Grid.Row="1" Text="AQI" VerticalAlignment="Top" FontSize="8" FontWeight="Bold" Foreground="White" x:Name="txtAQIA2"></TextBlock>
|
|
</Grid>
|
|
<Grid Grid.Column="4" >
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
<ColumnDefinition Width="auto"></ColumnDefinition>
|
|
<ColumnDefinition Width="auto"></ColumnDefinition>
|
|
<ColumnDefinition></ColumnDefinition>
|
|
</Grid.ColumnDefinitions>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition></RowDefinition>
|
|
<RowDefinition></RowDefinition>
|
|
</Grid.RowDefinitions>
|
|
<Image x:Name="pm2" Grid.Column="1" Grid.ColumnSpan="2" Grid.Row="0" VerticalAlignment="Bottom" Width="22" Height="22" Source="/IOTContainer;component/image/weather/pm.png"></Image>
|
|
<TextBlock Grid.Column="1" Grid.Row="1" Text="143" VerticalAlignment="Top" FontSize="18" FontWeight="Bold" Foreground="White" x:Name="txtPM2"></TextBlock>
|
|
<Grid Grid.Column="2" Grid.Row="1" VerticalAlignment="Top" >
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition></RowDefinition>
|
|
<RowDefinition></RowDefinition>
|
|
</Grid.RowDefinitions>
|
|
<TextBlock Grid.Row="0" Text="PM" VerticalAlignment="Bottom" FontSize="8" FontWeight="Bold" Foreground="White" x:Name="txtPMpm2"></TextBlock>
|
|
<TextBlock Grid.Row="1" Text="2.5" VerticalAlignment="Top" FontSize="8" FontWeight="Bold" Foreground="White" x:Name="txtPMV2"></TextBlock>
|
|
</Grid>
|
|
</Grid>
|
|
</Grid>
|
|
</Viewbox>
|
|
</Grid>
|
|
</UserControl>
|
|
|