鸿蒙开发next【银行理财app】一多开发实例

一多开发实例（银行理财）概述

本文以银行理财应用作为作为典型案例详细介绍[“一多”]在实际开发中的应用。银行理财行业应用在大屏幕设备的使用过程中，不仅要保障用户在办理金融业务过程中的正常使用，[底部/侧边页签]也要尽可能提升屏幕的交互效率。主要包含首页推荐、产品专题、产品详情、产品对比、收益明细等。

下面的章节将分别从[架构设计]、[UX设计]、[页面开发]三个角度给出推荐的参考样例，介绍“一多”银行理财应用在开发过程中的最佳实践。

架构设计

HarmonyOS的分层架构主要包括三个层次：产品定制层、基础特性层和公共能力层，为开发者构建了一个清晰、高效、可扩展的设计架构。

UX设计

金融理财类的多设备响应式设计指南。

银行理财应用包含以下设计要点：[弹窗]、[延伸布局]、[分栏]、[底部/侧边页签]、[列表重复布局]。侧边导航、重复布局在其他的一多案例中有详细的介绍，本案例以弹窗和延伸布局以及分栏为重点进行介绍。

弹窗使用自定义弹窗CustomDialog实现，首次打开应用时通过CustomDialogController类显示自定义弹窗。

产品专题页面中稳健增长信息使用list组件实现，通过在不同断点下设置不同的列数实现延伸布局，在大屏上显示更多信息，提升屏幕交互效率。