Android开发(Java)零基础入门教程(图文完整版)

0 阅读16分钟

Android开发(Java)零基础入门教程(图文完整版)

适合:完全零基础小白、无编程基础/仅懂少量Java,想从0开始做安卓App 工具:Android Studio(官方开发工具,内置JDK/模拟器) 语言:Java 系统:Windows 10/11(macOS操作逻辑一致,仅路径/快捷键略有差异) 说明:所有图片均采用稳定CDN链接,复制教程到Markdown编辑器(Typora、VS Code等)即可直接显示,无需额外下载。

一、核心前置说明

  • 学习目标:搭建Android开发环境 → 认识开发工具 → 写第一个“Hello World”App → 理解核心界面逻辑; - 所需工具:仅需下载Android Studio(内置JDK、模拟器、SDK,新手无需单独安装其他软件); - 核心原则:全程无复杂概念,只讲“能落地的操作”,小白跟着点就能完成。

二、步骤1:安装Android Studio(核心工具,图文详解)

Android Studio是谷歌官方的Android开发IDE,集成了代码编辑、模拟器、调试工具,新手无需单独装JDK(内置),一步到位。

添加图片注释,不超过 140 字(可选)

1.1 下载Android Studio

📸 图1:Android Studio官网下载页(可直接访问,国内稳定)

添加图片注释,不超过 140 字(可选)

添加图片注释,不超过 140 字(可选)

添加图片注释,不超过 140 字(可选)

操作步骤: 1. 打开官网地址:developer.android.google.cn/studio(国内可直… 2. 下滑页面,找到「Download Android Studio Electric Eel | 2022.1.1」(或最新稳定版,认准“Stable”标识); 3. 勾选「I have read and agree with the above terms and conditions」(同意协议); 4. 点击「Download Android Studio for Windows」(约1.2GB,下载慢可搜“Android Studio国内镜像”,如阿里云镜像)。

1.2 安装Android Studio

📸 图2:安装向导第一步(勾选核心组件)

添加图片注释,不超过 140 字(可选)

添加图片注释,不超过 140 字(可选)

操作步骤: 1. 双击下载的安装包(如:android-studio-2022.3.1.21-windows.exe),弹出安装向导,点击「Next」; 2. 勾选两个核心组件(缺一不可): - ✅ Android Studio(开发主程序) - ✅ Android Virtual Device(模拟器,用于测试App,新手必勾) 3. 勾选完成后,点击「Next」。

📸 图3:选择安装路径(避免中文/空格)

添加图片注释,不超过 140 字(可选)

操作步骤: 1. 建议默认路径,若C盘空间不足,可修改到D盘(如:D:\Android\Android Studio); 2. 重点:路径中不能有中文、空格(否则后续会报错); 3. 点击「Next」。

📸 图4:安装完成界面

添加图片注释,不超过 140 字(可选)

添加图片注释,不超过 140 字(可选)

添加图片注释,不超过 140 字(可选)

操作步骤: 1. 等待安装完成(约5分钟,取决于电脑配置); 2. 安装完成后,点击「Finish」,会自动启动Android Studio(首次启动较慢,耐心等待)。

1.3 配置Android Studio(首次启动,自动完成)

📸 图5:首次启动 - 不导入设置

添加图片注释,不超过 140 字(可选)

添加图片注释,不超过 140 字(可选)

操作步骤: 1. 首次启动会弹出「Import Settings」(导入设置)窗口; 2. 选择「Do not import settings」(不导入设置,新手默认即可); 3. 点击「OK」,进入欢迎向导。

📸 图6:欢迎向导 - 选择标准配置

添加图片注释,不超过 140 字(可选)

添加图片注释,不超过 140 字(可选)

操作步骤: 1. 点击「Next」,进入配置类型选择; 2. 选择「Standard」(标准配置,新手必选,无需手动配置SDK、JDK); 3. 点击「Next」。

📸 图7:选择界面主题(新手推荐浅色)

操作步骤: 1. 选择界面主题(推荐「Light」浅色,代码显示更清晰,对新手更友好); 2. 点击「Next」,进入SDK下载界面。

📸 图8:SDK组件自动下载(耐心等待)

添加图片注释,不超过 140 字(可选)

添加图片注释,不超过 140 字(可选)

添加图片注释,不超过 140 字(可选)

操作步骤: 1. 无需手动操作,系统会自动下载Android SDK(开发App必需的组件); 2. 等待下载完成(约2-3GB,看网速,期间不要关闭窗口); 3. 下载完成后,点击「Finish」,回到Android Studio欢迎界面 → 环境搭建完成!

三、步骤2:创建第一个Android项目(Java版,图文手把手)

2.1 新建项目

📸 图9:欢迎界面 - 新建项目

添加图片注释,不超过 140 字(可选)

操作步骤: 1. 在Android Studio欢迎界面,点击「New Project」(新建项目); 2. 进入项目模板选择页。

📸 图10:选择项目模板 - Empty Activity(空活动)

操作步骤: 1. 左侧选「Phone and Tablet」(手机和平板,新手默认); 2. 中间选「Empty Activity」(空活动,最基础的模板,无多余代码,适合入门); 3. 点击「Next」,进入项目配置页(关键步骤,务必仔细)。

2.2 项目配置(关键!新手必按要求填)

📸 图11:项目配置页(重点选Java语言)

添加图片注释,不超过 140 字(可选)

操作步骤: 1. 按以下要求填写,不要乱改(解释见表格):

选项填写内容新手说明
NameHelloWorldApp项目名称,必须英文、无空格
Package namecom.example.helloworldapp包名(App的唯一标识,默认即可,不用改)
Save locationD:\AndroidProjects项目保存路径,无中文、无空格,建议D盘
LanguageJava重点!务必选Java(不要选Kotlin)
Minimum SDKAPI 24: Android 7.0 (Nougat)最低兼容Android版本,选24即可(覆盖90%以上手机)
  1. 填写完成后,点击「Finish」; 3. Android Studio会自动创建项目并加载(首次加载约1分钟,右下角会显示“Gradle Build Running”,等加载完成,不要操作)。

2.3 认识Android Studio界面(新手必看,避免迷路)

📸 图12:项目主界面拆解(4个核心区域)

添加图片注释,不超过 140 字(可选)

新手只需记住4个核心区域,其他区域暂时不用管:

区域作用
左侧「Project」面板显示项目所有文件(默认「Android」视图,新手不用改,避免误删文件)
中间代码编辑区写Java代码、编辑界面布局(核心工作区)
顶部工具栏运行/调试按钮(绿色三角)、模拟器选择(新手常用)
底部「Build」面板显示编译日志,有错误会红色提示(新手排错重点看这里)

四、步骤3:理解核心文件(Java代码+界面布局,小白能懂)

Android开发的核心是「界面布局(XML)+ 逻辑代码(Java)」,两者相互关联:XML负责“显示什么”,Java负责“做什么”,新手先从可视化布局入手,再看代码。

3.1 界面布局文件:activity_main.xml(负责显示界面)

Android的界面是“可视化布局+XML代码”双编辑模式,新手先看可视化界面,不用先学XML代码。

📸 图13:打开布局文件(activity_main.xml)

添加图片注释,不超过 140 字(可选)

操作步骤: 1. 左侧Project面板 → 展开「res」→「layout」→ 双击「activity_main.xml」(布局文件,后缀是.xml); 2. 打开后,界面右下角有两个选项:「Design」(可视化模式)、「Code」(XML代码模式); 3. 新手先切换到「Design」(可视化模式),直观易懂。

📸 图14:可视化布局界面(Design模式)

添加图片注释,不超过 140 字(可选)

界面拆解(新手只需关注3个部分): 1. 左侧「Palette」:控件库(按钮、文本、输入框等,可拖拽到界面); 2. 中间:手机模拟界面(实时显示界面效果,默认有一个「Hello World!」文本); 3. 右侧「Attributes」:控件属性(可修改文本内容、颜色、大小等)。

📸 图15:修改界面文本(新手实操,1分钟搞定)

添加图片注释,不超过 140 字(可选)

操作步骤(新手必做,熟悉布局操作): 1. 点击中间模拟界面中的「Hello World!」文本(选中后,文本周围会出现蓝色边框); 2. 右侧Attributes面板(滚动查找对应属性): - 找到「text」属性,点击输入框,把值改成「你好,Android!」; - 找到「textSize」属性,输入「24sp」(sp是Android专用字体单位,比px更适配手机); - 找到「textColor」属性,点击颜色框,选择红色(#FF0000); 3. 修改后,中间的模拟界面会实时更新,能看到红色、24号大小的「你好,Android!」→ 布局修改完成!

3.2 Java代码文件:MainActivity.java(负责逻辑交互)

逻辑代码写在这里,控制界面的交互(比如点击按钮、修改文本、跳转页面等),新手先理解默认代码,不用急着写新代码。

📸 图16:打开MainActivity.java代码文件

添加图片注释,不超过 140 字(可选)

操作步骤: 1. 左侧Project面板 → 展开「java」→「com.example.helloworldapp」→ 双击「MainActivity.java」(Java代码文件,后缀是.java); 2. 打开后,就能看到默认的Java代码,逐行注释,新手能看懂。

核心代码解析(逐行注释,新手不用背,理解即可):

// 导入必要的包(Android系统自带,自动生成,不用改) package com.example.helloworldapp; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; // MainActivity类,继承自AppCompatActivity(Android的基础活动类,所有页面都要继承它) public class MainActivity extends AppCompatActivity { // onCreate是Activity的核心方法,页面启动时会自动执行(相当于“页面初始化”) @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // 加载布局文件(关键!把activity_main.xml的界面显示出来,关联布局和代码) setContentView(R.layout.activity_main); } }

👉 新手重点:setContentView(R.layout.activity_main) 是“代码关联界面”的关键——意思是「这个Java类(MainActivity),对应activity_main.xml的布局界面」,两者缺一不可。

五、步骤4:运行App(用模拟器/真机,新手推荐模拟器)

写好界面和代码后,就可以运行App,查看效果了。新手推荐用Android Studio内置模拟器(不用连手机),真机运行更流畅(可选)。

5.1 用模拟器运行(新手推荐,无需手机)

Android Studio内置模拟器,一键创建、一键启动,新手不用额外安装其他模拟器。

📸 图18:创建模拟器(Device Manager)

添加图片注释,不超过 140 字(可选)

操作步骤: 1. 顶部工具栏点击「Device Manager」(手机图标,在运行按钮左侧); 2. 弹出模拟器管理窗口,点击「Create device」(创建模拟器)。

📸 图19:选择模拟器设备(推荐Pixel 5)

添加图片注释,不超过 140 字(可选)

操作步骤: 1. 左侧选「Phone」(手机模拟器); 2. 中间选「Pixel 5」(谷歌官方机型,兼容性最好,适合新手); 3. 点击「Next」,进入系统镜像选择页。

📸 图20:选择系统镜像(下载并安装)

添加图片注释,不超过 140 字(可选)

操作步骤: 1. 选择系统镜像(推荐选「R」或「S」版本,默认即可,不用选最新版); 2. 若显示「Download」(未下载),点击「Download」,下载系统镜像(约1GB,耐心等待); 3. 下载完成后,点击「Next」。

📸 图21:模拟器创建完成(命名并确认)

操作步骤: 1. 模拟器名称默认即可(如:Pixel 5 API 30); 2. 点击「Finish」→ 模拟器创建完成,在Device Manager中能看到创建好的模拟器。

📸 图22:启动模拟器并运行App

添加图片注释,不超过 140 字(可选)

操作步骤: 1. 顶部工具栏左侧,找到「Pixel 5 API 30」(你创建的模拟器),选中它(下拉列表中选择); 2. 点击工具栏的「Run 'app'」(绿色三角按钮,在Device Manager右侧); 3. 系统会自动编译项目(底部Build面板显示“Build Successful”),并启动模拟器; - 模拟器首次启动约1分钟(会显示Android开机界面,耐心等待); 4. 编译完成后,模拟器会自动安装并打开App → 能看到你修改的「你好,Android!」红色大字体 → 第一个App运行成功!🎉

📸 图23:模拟器运行效果(第一个App)

添加图片注释,不超过 140 字(可选)

5.2 用真机运行(可选,更流畅)

如果有安卓手机,可直接连电脑测试(比模拟器流畅,适合后续开发),步骤如下:

📸 图24:手机开启开发者选项(USB调试)

添加图片注释,不超过 140 字(可选)

添加图片注释,不超过 140 字(可选)

操作步骤: 1. 手机开启「开发者选项」: - 打开手机「设置」→「关于手机」→ 连续点击「版本号」7次 → 提示“你已进入开发者模式”; - 回到设置,找到「开发者选项」(通常在“系统和更新”或“更多设置”中)→ 开启「USB调试」; 2. 用USB线连接手机和电脑,手机弹出「允许USB调试?」,勾选「始终允许」,点击「确定」; 3. Android Studio顶部工具栏会自动识别手机(显示手机型号),选中手机名称; 4. 点击「Run 'app'」→ App会直接安装到手机上运行,能看到和模拟器一样的效果。

六、步骤5:新手进阶——添加一个按钮(交互逻辑,小白能做)

零基础先做“点击按钮修改文本”,理解Java和界面的交互逻辑(核心:Java代码控制界面控件),步骤简单,跟着做就能成。

6.1 布局中添加按钮(Design模式拖拽)

📸 图25:拖拽Button控件到界面

操作步骤: 1. 打开「activity_main.xml」(切换到Design模式); 2. 左侧Palette面板 → 搜索「Button」(快速找到按钮控件); 3. 按住Button控件,拖拽到模拟界面(拖到「你好,Android!」文本下方); 4. 松开鼠标,按钮就添加到界面上了。

📸 图26:设置按钮属性(id和文本)

添加图片注释,不超过 140 字(可选)

操作步骤: 1. 点击界面上的按钮(选中,出现蓝色边框); 2. 右侧Attributes面板,修改两个关键属性: - 「text」:改成「点击我」(按钮上显示的文本); - 「id」:改成「btn_click_me」(必须!Java代码要通过这个id找到按钮,不能有空格、中文); - 「textSize」:改成「20sp」(和文本大小协调); 3. 修改完成后,界面会实时更新。

6.2 Java代码添加点击事件(控制按钮交互)

📸 图27:MainActivity.java添加点击事件代码

添加图片注释,不超过 140 字(可选)

操作步骤: 1. 打开「MainActivity.java」,复制以下代码(新增部分已标注,直接替换原有代码即可); 2. 代码逐行注释,新手能理解每一步的作用。

package com.example.helloworldapp; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.TextView; public class MainActivity extends AppCompatActivity { // 1. 声明文本控件和按钮控件(和界面上的控件对应) private TextView tv_hello; // 文本控件(对应界面上的“你好,Android!”) private Button btn_click; // 按钮控件(对应界面上的“点击我”按钮) @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // 加载布局 // 2. 通过id找到界面上的控件(id要和布局中设置的一致) tv_hello = findViewById(R.id.textView); // textView是默认文本的id(可在布局里查看) btn_click = findViewById(R.id.btn_click_me); // btn_click_me是我们设置的按钮id // 3. 给按钮添加点击事件(点击按钮后执行的逻辑) btn_click.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // 点击按钮后执行:修改文本内容和大小 tv_hello.setText("按钮被点击啦!"); // 文本改成“按钮被点击啦!” tv_hello.setTextSize(30); // 字体大小改成30sp } }); } }

📸 图28:运行效果(点击按钮修改文本)

添加图片注释,不超过 140 字(可选)

操作步骤: 1. 点击顶部工具栏的「Run 'app'」,重新运行App; 2. 在模拟器/真机中,点击「点击我」按钮 → 文本会变成「按钮被点击啦!」且字体变大 → 交互逻辑生效!🎉

七、新手常见问题&解决方法(避免卡壳)

新手操作中难免遇到报错,以下是最常见的4个问题,附图文解决方法,跟着做就能解决。

1. 模拟器启动慢/卡?(最常见)

解决方法: 1. 打开模拟器,点击右上角「三点图标」→「Settings」(设置); 2. 点击「Show Advanced Settings」(显示高级设置); 3. 把「Memory」(内存)改成2GB,「Number of CPU cores」(CPU核心数)改成2; 4. 点击「Save」,重启模拟器 → 流畅度明显提升; 5. 替代方案:用真机运行(最流畅,无卡顿)。

2. 代码报错(红色下划线)?

解决方法: 1. 先看底部「Build」面板,红色文字是错误原因,新手常见2种错误: - 错误1:「Cannot resolve symbol 'btn_click_me'」→ 布局里按钮的id写错了,核对布局中按钮的id和Java代码中的id是否一致; - 错误2:「Gradle sync failed」→ 点击顶部工具栏「Sync Project with Gradle Files」(大象图标),重新同步,等待同步完成即可; 2. 若仍报错,关闭Android Studio,重新打开项目,再次同步。

3. 运行时提示“App not installed”(App安装失败)?

解决方法: - 真机:关闭手机「安装未知来源应用」限制,或卸载手机上已安装的同名App,再重新运行; - 模拟器:点击模拟器右上角「三点图标」→「Reset」→「Wipe Data」(清空模拟器数据),重新运行App。

4. 布局中找不到控件/属性?

解决方法: 1. 打开activity_main.xml的Design模式; 2. 点击顶部「Refresh」(刷新图标,在Design/Code右侧); 3. 若仍缺失,关闭Android Studio,重新打开项目,或重启电脑。

八、零基础学习路线(后续推荐,新手不迷路)

跟着本教程完成第一个App后,后续按以下路线学习,逐步入门Android开发(不用急,循序渐进):

  1. 熟悉核心控件:TextView(文本)、Button(按钮)、EditText(输入框,用于输入文字)、ImageView(图片,显示图片);

  2. 理解布局方式:LinearLayout(线性布局,简单易上手)、ConstraintLayout(约束布局,主流,适配所有手机);

  3. 学习基础交互:Intent(页面跳转,从一个页面跳到另一个页面)、SharedPreferences(简单数据存储,比如保存用户名/密码);

  4. 查看官方文档(中文版):developer.android.google.cn/guide(权威教程,…

总结

  1. 核心流程:安装Android Studio → 新建Empty Activity项目(选Java)→ 改布局(XML可视化)+ 写Java逻辑 → 用模拟器/真机运行; 2. 新手关键:先不用懂复杂概念,先“跑起来”,再逐步理解「布局(XML)+ 逻辑(Java)」的对应关系; 3. 避坑点:项目名称/路径用英文、首次启动耐心等SDK下载、模拟器卡就用真机、代码报错先同步Gradle; 4. 成就感:跟着本教程走,你已经完成了Android开发的“第一步”——从0到1写出可运行的App,后续只需逐步学习,就能成为合格的Android开发者!