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>

 

 

posted @ 2013-02-01 14:46  竹径通幽  阅读(852)  评论(1编辑  收藏  举报