跳转至

03 第一个 App：布局与代码

创建一个 Empty Views Activity 后，AS 会生成一个"显示一行文字"的最小 App。本章把它升级成"按钮 + 输入框 + 文字反馈"的交互小样，完整走一遍 布局 → 代码 → 运行。

3.1 布局文件 activity_main.xml

用 LinearLayout（线性布局，控件纵向排列）改造：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="24dp"
    android:gravity="center_horizontal">

    <EditText
        android:id="@+id/etInput"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="在这里输入文字" />

    <Button
        android:id="@+id/btnShow"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="显示出来" />

    <TextView
        android:id="@+id/tvResult"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="结果会显示在这里"
        android:textSize="18sp" />

</LinearLayout>

要点： - @+id/xxx 表示给控件起一个 id，Java 里用它找到控件； - match_parent = 撑满父容器；wrap_content = 内容多大就多大； - dp 是长度单位（适配不同屏幕密度），sp 是文字单位。

3.2 Java 代码 MainActivity.java

package com.example.myfirstapp;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Toast;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

    private EditText etInput;
    private TextView tvResult;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);   // ① 指定显示哪个布局

        // ② 用 findViewById 按 id 找到控件
        etInput = findViewById(R.id.etInput);
        tvResult = findViewById(R.id.tvResult);
        Button btnShow = findViewById(R.id.btnShow);

        // ③ 给按钮设置点击监听
        btnShow.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String text = etInput.getText().toString();
                if (text.isEmpty()) {
                    Toast.makeText(MainActivity.this, "先输入点内容呀", Toast.LENGTH_SHORT).show();
                } else {
                    tvResult.setText("你输入的是：" + text);
                }
            }
        });
    }
}

流程拆解：

  1. setContentView(R.layout.activity_main) —— 把 XML 布局"装"进 Activity；
  2. findViewById(R.id.xxx) —— 拿到控件的 Java 对象；
  3. setOnClickListener(...) —— 给按钮注册点击回调，onClick 里写"点了之后干什么"；
  4. Toast.makeText(...).show() —— 弹一个短暂提示（安卓最常用的反馈方式）。

3.3 运行看看

点 ▶ Run，这次 App 有输入框和按钮了：

  • 输入文字 → 点按钮 → 下方文字更新；
  • 不输入直接点 → 弹 Toast 提示。

3.4 小知识点

  • Activity 是什么：一个"界面 + 逻辑"的容器，一个 App 通常有多个 Activity（登录页、主页、详情页……）；
  • onCreate：Activity 创建时必走的方法，界面初始化都写这里；
  • 匿名内部类写法：new View.OnClickListener(){...} 是 Java 常见写法，也可以用 Lambda 简写： 
    btnShow.setOnClickListener(v -> {
    // 和上面一样
});

本章练习：给布局再加一个「清空」按钮，点击后清空输入框和结果文字。

🏠 返回总站