[中工开发者]鸿蒙——仿支付宝页面设计_arkui支付宝布局

该项目为中原工学院大三下学期选修课鸿蒙移动应用开发的期末作业。

项目介绍

本项目是在使用华为鸿蒙系统的ArkUI开发框架的基础上，对支付宝App的部分主页功能进行仿写。功能作用主要倾向于自我学习进修。

项目环境搭建

HarmonyOS环境搭建。

软件要求

DevEco Studio（该编译软件正式投入使用的九月版本）

硬件要求

设备要求：华为手机或能够顺利运行DevEco Studio上的华为手机模拟器的电脑

环境搭建

1.下载编译软件DevEco Studio。可在如下链接下载。下载中心 | 华为开发者联盟-HarmonyOS开发者官网，共建鸿蒙生态

2.配置DevEco Studio的开发环境，DevEco Studio正常开发依赖于网络，请确保自己的网络处于正常连接状态。

3.模拟器配置。具体可以参考如下链接中博主文章进行。华为鸿蒙模拟器（windows安装和使用）--兼容性测试-CSDN博客

技术介绍

本项目主要使用ArkUI应用界面进行开发，UI开发框架组件如下：

1.基础组件：Text文本 Button按钮 Search搜索框Image图片 Swiper轮播 Checkbox多选框

2.容器组件：List列表容器 Scroll滚动容器 Row水平方向布局 Grid网格容器

Column垂直方向布局

3.其他技术运用： Router页面跳模块 If…else条件判断Interface公共接口

Row和Column之间的相互嵌套

项目展示

项目流程图

项目结构

项目展示

屏幕录制 2024-12-06 163719

项目解析

项目主要有六个页面：依次是登陆页、页面控制页、首页、理财页、消息页和我的页。

其中首页包括三个副页面：收付款、出行和卡包。