创建 HelloWorld 工程

启动 Android Studio，依次选择 File --> New --> New Project，将会出现如图 1 所示的界面。在 Application name 中输入项目名称“HelloWorld”，在 Company Domain 中输入“android.introduction”，系统会自动生成包名为“introduction.Android.helloWorld”。

Project Location 指定工程文件存放的位置。单击“Next”按钮，出现如图 2 所示的界面，用于选择应用运行的系统版本。选择运行平台为“Android 7.0”。

再次单击“Next”按钮，进入创建 Activity 界面，如图 3 所示。该界面可以添加多种 Activity 的模板，本次添加一个基本的 Activity 即可，选择“Basic Activity”。

单击“Next”按钮，进入如图 4 所示的界面，指定 Activity 的相关信息，例如 Activity 的名字、布局文件的名字、菜单资源的名字以及 Activity 上显示的标题。此处使用默认设置，不做更改。

设置完成后，单击“Finish”按钮完成工程的创建。

Android Studio 会根据刚才指定的相关信息生成相关模板代码，用户无须编写任何一行代码，该工程就可以运行。按 Shift+F10 快捷键，选择要运行的 AVD，可查看运行效果，如图 5 所示。

相关代码

双击 HelloWorld 工程中的 MainActivity.java，该文件中已有程序代码如下：

1. package introduction.android.helloworld;

2. 
   

3. import android.os.Bundle;

4. import android.support.design.widget.FloatingActionButton;

5. import android.support.design.widget.Snackbar;

6. import android.support.v7.app.AppCompatActivity;

7. import android.support.v7.widget.Toolbar;

8. import android.view.View;

9. import android.view.Menu;

10. import android.view.MenuItem;

11. 
    

12. public class MainActivity extends AppCompatActivity {

13. 
    

14.     @Override

15.     protected void onCreate(Bundle savedInstanceState) {

16.         super.onCreate(savedInstanceState);

17.         setContentView(R.layout.activity_main);

18.         Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);

19.         setSupportActionBar(toolbar);

20. 
    

21.         FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);

22.         fab.setOnClickListener(new View.OnClickListener() {

23.             @Override

24.             public void onClick(View view) {

25.                 Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)

26.                         .setAction("Action", null).show();

27. 
    

28.             }

29.         });

30.     }

31. 
    

32.     @Override

33.     public boolean onCreateOptionsMenu(Menu menu) {

34.         // Inflate the menu; this adds items to the action bar if it is present.

35.         getMenuInflater().inflate(R.menu.menu_main, menu);

36.         return true;

37.     }

38. 
    

39.     @Override

40.     public boolean onOptionsItemSelected(MenuItem item) {

41.         // Handle action bar item clicks here. The action bar will

42.         // automatically handle clicks on the Home/Up button, so long

43.         // as you specify a parent activity in AndroidManifest.xml.

44.         int id = item.getItemId();

45. 
    

46.         //noinspection SimplifiableIfStatement

47.         if (id == R.id.action_settings) {

48.             return true;

49.         }

50. 
    

51.         return super.onOptionsItemSelected(item);

52.     }

53. }

MainActivity.java 中的代码比较简单，表明类 MainActivity 继承了 AppCompatActivity 类，并重写了 onCreate() 方法。

AppCompatActivity 类是 Android Studio 中默认的构建自定义 Activity 的模板类，与 Eclipse+ADT 环境中默认使用的 Activity 相比，AppCompatActivity 提供了对工具栏 ToolBar 的支持。相关代码如下：

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);

在 MainActivity 的 onCreate() 方法体中调用了父类的 onCreate() 方法，然后调用 setContentView() 方法显示视图界面。Android 工程中使用 XML 文件来设计视图界面，R.layout.activity_main 是 Android 工程中默认的布局文件的名字，即 activity_main.xml。

Activity_main.xml 的内容如下：

1. <?xml version="1.0" encoding="utf-8"?>

2. <android.support.design.widget.CoordinatorLayout

3. xmlns:android="http://schemas.android.com/apk/res/android"

4. xmlns:app="http://schemas.android.com/apk/res-auto"

5. xmlns:tools="http://schemas.android.com/tools"

6. android:layout_width="match_parent"

7. android:layout_height="match_parent"

8. tools:context="introduction.android.helloworld.MainActivity">

9. 
   

10. <android.support.design.widget.AppBarLayout

11. android:layout_width="match_parent"

12. android:layout_height="wrap_content"

13. android:theme="@style/AppTheme.AppBarOverlay">

14. 
    

15. <android.support.v7.widget.Toolbar

16. android:id="@+id/toolbar"

17. android:layout_width="match_parent"

18. android:layout_height="?attr/actionBarSize"

19. android:background="?attr/colorPrimary"

20. app:popupTheme="@style/AppTheme.PopupOverlay" />

21. 
    

22. </android.support.design.widget.AppBarLayout>

23. 
    

24. <include layout="@layout/content_main" />

25. 
    

26. <android.support.design.widget.FloatingActionButton

27. android:id="@+id/fab"

28. android:layout_width="wrap_content"

29. android:layout_height="wrap_content"

30. android:layout_gravity="bottom|end"

31. android:layout_margin="@dimen/fab_margin"

32. app:srcCompat="@android:drawable/ic_dialog_email" />

33. 
    

34. </android.support.design.widget.CoordinatorLayout>

CoordinatorLayout 布局是 support v7 系统新增的布局，具有便于调度协调子布局的特点。该布局可看作是增强版的 FrameLayout，通常与 ToolBar 和 FloatingActionButton 合用。 ToolBar 是图 5 中显示 HelloWorld 的蓝色工具栏，具有承载系统菜单的功能。布局相关代码如下：

1. <android.support.design.widget.AppBarLayout

2. android:layout_width="match_parent"

3. android:layout_height="wrap_content"

4. android:theme="@style/AppTheme.AppBarOverlay">

5. 
   

6. <android.support.v7.widget.Toolbar

7. android:id="@+id/toolbar"

8. android:layout_width="match_parent"

9. android:layout_height="?attr/actionBarSize"

10. android:background="?attr/colorPrimary"

11. app:popupTheme="@style/AppTheme.PopupOverlay" />

12. 
    

13. </android.support.design.widget.AppBarLayout>

FloatingActionButton 是图 5 中右下侧的邮箱图标的按钮，布局相关代码如下：

1. <android.support.design.widget.FloatingActionButton

2. android:id="@+id/fab"

3. android:layout_width="wrap_content"

4. android:layout_height="wrap_content"

5. android:layout_gravity="bottom|end"

6. android:layout_margin="@dimen/fab_margin"

7. app:srcCompat="@android:drawable/ic_dialog_email" />

在 MainActivity.java 中，FloatingActionButton 的事件处理代码为：

1. FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);

2. fab.setOnClickListener(new View.OnClickListener() {

3. @Override

4. public void onClick(View view) {

5. Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)

6. .setAction("Action", null).show();

7. }

8. });

该代码实现的功能是，当点击按钮时，显示 "Replace with your own action"。

<include layout ="@layout/content_main" />

这行代码将 content_main.xml 的布局嵌入 activity_main 布局中。content_main.xml 的代码为：

1. <?xml version="1.0" encoding="utf-8"?>

2. 
   

3. <android.support.constraint.ConstraintLayout

4. xmlns:android="http://schemas.android.com/apk/res/android"

5. xmlns:app="http://schemas.android.com/apk/res-auto"

6. xmlns:tools="http://schemas.android.com/tools"

7. android:layout_width="match_parent"

8. android:layout_height="match_parent"

9. app:layout_behavior="A@string/appbar_scrolling_view_behavior"

10. tools:context="introduction.android.helloworld.MainActivity"

11. tools:showIn="@layout/activity_main">

12. 
    

13. <TextView

14. android:layout_width="wrap_content"

15. android:layout_height="wrap_content"

16. android:text="Hello World!"

17. app:layout_constraintBottom_toBottomOf="parent"

18. app:layout_constraintLeft_toLeftOf="parent"

19. app:layout_constraintRight_toRightOf="parent"

20. app:layout_constraintTop_toTopOf="parent" />

21. 
    

22. </android.support.constraint.ConstraintLayout>

该文件中的代码表示当前的布局文件使用 LinearLayout 布局，该布局中仅有一个 TextView 组件用于显示信息，显示的内容为 "Hello World!"。

Android Studio 鼓励用户将所有组件放置到 content_main.xml 中，而对 activity_main 中的代码尽量不做修改。

为了简化代码，降低阅读难度，在本教程的范例程序代码中，除非需要用到工具栏和悬浮按钮，其余都会将 .java 文件和 .xml 文件中的 ToolBar 和 FloatingActionButton 的相关代码移除掉，并且直接使用单个布局文件搭建界面，避免使用 include 将一个布局嵌入另一个布局中。

工程文件结构解析

没有书写一句程序代码，一个 Android 应用便创建成功了，但是这只是一个简单的 Android 应用，要创建更多的 Android 应用，还要详细地了解 Android 应用程序结构。 Android Studio 的 Project 工程文件结构如图 6 所示。

主要目录和作用：

app目录下的结构如图 7 所示：

下面分别介绍各个目录或文件的作用：