现在你已经了解了fragment以及它们有助于构建灵活的响应式UI，我们来看看，初始代码以及最终的应用将是什么样的。在这节课中，我们将构建一个AndroidMe的应用，它可以让我们创建自定义的android,最终结果看起来将是这样的。它可以让你从一个列表中海为android的头部、身体和腿部，选择不同的图像。当你点击一个图像时，他会在更新显示整个android布局的最终外观。你可以随意选择身体、腿和头部。这是最终的双窗格平板电脑布局。但是我们将从编码更小的手机屏幕上的布局开始。大部分的代码将由你来编写，但我已提供了一些初始代码，这样你就可以集中精力创建和显示fragment，开头的代码包含一些图像资源和帮助你加载图像的工具类，我们使用的所有图像都在这里的drawable文件夹中，其中身体部分有12个图像，头部有12个图像以及12对不同类型的腿，我们还有个工具类叫做AndroidImageAssets， 里面包含这些图像ID的ArrayList。这些id均为整数以及底部相应的getter方法。getHeads会返回所有头部图像id，getBodies返回所有身体图像的id,getLegs返回腿部图像id,最后一个getAll会返回所有图像的id的列表。此工具类中的任何内容不得改变，我们将在稍后构建fragment并告诉他们要显示什么图像时使用这些方法。你将从一个基本的Activity开始叫做AndroidMeActivity对应一个较为简单的布局，你还将看到一个类叫做MasterListAdapter,该适配器负责提取一列图像，然后将它们显示为一个网格视图列表。就像我们在前面的平板电脑布局看到的，我建议你在开始创建fragment之前，先参阅它们。下载此初始代码的说明，可在本视频后的文本中找到。我们的第一个任务是创建显示自定义android图像头部的一个fragment，开始吧。