首先我们先来打开Visual Studio

点击 文件 选择 新建项目

再选择 Windows应用商店 ，接着选 网格应用程序 点 确定

首先，我们需要给自己的应用确定一个自己想要的名称
打开App.xaml
找到下面红线划出来的一段代码 <x:String x:Key="AppName">App1</x:String>
将 App1 改成自己想要的名字就可以了。

我在这里将其改成 灵动工作室

这样我们就可以看到该应用的名称已经变成了自己修改的名称了

在上面的那张图片，我们可以看到整个应用的界面背景是黑色的。
现在我们来为其添加背景图片
首先需要把图片放入到Assets文件目录中去
（目录地址为：C:\Users\liang_000\Documents\Visual Studio 2012\Projects\灵动工作室\灵动工作室\Assets 当然这个地址是因人而异的）

也可以用下面的方法
右键Assets

在跳出来的窗口里选择 在文件资源管理器中打开文件夹

把文件复制到该文件夹中
下面我们来将这张图片添加到项目中
点击下图中用红线圈住的 显示所有文件 按钮

找到刚才添加进去的背景图片

然后 右键 选择 包括在项目中
这样这张图片就已经添加到该项目中了

下面，我们就着手将这张图片作为，整个应用的背景
在刚才的那段代码 <x:String x:Key="AppName">App1</x:String>下面
添加这样的一段代码
<ImageBrush x:Key="GridimageBrush" ImageSource="/Assets/beijing.jpg"/>
其中"/Assets/beijing.jpg"/是文件的地址。

再打开 GroupedItemsPage.xaml
找到下面红线圈画的代码
<Grid Style="{StaticResource LayoutRootStyle}"

在Grid Style里加入这样一段代码
Background="{StaticResource GridimageBrush}"
记得在<Grid Style="{StaticResource LayoutRootStyle}"后没有 >
在Background="{StaticResource GridimageBrush}"前没有 < 但在其后面有 >
因为这是一个完整的语句
<Grid Style="{StaticResource LayoutRootStyle}"
Background="{StaticResource GridimageBrush}">

添加完之后，我们发现界面已经改成自己想要的背景了

如果希望这张背景运用到每一个项目当中
我们可以将 Background="{StaticResource GridimageBrush}" 这段代码添加到
ItemDetailPage.xaml项目
代码具体位置就一一说明了，就看下面图片红线圈中的范围就知道了

打开项目 GroupDetailPage.xaml
将代码 Background="{StaticResource GridimageBrush}" 添加到
下图红线圈中的地方即可

下面我们来看一下具体的效果