Win(Phone)10开发第(3)弹,简单的Demo程序网络请求json解析列表显示

Posted by baicai on April 2, 2015

先分享一个由Json字符串直接生成解析对应的类的工具:

jsonclassgenerator14

百度天气接口

下面是由一个小功能(又特么的是天气)的实现,记录下下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的最大工程。

来一张最终效果图:

20150402153413