模块2：创建iWeather项目工程 - 创建工程

创建工程

前面的课程已经讲解了如何在Android Studio中创建项目工程。在这里，创建iWeather项目的过程大致相同，只是需要按照以下的规定来设置几个参数：

• Application Name: iWeather
• Package Name: com.dmtech.iw。请务必一字不差的照此设置包名，将来需要根据它来获取天气数据。

后面的步骤保持默认即可。

在完成向导的各步骤的设置之后，Android Studio即进入到开发界面。在虚拟设备上运行程序查看结果如下：

我们还没有做任何工作，因此只看到Android Studio产生的缺省App界面。我们现在从这个界面出发了解一下程序的配置信息。

---

用户界面

来描述一下我们看到的App主界面。整个屏幕自上而下划分成4个区域：

• 暗绿色的系统状态栏
• 绿色的ActionBar，并且标题设置为App的名称“iWeather”
• 内容区域，设置为白色背景，并在中央显示文字“Hello World!”
• 虚拟按键栏：在某些设备上，用实体按键来代替之

---

颜色主题

其中，系统状态栏和ActionBar的背景颜色通常使用UI设计阶段指定的主色（Primary Color）及其变体（Variants）。相关的设置在哪里呢？我们打开资源文件“res/values/colors.xml”查看，其中对主色及其深色变体进行了定义：

主色及其深色变体

其中颜色colorPrimary对应于App主色，colorPrimaryDark对应于App主色的深色变体。这两个名字会自动与ActionBar与系统状态栏的背景色相关联。

---

文字

ActionBar标题文字即为App名称。这个名称是一个字符串资源，定义在“res/values/strings.xml”中：

字符串定义

应用程序名称可能在许多地方会用到，例如欢迎页面、介绍页面等。无论在哪里用到，都应当通过字符串名称“app_name”来引用，这样一方面避免手误写错，另一方面一旦需要修改则只需要修改string.xml一处即可。

可以将其改为app_name字符串的值改为中文“爱天气”，运行程序查看效果如下：

---

主界面布局

Android Studio的项目创建向导为我们自动生成了活动MainActivity和它的布局描述文件“res/layout/activity_main.xml”。
打开Java源文件MainActivity.java查看：

为Activity设置布局

按住键盘上的Command键（Mac）或Ctrl键（Win）并点击代码中的布局名称activity_main即可快速打开activity_main.xml文件。

布局文件描述用户界面有哪些元素、如何排列。Android Studio对布局文件有两种展示模式，即设计模式和文本模式：

设计模式

文本模式

通过设计视图，我们可以快速查看UI布局效果，也可以通过鼠标操作直接调整布局排列；在文本视图中，则可以通过编辑基于XML语法的布局描述进行精确设置。

我们在初次运行App时看到的内容区域即由此布局文件定义。进入文本视图，找到“Hello World”文字对应的TextView组件，将文字内容修改为App的名称：

修改文本视图内容

这里引用了string.xml文件中定义的字串app_name。切换到设计视图查看效果：

设计视图并不总能实时展现对应用程序界面元素的修改。如果这个修改是在Java程序代码中进行的，则需要运行程序查看结果。

可以发现，这里并没有对ActionBar进行描述。没错，ActionBar默认存在。我们在后面可以通过一些设置来去掉它，并代之以更灵活的机制。

我们首先来将设计好的图标导入到开发项目中。