[UWP] Weather Application

출처 : https://www.youtube.com/watch?v=7XeIJ3EiQm8

+)

Nuget에서 설치

Button Click event 추가하는 방법

버튼 쪽에 커서를 놓고 속성으로 들어가서 Click버튼 더블 클릭

추가해야하는 참조

위치를 나타내기 위해 설정해야하는 Manifest

Weather의 정보를 가져오는 사이트 (api key)

current weather data에서 api doc을 누름

by geographic coordinates에 서 아래의 주소를 클릭하고

아래와 같이 주소를 변경하면 json형식이 나타난다

json형식을 보기 휩게 나타내 주는 것

json->c#

Menu

Common.cs

using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; namespace UWPWeatherApp.Common { public class Common { public static string API_LINK= "http://api.openweathermap.org/data/2.5/weather"; public static string API_KEY = "754e8a3dafd487fbf196a00bedf8996f"; public static string APIRequest(string lat,string lon) { StringBuilder strBuilder = new StringBuilder(API_LINK); strBuilder.AppendFormat("?lat={0}&lon={1}&APPID={2}&units=metric",lat, lon,API_KEY); return strBuilder.ToString(); } public static DateTime ConvertUnixTimeToDateTime(double unix) { DateTime dt = new DateTime(1970, 1, 1, 0, 0, 0, 0, System.DateTimeKind.Utc); dt = dt.AddSeconds(unix).ToLocalTime(); return dt; } } }

Helper.cs

using Newtonsoft.Json; using System; using System.Collections.Generic; using System.Diagnostics; using System.Linq; using System.Net.Http; using System.Text; using System.Threading.Tasks; using UWPWeatherApp.Model; namespace UWPWeatherApp.Helper { public class Helper { public static async Task<OpenWeather> GetWeather(string lat, string lon) { using (var httpClient = new HttpClient()) { var response = await httpClient.GetAsync(Common.Common.APIRequest(lat, lon)); var resultText = await response.Content.ReadAsStringAsync(); if(response.StatusCode==System.Net.HttpStatusCode.OK) { try { var users = JsonConvert.DeserializeObject<OpenWeather>(resultText); return users; } catch(Exception ex) { Debug.WriteLine(resultText); return null; } } return null; } } } }

OpenWeather.cs

using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; namespace UWPWeatherApp.Model { public class Coord { public double lon { get; set; } public double lat { get; set; } } public class Weather { public int id { get; set; } public string main { get; set; } public string description { get; set; } public string icon { get; set; } } public class Main { public double temp { get; set; } public double pressure { get; set; } public int humidity { get; set; } public double temp_min { get; set; } public double temp_max { get; set; } public double sea_level { get; set; } public double grnd_level { get; set; } } public class Wind { public double speed { get; set; } public int deg { get; set; } } public class Clouds { public int all { get; set; } } public class Sys { public double message { get; set; } public string country { get; set; } public int sunrise { get; set; } public int sunset { get; set; } } public class OpenWeather { public Coord coord { get; set; } public List<Weather> weather { get; set; } public string @base { get; set; } public Main main { get; set; } public Wind wind { get; set; } public Clouds clouds { get; set; } public int dt { get; set; } public Sys sys { get; set; } public int id { get; set; } public string name { get; set; } public int cod { get; set; } } }

MainPage.xaml

<Page x:Class="UWPWeatherApp.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:UWPWeatherApp" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"> <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> <Grid Background="#0099CC"> <Grid.RowDefinitions> <RowDefinition Height="*"/> <RowDefinition Height="*"/> <RowDefinition Height="*"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <StackPanel Grid.Row="0" VerticalAlignment="Center" HorizontalAlignment="Center" Orientation="Vertical"> <TextBlock x:Name="txtCity" Text="" FontWeight="SemiBold" FontSize="30" Foreground="White" HorizontalAlignment="Center"/> <TextBlock x:Name="txtLastUpdate" Text="" FontWeight="SemiBold" FontSize="14" Foreground="White" HorizontalAlignment="Center"/> </StackPanel> <ProgressRing x:Name="progressRing" Grid.Row="1" IsActive="False" Width="50" Height="50" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" /> <Image Grid.Row="1" x:Name="imgWeather" Stretch="Uniform" VerticalAlignment="Center" HorizontalAlignment="Center" /> <StackPanel Grid.Row="2" Orientation="Vertical" VerticalAlignment="Center" HorizontalAlignment="Center"> <TextBlock x:Name="txtDescription" Text="" FontWeight="SemiBold" FontSize="30" Foreground="White" TextAlignment="Center" HorizontalAlignment="Center"/> <TextBlock x:Name="txtHumidity" Text="" FontWeight="SemiBold" FontSize="30" Foreground="White" TextAlignment="Center" HorizontalAlignment="Center"/> <TextBlock x:Name="txtTime" Text="" FontWeight="SemiBold" FontSize="30" Foreground="White" TextAlignment="Center" HorizontalAlignment="Center"/> </StackPanel> <TextBlock x:Name="txtCel" Text="" FontWeight="SemiBold" FontSize="30" Foreground="White" TextAlignment="Center" HorizontalAlignment="Center"/> </Grid> </Grid> <Page.BottomAppBar> <CommandBar ClosedDisplayMode="Compact" Background="#344A61"> <AppBarButton x:Name="btnGetWeather" Foreground="White" Icon="World" Label="Get Weather" Click="btnGetWeather_Click"/> </CommandBar> </Page.BottomAppBar> </Page>

MainPage.xaml.cs

using System; using System.Collections.Generic; using System.IO; using System.Linq; using System.Runtime.InteropServices.WindowsRuntime; using Windows.Devices.Geolocation; using Windows.Foundation; using Windows.Foundation.Collections; using Windows.Foundation.Metadata; using Windows.UI.ViewManagement; using Windows.UI.Xaml; using Windows.UI.Xaml.Controls; using Windows.UI.Xaml.Controls.Primitives; using Windows.UI.Xaml.Data; using Windows.UI.Xaml.Input; using Windows.UI.Xaml.Media; using Windows.UI.Xaml.Media.Imaging; using Windows.UI.Xaml.Navigation; // 빈 페이지 항목 템플릿은 http://go.microsoft.com/fwlink/?LinkId=402352&clcid=0x409 에 문서화되어 있습니다. namespace UWPWeatherApp { /// <summary> /// 자체적으로 사용하거나 프레임 내에서 탐색할 수 있는 빈 페이지입니다. /// </summary> public sealed partial class MainPage : Page { string Lat, Lng; public MainPage() { this.InitializeComponent(); HideStatusBar(); } private async void HideStatusBar() { if(ApiInformation.IsApiContractPresent("Windows.Phone.PhoneContract",1,0)) { var statusBar = StatusBar.GetForCurrentView(); await statusBar.HideAsync(); } } private async void btnGetWeather_Click(object sender, RoutedEventArgs e) { progressRing.IsActive = true; var geoLocator = new Geolocator(); geoLocator.DesiredAccuracy = PositionAccuracy.High; Geoposition pos = await geoLocator.GetGeopositionAsync(); Lat = pos.Coordinate.Point.Position.Latitude.ToString(); Lng = pos.Coordinate.Point.Position.Longitude.ToString(); var data = await Helper.Helper.GetWeather(Lat, Lng); if(data!=null) { txtCity.Text = $"{data.name},{data.sys.country}"; txtLastUpdate.Text = $"Last Updated : {DateTime.Now.ToString("dd MMMM yyyy HH:mm")}"; BitmapImage image = new BitmapImage(new Uri($"https://openweathermap.org/img/w/{data.weather[0].icon}.png",UriKind.Absolute)); imgWeather.Source = image; txtDescription.Text = $"{data.weather[0].description}"; txtHumidity.Text = $"Humidity : {data.main.humidity}%"; txtTime.Text = $"{Common.Common.ConvertUnixTimeToDateTime(data.sys.sunrise).ToString("HH:mm")}/ {Common.Common.ConvertUnixTimeToDateTime(data.sys.sunset).ToString("HH:mm")}"; txtCel.Text = $"{data.main.temp}°C"; } progressRing.IsActive = false; } } }