先分享一个由Json字符串直接生成解析对应的类的工具:
jsonclassgenerator14
百度天气接口
下面是由一个小功能(又特么的是天气)的实现,记录下下UAP的流程和结构(其实跟之前一模一样)
1:获取地理位置,需要在Package.appxmanifest 中添加声明,但是目前vs2015 ctp6 这个设计模式好像是打不开的,只能手动添加了:
1 2 3 4<
Capabilities
>
<
Capability
Name
=
"internetClient"
/>
<
DeviceCapability
Name
=
"location"
/>
</
Capabilities
>
2:访问网络数据
1 2 3 4 5 //http://www.liubaicai.net/archives/448var
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:解析
1 2 3 4 5 //http://www.liubaicai.net/archives/448using
(MemoryStream ms =
new
MemoryStream(Encoding.UTF8.GetBytes(resp)))
{
DataContractJsonSerializer serializer =
new
DataContractJsonSerializer(
typeof
(WeatherDetail));
WeatherDetail info = (WeatherDetail)serializer.ReadObject(ms);
}
4:显示
1 2ResultBox.Text = info.Results.FirstOrDefault().CurrentCity;
ResultList.ItemsSource = info.Results.FirstOrDefault().WeatherData.ToList();
界面UI是这样的:
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<
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的最大工程。
来一张最终效果图: