WP8教程: 第一个WP8应用(一)
1. 当我们打开Visual Studio后,选择文件|新建项目。
2. 当我们安装了Wp8SDK后,依次展开模版、Visual C#、Windows Phone,界面如图。
3. 选择“Windows Phone应用程序”后,输入名称和存储位置后,点击“确定”按钮。
4. 接下来会弹出一个对话框,选择Windows Phone 的OS目标版本,可以选择8.0或者7.1。
需要注意的是,如果选择8.0,拿这个应用只能在wp8的手机上运行。选择7.1,则可以同时在wp7和wp8的手机上运行。
5. 单击确定,就创建了一个wp8 的项目。
这里有可能会遇到一个设计器初始化的错误,解决方法:Win8下安装WP8SDK遇到设计器出错
6. 接下来,使用VS的设计器对应用的UI控件进行布局设计
a) 在设计器窗口中单击“我的应用程序”TextBlock空间。该控件的属性就会显示在“属性”窗口中。(如果属性窗口没有打开,可以选择“查看|属性窗口”,打开“属性”窗口)
在 Text属性中,将名称更改为“我的第一个应用程序”。
b) 接下来,单击“页面名称” TextBlock空间,将Text属性更改为“手机浏览器”。
c) 接下来添加横向和纵向的支持。
在XAML代码窗口中,点击第一行,然后在属性窗体中将SupportedOrientations属性更改为PortraitOrLandscape。
d) 接下来,从工具箱中“Common Windows Phone Controls”组中将TextBox控件拖放到设计器界面上,放在“手机浏览器”文本的正下方,使用鼠标将该控件的大小调整为上面布局图像中显示的大概宽度。在右侧为“执行”按钮留出空间。
按照上图修改名称、Width、Height、HorizontalAlignment、VerticalAlignment的属性。这样控件能够在横向和纵向模式下正确地自行调整其大小和位置。
e) 紧跟着,从工具箱中“Common Windows Phone Controls”组中将Button控件添加到刚添加的文本框的右侧,并根据需要调整大小。
并按照上图修改Button属性,使控件能够在横向和纵向模式下正确地自行调整其大小位置。
f) 从工具箱中的“All Windows Phone Controls”中拖放WebBrowser到上面步骤中添加的两个控件下面。使用鼠标调整该控件的大小以使其填充剩余的空间。
并按照上图修改控件属性,使控件能够在横向和纵向模式下正确地自行调整其大小位置。
g) 现在布局已经设计好了。
在MainPage.xaml中的XAML代码中,查找包含您的控件的网格。它将与以下内容类似。如果想要布局与前面示图中显示的布局完全相同,则复制并粘贴下面的 XAML 以替换MainPage.xaml 文件中的网格布局。
1 <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"> 2 <TextBox x:Name="URL" Margin="0,0,83,0" TextWrapping="Wrap" Text="http://www.cnblogs.com/zjty/" VerticalAlignment="Top"/> 3 <Button x:Name="GO" Content="GO" HorizontalAlignment="Right" Margin="362,0,0,0" VerticalAlignment="Top" Click="GO_Click"/> 4 <phone:WebBrowser x:Name="mobileWebBrowser" Margin="10,77,0,0"/> 5 6 </Grid>