鸿蒙开发next【即时通讯】一多开发实例

一多即时通讯场景概述

本文从目前流行的垂类市场中，选择即时通讯应用作为典型案例详细介绍"一多"在实际开发中的应用。一多即时通讯应用的核心功能为用户交互，主要包含对话聊天、通讯录，社交圈等交互功能。开发者在开发"一多"应用时，经常会遇见多端适配上的问题，本文选择了即时通讯应用的一个常见问题，提供了推荐的解决方案，开发者在"一多"开发中遇见同类问题时可以快速解决。

• 聊天场景如何进行布局设计

当前系统的产品形态主要有手机、折叠屏、平板和2in1四种，下文的具体实践也将围绕这四种产品形态展开，同时将分别从UX设计、页面开发两个角度给出符合“一多”的参考样例，介绍“一多”即时通讯应用在开发过程中的最佳实践。

架构设计

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

UX设计

一多即时通讯应用包含聊天、通讯录，社交圈等交互功能，其中聊天页包含分栏布局设计，因此这里给出聊天页的业务逻辑。

页面开发

以聊天页为典型页面进行展开，聊天页中包含侧边导航与分栏布局的设计能力，本文着重介绍聊天页如何实现分栏布局。

布局能力

聊天页在不同断点下的UX效果如下，涉及的设计能力是侧边导航，分栏布局。

在手机和折叠屏折叠状态设备上，受屏幕大小限制，不能实现分栏布局，需要通过点击或者其他方式跳转到另一个页面，但是在折叠屏展开状态、平板及2ni1产品中屏幕尺寸足够大，可以分栏显示不同的内容，为了使操作更加便捷，在IM对话页中使用分栏布局实现对话功能。

示意图如下：

示意图	sm	md	lg
设计能力点