10 分钟新手入门：打造你的 Android 记账 App

2023-11-12 08:43:58

亲爱的朋友们，大家好！今天，我们将踏上一段充满趣味且实用的旅程——用 Android 亲手打造一个简易记账 App。在短短 10 分钟内，我们将从零开始，逐步完成记账 App 的开发，助你成为记账达人，轻松实现财务自由！

构建 Android 前端

首先，我们从搭建 Android 前端开始。打开你的 Android Studio，新建一个项目，然后创建一个名为 main_activity.xml 的 XML 布局文件。在 XML 文件中，我们将设计界面的布局，包括文本框、按钮和 RecyclerView 等元素。

<LinearLayout>
    <TextView
        android:id="@+id/tv_income"
        android:text="收入：" />
    <EditText
        android:id="@+id/et_income"
        android:inputType="number" />
    <TextView
        android:id="@+id/tv_expense"
        android:text="支出：" />
    <EditText
        android:id="@+id/et_expense"
        android:inputType="number" />
    <Button
        android:id="@+id/btn_add"
        android:text="添加" />
    <RecyclerView
        android:id="@+id/rv_records" />
</LinearLayout>

构建 Java 后端

接下来，我们转向 Java 后端，负责数据存储和处理。创建一个名为 MainActivity.java 的 Java 文件，并编写以下代码：

public class MainActivity extends AppCompatActivity {

    private ArrayList<Record> records = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        Button btnAdd = findViewById(R.id.btn_add);
        btnAdd.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                EditText etIncome = findViewById(R.id.et_income);
                EditText etExpense = findViewById(R.id.et_expense);

                double income = Double.parseDouble(etIncome.getText().toString());
                double expense = Double.parseDouble(etExpense.getText().toString());

                Record record = new Record(income, expense);
                records.add(record);

                RecyclerView rvRecords = findViewById(R.id.rv_records);
                rvRecords.setAdapter(new RecordAdapter(records));
            }
        });
    }
}

衔接前后端

现在，让我们将前后端连接起来。在 MainActivity.java 文件中，添加以下代码：

public class MainActivity extends AppCompatActivity {

    // ... 前端代码 ...

    private void addRecord() {
        EditText etIncome = findViewById(R.id.et_income);
        EditText etExpense = findViewById(R.id.et_expense);

        double income = Double.parseDouble(etIncome.getText().toString());
        double expense = Double.parseDouble(etExpense.getText().toString());

        Record record = new Record(income, expense);
        records.add(record);

        RecyclerView rvRecords = findViewById(R.id.rv_records);
        rvRecords.getAdapter().notifyDataSetChanged();
    }
}