Weather-App/MainWindow.axaml at main · phaniraja-ece/Weather-App · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<Window xmlns="https://github.com/avaloniaui"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        x:Class="Weather_GUI.MainWindow"
        Icon="/Assets/weather-logo.ico"
        Title="Weather"
        WindowState="Maximized">

    <Window.Background>
        <LinearGradientBrush StartPoint="0%,0%" EndPoint="0%,100%">
            <GradientStop Color="#484B89" Offset="0" />
            <GradientStop Color="#2E305F" Offset="1" />
        </LinearGradientBrush>
    </Window.Background>

    <Grid RowDefinitions="Auto, *, Auto, Auto" Margin="30">

        <StackPanel Grid.Row="0" HorizontalAlignment="Center" Spacing="10">
            <TextBox Name="CitySearch"
                     Width="450"
                     Watermark="Enter city name (e.g. Bengaluru)..."
                     CornerRadius="20"
                     HorizontalContentAlignment="Center"
                     VerticalContentAlignment="Center"
                     Height="45"
                     KeyDown="OnSearchKeyDown"/>

            <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Disabled" MaxWidth="600">
                <StackPanel Name="HistoryPanel"
                            Orientation="Horizontal"
                            HorizontalAlignment="Center"
                            Spacing="8"
                            Margin="0,5"/>
            </ScrollViewer>
        </StackPanel>

        <StackPanel Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Center" Spacing="5">
            <TextBlock Name="TempText"
                       Text="--°"
                       FontSize="110"
                       FontWeight="Bold"
                       Foreground="White"
                       HorizontalAlignment="Center"/>

            <TextBlock Name="ConditionText"
                       Text="Search to see weather"
                       FontSize="28"
                       Foreground="#D0D0D0"
                       HorizontalAlignment="Center"/>

            <TextBlock Name="HumText"
                       Text="Humidity: --% | Rain: --mm | Chance: --%"
                       FontSize="17"
                       Foreground="#B0B0B0"
                       HorizontalAlignment="Center"
                       TextAlignment="Center"
                       TextWrapping="Wrap"
                       MaxWidth="600"/>
        </StackPanel>

        <StackPanel Grid.Row="2" Margin="0,20,0,10">
            <TextBlock Text="Next 24 Hours"
                       Foreground="White"
                       FontSize="16"
                       FontWeight="SemiBold"
                       Margin="10,0,0,10"/>

            <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Disabled">
                <StackPanel Name="HourlyPanel"
                            Orientation="Horizontal"
                            Spacing="15"
                            Margin="5,0"/>
            </ScrollViewer>
        </StackPanel>

        <Border Grid.Row="3"
                Background="#20FFFFFF"
                CornerRadius="20"
                Padding="20"
                Margin="0,10,0,0">
            <StackPanel>
                <TextBlock Text="7-Day Outlook"
                           Foreground="White"
                           FontSize="16"
                           FontWeight="SemiBold"
                           Margin="0,0,0,15"/>

                <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Disabled">
                    <StackPanel Name="ForecastPanel"
                                Orientation="Horizontal"
                                Spacing="25" />
                </ScrollViewer>
            </StackPanel>
        </Border>

    </Grid>
</Window>