[Win8Y原创]Windows Store App开发入门系列(2)Hello Win8Y

从这一节起我们开始着手Windows Store App编程的学习之旅。在开始学习之前,请各位搭建好微软最新的Windows Store App开发环境,因为Win8 RTM版本+Visual Studio 2012正式版比原来的Win8 RP+Visual Studio 2012 RC版相对成熟很多,WinRT和.NET4.5也完善了很多,是目前Windows Store App开发的最好平台。下面给出下载链接:

一、微软官方Win8 MSDN简体中文版:

1.Windows 8 (x86) – DVD (Chinese-Simplified)

下载地址:

ed2k://|file|cn_windows_8_x86_dvd_915414.iso|2679801856|9AF10141BFD61BC66D9D6459758D7749|/

安装密钥:NG4HW-VH26C-733KW-K6F98-J8CK4

2.Windows 8 (x64) – DVD (Chinese-Simplified)

下载地址:

ed2k://|file|cn_windows_8_x64_dvd_915407.iso|3652950016|5C7F8C212BD3A1827866563773A431C2|/

安装密钥:NG4HW-VH26C-733KW-K6F98-J8CK4

3.Windows 8 Enterprise (x86) – DVD (Chinese-Simplified)

安装密钥:32JNW-9KQ84-P47T8-D8GGY-CWCK7

下载地址:

ed2k://|file|cn_windows_8_enterprise_x86_dvd_917682.iso|2597502976|7B6541942A16EB54BC81E84558DF09DF|/

4.Windows 8 Enterprise (x64) – DVD (Chinese-Simplified)

下载地址:

ed2k://|file|cn_windows_8_enterprise_x64_dvd_917570.iso|3560837120|8CAE8064C4B8F9CD84941B4FF4A34722|/

安装密钥:32JNW-9KQ84-P47T8-D8GGY-CWCK7

5.Windows 8 Pro VL (x86) – DVD (Chinese-Simplified)

安装密钥:NG4HW-VH26C-733KW-K6F98-J8CK4

下载链接:

ed2k://|file|cn_windows_8_pro_vl_x86_dvd_917720.iso|2595137536|E87CEF7B8B4EFB12B0A7397795209301|/

6.Windows 8 Pro VL (x64) – DVD (Chinese-Simplified)

安装密钥:NG4HW-VH26C-733KW-K6F98-J8CK4

下载地址:

ed2k://|file|cn_windows_8_pro_vl_x64_dvd_917773.iso|3558014976|7956620A80428F37D4F2989CB5CF3B5A|/

二.微软官方Visual Studio 2012 简体中文版:

1. Visual Studio Express 2012 for Windows 8:

http://download.microsoft.com/download/8/1/b/81b0c41a-595f-4d5d-8c83-bb29addb265d/vs2012_winexp_chs.iso

2. Visual Studio Personal 2012 90 天试用:

http://download.microsoft.com/download/B/2/8/B2801FEE-9A60-4AFA-8657-0E8AB0A373F0/VS2012_PRO_chs.iso

3. Visual Studio Premium 2012 90 天试用:

http://download.microsoft.com/download/B/0/5/B05EDF33-F00D-4961-8191-7BA4D4C7747E/VS2012_PREM_chs.iso

4. Visual Studio Ultimate 2012 90 天试用:

http://download.microsoft.com/download/B/0/F/B0F589ED-F1B7-478C-849A-02C8395D0995/VS2012_ULT_chs.iso

关于以上下载地址只要复制后用迅雷下载即可,如果你仅仅是开发Windows Store App,你可以下载Visual Studio Express 2012 for Windows 8,才410M(本教程使用Visual Studio Ultimate 2012)。不建议下载Win8企业版,这个版本一般是企业内部使用。

安装好Win8跟Visual Studio 2012后,我们马上来建立我们的第一个Windows Store App吧!

首先从开始屏幕启动Visual Studio 2012(以下简称VS2012)

文件-新建-项目,或者直接快捷键Ctrl+Shift+N(建议使用快捷键)

选择C#-Windows应用商店-空白应用程序(XAML),选择你的项目位置,名称输入“HelloWin8Y”,点击“确定”。

双击打开解决方案资源管理器中的“MainPage.xaml”,把Grid标签的代码修改如下:

<Grid Background=”{StaticResource ApplicationPageBackgroundThemeBrush}”>

<Grid.RowDefinitions>

<RowDefinition Height=”80″/>

<RowDefinition Height=”35″/>

<RowDefinition/>

<RowDefinition Height=”80″/>

<RowDefinition Height=”30″/>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

<ColumnDefinition Width=”*”/>

<ColumnDefinition Width=”15*”/>

<ColumnDefinition Width=”*”/>

</Grid.ColumnDefinitions>

<TextBlock Grid.Row=”0″ Grid.Column=”1″ Text=”Win8应用商店” FontSize=”48″ VerticalAlignment=”Bottom”/>

<TextBlock Grid.Row=”1″ Grid.Column=”1″ Text=”Windows8 Store App Sample” FontSize=”24″/>

<TextBlock Grid.Row=”2″ Grid.Column=”1″ Text=”Hello Win8Y” HorizontalAlignment=”Center” VerticalAlignment=”Center” FontSize=”72″/>

<HyperlinkButton Grid.Row=”3″ Grid.Column=”1″ HorizontalAlignment=”Right” NavigateUri=”http://www.win8y.com” BorderThickness=”0″ FontSize=”24″ Content=”www.win8y.com” FontWeight=”Normal” FontStyle=”Italic”/>

<Grid HorizontalAlignment=”Left” Grid.Row=”3″ Grid.Column=”1″>

<Grid.RowDefinitions>

<RowDefinition Height=”2*”/>

<RowDefinition Height=”*”/>

</Grid.RowDefinitions>

<TextBlock Grid.Row=”0″ Text=”Win8y” FontSize=”36″ FontStyle=”Italic”/>

<TextBlock Grid.Row=”2″ Text=”© 2012 Win8应用商店 Beta 6.28. All Rights Reserved” FontSize=”18″/>

</Grid>

</Grid>

这里面涉及到布局控件Grid和文字控件TextBlock、超链接按钮控件HyperlinkButton,这些控件不是Win8 应用开发的新特性,早在Silverlight、WPF和WP7中就有。Grid是网格布局控件,先定义好网格,再在具体控件中设置该控件的行与列就能把该控件定位到理想的格子里。TextBlock是文字控件,承载文字内容,类似于WinForm中的Label。HyperlinkButton是超链接按钮,NavigateUri属性是点击该按钮要链接到的目标地址,还可以产生点击事件。因为本教程只讨论Win8应用开发中相对于以往的Windows编程中的新特性,故不对布局技巧和常用控件的使用方法作具体展开,还没有接触过XAML的童鞋可以先学习一下XAML/WPF、WP7或Silverlight编程。

接着在解决方案资源管理器中找到App.xaml,双击打开,在xmlns:local=”using:HelloWin8Y” 这句代码后面添加一句:RequestedTheme=”Light”,这样就会显示浅色主题(相对于默认的深色主题)了。

接下来修改初始屏幕和开始屏幕显示的徽标,我这里有几张已经做好的图片,包括有徽标、宽徽标、小徽标和初始屏幕图片。在我放出的源码下载里面的Assets文件夹里。你也可以试着做几张,要求徽标尺寸为150 x 150,宽徽标为310 x 150,小徽标为30 x 30,初始屏幕为620 x 300。前景文本颜色改为深,背景色改为white。按照下图设置。

下面是修改后的效果图

宽徽标:

徽标:

小徽标:

所有东西都准备好后,选择模拟器运行环境

按F5运行一下看看效果?你的第一个Windows Store App出炉啦!

点击右下角的www.win8y.com看看,是不是从浏览器打开了Win8Y官方网站?

在此附上本节教程的工程源文件,点击下载

本节教程到此结束,下一节,Win8Y团队将为大家讲解应用程序栏(AppBar)的使用!

本文为Win8Y团队原创教程,首次发表于Win8应用商店,未经许可不得擅自用于商业用途,如需转载请注明出处。

posted @ 2012-11-05 19:32  流-星-追-月  阅读(201)  评论(0编辑  收藏  举报