江鸟中原：手把手教你开发简易鸿蒙记账App（从零开始的鸿蒙开发教程）

3. 设计用户界面

鸿蒙的UI可以使用XML布局文件来定义。我们将在entry/src/main/resources/base/layout目录下找到ability_main.xml，并编辑它。设计一个简单的记账界面：顶部显示当前余额，中间是收支列表，底部有两个按钮（添加收入和支出）。使用DirectionalLayout和Text、Button等组件。注意设置合适的ID以便在Java代码中引用。

4. 编写业务逻辑

打开MainAbilitySlice.java，在onStart()方法中加载布局并初始化组件。我们需要一个数据结构来存储收支记录，比如使用ArrayList。创建自定义的ItemProvider来绑定数据到ListContainer。为两个按钮设置点击事件，弹出输入框让用户输入金额和备注，然后更新列表和余额。

    // 示例代码片段public class MainAbilitySlice extends AbilitySlice {    private Text balanceText;    private ListContainer listContainer;    private Button addIncomeBtn, addExpenseBtn;    private List records = new ArrayList<>();    private float balance = 0;    @Override    public void onStart(Intent intent) {        super.onStart(intent);        super.setUIContent(ResourceTable.Layout_ability_main);        // 初始化组件...        // 设置适配器...        // 按钮监听...    }}  

5. 运行与测试

连接鸿蒙设备或启动模拟器，点击运行按钮。你应该能看到界面，点击收入或支出按钮，输入金额后列表会更新，余额也会随之变化。如果遇到问题，检查日志输出。恭喜你，第一个鸿蒙记账App完成了！

6. 总结与展望

通过本教程，你学会了使用鸿蒙开发工具创建一个简易的记账App。这只是一个起点，你可以继续扩展功能，比如添加数据库存储、图表统计等。感谢江鸟中原团队提供的教程，更多鸿蒙应用教程请关注我们的后续更新。如果你有任何疑问，欢迎在评论区留言讨论。

—— 江鸟中原 出品 ——