先分享一个由Json字符串直接生成解析对应的类的工具:
下面是由一个小功能(又特么的是天气)的实现,记录下下UAP的流程和结构(其实跟之前一模一样)
1:获取地理位置,需要在Package.appxmanifest 中添加声明,但是目前vs2015 ctp6 这个设计模式好像是打不开的,只能手动添加了:
<Capabilities> <Capability Name="internetClient" /> <DeviceCapability Name="location" /> </Capabilities>
2:访问网络数据
var http = new System.Net.Http.HttpClient(); http.DefaultRequestHeaders.Add("UserAgent", "woshiuseragent"); var resp = await http.GetStringAsync(new Uri("http://api.map.baidu.com/telematics/v3/weather?location=" + pos.Coordinate.Point.Position.Longitude + ","+ pos.Coordinate.Point.Position.Latitude + "&output=json&ak=yourappkey"));
3:解析
using (MemoryStream ms = new MemoryStream(Encoding.UTF8.GetBytes(resp))) { DataContractJsonSerializer serializer = new DataContractJsonSerializer(typeof(WeatherDetail)); WeatherDetail info = (WeatherDetail)serializer.ReadObject(ms); }
4:显示
ResultBox.Text = info.Results.FirstOrDefault().CurrentCity; ResultList.ItemsSource = info.Results.FirstOrDefault().WeatherData.ToList();
界面UI是这样的:
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> <Grid.RowDefinitions> <RowDefinition Height="40"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <TextBlock Grid.Row="0" x:Name="ResultBox" FontSize="30" TextWrapping="Wrap" VerticalAlignment="Center" HorizontalAlignment="Center"/> <ListView x:Name="ResultList" Grid.Row="1" Margin="20" HorizontalAlignment="Center"> <ListView.Resources> <DataTemplate x:Key="ListBoxDataTemplate"> <Grid Margin="0,10"> <Grid.ColumnDefinitions> <ColumnDefinition Width="80"/> <ColumnDefinition Width="*"/> </Grid.ColumnDefinitions> <Image Grid.Column="0" Width="80" Height="80" Source="{Binding Logo}"/> <StackPanel Margin="20,0,0,0" Grid.Column="1"> <TextBlock Text="{Binding Weather}" FontSize="16" /> <TextBlock Text="{Binding Wind}" FontSize="16" /> <TextBlock Text="{Binding Temperature}" FontSize="16" /> <TextBlock Text="{Binding Date}" FontSize="16" /> </StackPanel> </Grid> </DataTemplate> </ListView.Resources> <ListView.ItemTemplate> <StaticResource ResourceKey="ListBoxDataTemplate"/> </ListView.ItemTemplate> </ListView> </Grid>
App.cs里生命流程的控制,页面的导航和状态等等,跟之前win8.1乃至wp8是没什么太大区别的,两个平台的适配,才是迁移到UAP的最大工程。
来一张最终效果图: