初识Windows8应用商店开发

约定不等于承诺〃 2022-01-17 04:57 349阅读 0赞

Windows8从消费者预览版到RTM版的发布让微软成了2012年最受关注的公司，同时这也引起了很多的开发者的兴趣，今天本文将介绍windows 8 开发环境的搭建以及Windows 8 下的第一个程序 HelloWorld。

\---------------------------------华丽的分割线-----------------------------------------

一、Windows 8 开发环境的搭建

Windows 8 的开发需要一台装有Windows 8 的机器，以及visual studio 2012

这里我下的是window 8 rtm 企业版 以及visual studio 2012 旗舰版 因为我是学生开发者所以我是在官方网站下的，这里给出我度娘出的结果

Windows 8 专业版32位 [http://kuai.xunlei.com/d/BLDJTTBZXIBV][http_kuai.xunlei.com_d_BLDJTTBZXIBV]

Windows 8 专业版64位 [http://kuai.xunlei.com/d/VURJIOVUVELH][http_kuai.xunlei.com_d_VURJIOVUVELH]

Visual Studio 2012 专业版 [http://www.iplaysoft.com/vs2012.html][http_www.iplaysoft.com_vs2012.html]

二、HelloWord创建

a.先给出Window 8 的截图

[![200741290.jpg][]][200741290.jpg]

b、在起始页选项卡中，选择新建项目来创建HelloWorld，也可以从文件菜单->新建->项目来创建。

如下图，模版选择Visual C\# Windows 应用商店应用，右边选择(XAML)，然后在下面输入项目名称，路径和解决方案名称，最后点击确定，就创建好了一个最简单的Metro App。

[![201137823.jpg][]][201137823.jpg]

c.然后我们就看到了最熟悉的vs的界面

[![201950437.jpg][]][201950437.jpg]

e.右侧我们看到工程的组织文件

[![202158244.jpg][]][202158244.jpg]

从上图中，可以看到有如下文件和目录：

1)Properties

2)引用

3)Assets

4)Common

5)App.xaml

6)MainPage.xaml

7)Package.appemanifest

1)Properties目录下的文件Assembly.cs主要存放有关程序集的常规信息和程序的版本信息

2)引用，从上面的图中，我们看到默认有两个引用：.NET for Metro style apps和Windows

Metro 应用使用简装版的.NET框架库。我们可以双击Reference查看看到他们对应的命名空间。

3)Assets，该目录下主要存放程序使用到的Logo，启动画面等信息。

4)Common里面有一个文件：

StandardStyles.xaml，它是一个资源文件，它与App.xaml文件进行关联的。其中包含了一些Style和Template，通过这个文件，我们创建应用会变得更容易。  
下面我分别摘取了一个Style和Template。

这是定义的style

1.  <Style x:Key="BasicRichTextStyle" TargetType="RichTextBlock">
2.  <Setter Property="Foreground" Value="\{StaticResource ApplicationForegroundThemeBrush\}"/>
3.  <Setter Property="FontSize" Value="\{StaticResource ControlContentThemeFontSize\}"/>
4.  <Setter Property="FontFamily" Value="\{StaticResource ContentControlThemeFontFamily\}"/>
5.  <Setter Property="TextTrimming" Value="WordEllipsis"/>
6.  <Setter Property="TextWrapping" Value="Wrap"/>
7.  <Setter Property="Typography.StylisticSet20" Value="True"/>
8.  <Setter Property="Typography.DiscretionaryLigatures" Value="True"/>
9.  <Setter Property="Typography.CaseSensitiveForms" Value="True"/>
10. </Style>

这是定义的数据显示的模版

1.  <DataTemplate x:Key="Standard130ItemTemplate">
2.  <Grid Height="110" Margin="6">
3.  <Grid.ColumnDefinitions>
4.  <ColumnDefinition Width="Auto"/>
5.  <ColumnDefinition Width="\*"/>
6.  </Grid.ColumnDefinitions>
7.  <Border Background="\{StaticResource ListViewItemPlaceholderBackgroundThemeBrush\}" Width="110" Height="110">
8.  <Image Source="\{Binding Image\}" Stretch="UniformToFill"/>
9.  </Border>
10. <StackPanel Grid.Column="1" VerticalAlignment="Top" Margin="10,0,0,0">
11. <TextBlock Text="\{Binding Title\}" Style="\{StaticResource TitleTextStyle\}" TextWrapping="NoWrap"/>
12. <TextBlock Text="\{Binding Subtitle\}" Style="\{StaticResource CaptionTextStyle\}" TextWrapping="NoWrap"/>
13. <TextBlock Text="\{Binding Description\}" Style="\{StaticResource BodyTextStyle\}" MaxHeight="60"/>
14. </StackPanel>
15. </Grid>
16. </DataTemplate>

5)App.axml  
App.xaml 文件和它对应的代码文件是 App.xaml.cs，用于启动 Metro App。这个 XAML 文件的主要用途是与 Common 文件夹中的StandardStyles.xaml进行关联。如下代码所示

1.  <Application
2.  x:Class="App.App"
3.  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
4.  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
5.  xmlns:local="using:App">
6.  
7.  <Application.Resources>
8.  <ResourceDictionary>
9.  <ResourceDictionary.MergedDictionaries>
10. 
11. 
15.

1.  <ResourceDictionary Source="Common/StandardStyles.xaml"/>

</ ResourceDictionary.MergedDictionaries > </ ResourceDictionary > </ Application.Resources > </ Application >

注意这里

**<****ResourceDictionary**Source="Common/StandardStyles.xaml"**/>**

这一句将Common文件夹下的StandardStyles.xaml注册到App.xaml 中一边其他成员可以使用定义的样式 以及数据显示的模版

对应App.xaml 有一个App.xaml.cs

1.  using System;
2.  using System.Collections.Generic;
3.  using System.IO;
4.  using System.Linq;
5.  using Windows.ApplicationModel;
6.  using Windows.ApplicationModel.Activation;
7.  using Windows.Foundation;
8.  using Windows.Foundation.Collections;
9.  using Windows.UI.Xaml;
10. using Windows.UI.Xaml.Controls;
11. using Windows.UI.Xaml.Controls.Primitives;
12. using Windows.UI.Xaml.Data;
13. using Windows.UI.Xaml.Input;
14. using Windows.UI.Xaml.Media;
15. using Windows.UI.Xaml.Navigation;
16. 
17. // “空白应用程序”模板在 http://go.microsoft.com/fwlink/?LinkId=234227 上有介绍
18. 
19. namespace App
20. \{
21. /// <summary>
22. /// 提供特定于应用程序的行为，以补充默认的应用程序类。
23. /// </summary>
24. sealed partial class App : Application
25. \{
26. /// <summary>
27. /// 初始化单一实例应用程序对象。这是执行的创作代码的第一行，
28. /// 逻辑上等同于 main() 或 WinMain()。
29. /// </summary>
30. public App()
31. \{
32. this.InitializeComponent();
33. this.Suspending += OnSuspending;
34. \}
35. 
36. /// <summary>
37. /// 在应用程序由最终用户正常启动时进行调用。
38. /// 当启动应用程序以执行打开特定的文件或显示搜索结果等操作时
39. /// 将使用其他入口点。
40. /// </summary>
41. /// <param name="args">有关启动请求和过程的详细信息。</param>
42. protected override void OnLaunched(LaunchActivatedEventArgs args)
43. \{
44. Frame rootFrame = Window.Current.Content as Frame;
45. 
46. // 不要在窗口已包含内容时重复应用程序初始化，
47. // 只需确保窗口处于活动状态
48. if (rootFrame == null)
49. \{
50. // 创建要充当导航上下文的框架，并导航到第一页
51. rootFrame = new Frame();
52. 
53. if (args.PreviousExecutionState == ApplicationExecutionState.Terminated)
54. \{
55. //TODO: 从之前挂起的应用程序加载状态
56. \}
57. 
58. // 将框架放在当前窗口中
59. Window.Current.Content = rootFrame;
60. \}
61. 
62. if (rootFrame.Content == null)
63. \{
64. // 当未还原导航堆栈时，导航到第一页，
65. // 并通过将所需信息作为导航参数传入来配置
66. // 参数
67. if (!rootFrame.Navigate(typeof(MainPage), args.Arguments))
68. \{
69. throw new Exception("Failed to create initial page");
70. \}
71. \}
72. // 确保当前窗口处于活动状态
73. Window.Current.Activate();
74. \}
75. 
76. /// <summary>
77. /// 在将要挂起应用程序执行时调用。在不知道应用程序
78. /// 将被终止还是恢复的情况下保存应用程序状态，
79. /// 并让内存内容保持不变。
80. /// </summary>
81. /// <param name="sender">挂起的请求的源。</param>
82. /// <param name="e">有关挂起的请求的详细信息。</param>
83. private void OnSuspending(object sender, SuspendingEventArgs e)
84. \{
85. var deferral = e.SuspendingOperation.GetDeferral();
86. //TODO: 保存应用程序状态并停止任何后台活动
87. deferral.Complete();
88. \}
89. \}
90. \}

在上面的代码中，有三个方法

public App()  
 该方法用于初始化一个应用程序，我们所写的代码，这里是首先被执行的，逻辑上等价于main() 或WinMain()。  
  
protected override void OnLaunched(LaunchActivatedEventArgs args)  
 当用户正常情况下启动完毕了程序，该方法会被调用。当然，也有其它情况下，该方法会被调用，例如：当启动程序以打开指定的文件，或者显示搜索结果，等等。  
  
private void OnSuspending(object sender, SuspendingEventArgs e)  
 当程序被中止时，该方法会被调用。  
  
应用程序的生命周期主要就是通过App.xaml.cs文件进行处理的，关于Metro App的生命周期，在后面的学习中，我会进行介绍。现在你只需要知道OnLanunched方法是在程序启动的时候被调用的。在该方法中，会创建并加载MainPage的一个实例，作为应用程序的主入口。

6.MainPage.xaml 是用来定义我们运行时，看到的界面，这是默认生成的，当然我们可以自己定义开始的导航界面。

1.  <Page
2.  x:Class="App.MainPage"
3.  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
4.  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
5.  xmlns:local="using:App"
6.  xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
7.  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
8.  mc:Ignorable="d">
9.  
10. <Grid Background="\{StaticResource ApplicationPageBackgroundThemeBrush\}">
11. 
12. </Grid>
13. </Page>

这是我第一次接触到XAML，但是个人觉得只要有地XML或者HTML经验的人看XAML的时候应该是没什么大问题

在这里MainPage.xaml就是在包含了一个Grid的控件

当然这里的MainPage.xaml也包含一个隐藏的文件MainPage.xaml.cs

1.  using System;
2.  using System.Collections.Generic;
3.  using System.IO;
4.  using System.Linq;
5.  using Windows.Foundation;
6.  using Windows.Foundation.Collections;
7.  using Windows.UI.Xaml;
8.  using Windows.UI.Xaml.Controls;
9.  using Windows.UI.Xaml.Controls.Primitives;
10. using Windows.UI.Xaml.Data;
11. using Windows.UI.Xaml.Input;
12. using Windows.UI.Xaml.Media;
13. using Windows.UI.Xaml.Navigation;
14. 
15. namespace App
16. \{
17. public sealed partial class MainPage : Page
18. \{
19. public MainPage()
20. \{
21. this.InitializeComponent();
22. \}
23. 
24. protected override void OnNavigatedTo(NavigationEventArgs e)
25. \{
26. \}
27. \}
28. \}

这里MainPage()是用来初始化用的，OnNavigatedTo方法则是当该页面显示在某个位置的时候，会被调用。

7)Package.appemanifest

最后我们来看看文件Package.appemanifest 。

这是一个提供Metro App信息给Windows runtime的XML文件。信息主要包括：程序显示名称、入口点、支持的旋转、徽标等。

三、运行 和 调试

1、如图我利用了visual studio 2012提供的界面设计工具 给空白页上添加了一个TextBlock控件并添加上文字，这样就算给这个HelloWorld程序设计好了界面（PS：虽然很丑）

[![220430275.jpg][]][220430275.jpg]

点击下面的按钮

[![220727209.jpg][]][220727209.jpg]

这样我们就成功地完成了世界上“最伟大”的程序

[![221400782.jpg][]][221400782.jpg]

转载于:https://blog.51cto.com/boelroy/1034823

[http_kuai.xunlei.com_d_BLDJTTBZXIBV]: http://kuai.xunlei.com/d/BLDJTTBZXIBV
[http_kuai.xunlei.com_d_VURJIOVUVELH]: http://kuai.xunlei.com/d/VURJIOVUVELH
[http_www.iplaysoft.com_vs2012.html]: http://www.iplaysoft.com/vs2012.html
[200741290.jpg]: https://s1.51cto.com/attachment/201210/200741290.jpg
[201137823.jpg]: https://s1.51cto.com/attachment/201210/201137823.jpg
[201950437.jpg]: https://s1.51cto.com/attachment/201210/201950437.jpg
[202158244.jpg]: https://s1.51cto.com/attachment/201210/202158244.jpg
[220430275.jpg]: https://s1.51cto.com/attachment/201210/220430275.jpg
[220727209.jpg]: https://s1.51cto.com/attachment/201210/220727209.jpg
[221400782.jpg]: https://s1.51cto.com/attachment/201210/221400782.jpg