HarmonyOS鸿蒙Next社交通讯类行业实践与常见问题

本文覆盖表情包、语音通话、好友推荐等高频场景，解答图库读取、模式监听等开发场景问题。

持续更新中，更多鸿蒙应用开发示例与解决方案请见行业实践与常见问题专题页。

社交通讯类行业实践关键场景示例

好友动态-图片预览 本示例实现在浏览好友动态时点击预览图片的功能，主要基于Image组件与组合手势实现动态预览效果，可通过手势实现图片的双击缩放、双指捏合缩放、拖动查看功能。
好友推荐动画 本示例使用Grid组件实现排版，使用transition、animateTo动画实现好友转场动画和正在匹配中动画。用户根据偏好设置匹配到对应的推荐好友后，以特定的动画和排版展示好友信息。
智能图片筛选 本示例以从图库中筛选出二维码为例，实现智能方式识别并使用PhotoPicker推荐图片的功能。
查找附近的人 本示例主要基于定位权限与距离计算公式实现查找附近的人功能，可通过开关持续获取自身定位、查找在附近五公里内的用户并显示距离。例如，用户开启自身定位，并查看附近五公里内的用户及距离。
投票进度增长动效 本示例使用Progress组件实现了投票后进度条的增长效果，如用于人气之星选举投票。
聊天页-是否原图发送 本示例实现在聊天页选择是否发送原图的功能，主要使用PhotoPicker组件实现获取图库（相册）图片，并将图片压缩后发送非原图的效果。
查看通讯录 本示例实现查看通讯录，以及拉起发送短信和拨打电话界面的功能。基于AlphabetIndexer实现侧边栏字母排序索引，快速定位联系人。通过@ohos.telephony.call跳转拨号界面呼叫联系人，使用UIAbilityContext拉起系统短信应用发送短信。
个人头像上传 本示例实现上传个人头像的功能，通过photoAccessHelper方法加载本地图片，使用ImageCrop方法裁剪图片成圆形，转换成base64格式并使用Preferences本地保存，再回到主页面展示。
聊天信息加密 本示例使用SM2非对称密钥加解密实现聊天信息加密。示例中的秘钥对为生成器生成，实际使用可以更换为使用者所提供的密钥对。可用于发送消息时进行消息加密，保证通讯信息安全。
聊天页-网页访问拦截 本示例使用Web组件实现特定网页访问拦截。例如，用户只能访问白名单内的网址，访问其他网址将会被拦截的应用场景。
聊天列表未读消息提醒和标记 本示例实现聊天列表未读消息提醒和标记的功能，用户可查看未读消息及数量，对消息进行已读或未读标记。基于List实现聊天列表，使用Badge组件作为未读提醒标识，使用swipeAction设置左划按钮，用户可点击该按钮标记消息状态。
聊天消息引用及跳转 本示例基于List列表实现对聊天信息的排序与精准定位，通过设置Text的bindSelectionMenu属性实现消息引用。例如，用户对某条消息引用回复，点击可跳转至引用消息。
添加通讯录好友 本示例基于@ohos.contact实现读取通讯录、选择手机联系人并添加为好友的功能。
拖拽发送中转站图片文本 本示例基于拖拽事件实现拖拽发送图片文字的功能。例如，用户可以将与好友A聊天记录中的图片文字暂存中转站，在与好友B聊天时从中转站拖出发送。
蓝牙通信 本示例基于@ohos.bluetooth.socket实现蓝牙通信，完成设备之间的信息发送。
动态发布退出时保存草稿 本示例基于@ohos.data.preferences实现动态发布退出时保存文本数据以及图片草稿。例如，用户在朋友圈编辑发布内容退出时，可以保存草稿继续编辑。
群接龙 本示例通过数组和自定义对象的多层嵌套实现群接龙信息的收集和展示功能。可用于发起群接龙统计群成员信息等场景。
弱网情况下的即时通讯 本示例基于@ohos.net.webSocket实现弱网情况下使用心跳和重连机制保障通讯。心跳机制用于维持连接的活跃状态，防止由于长时间无数据传输而被防火墙或运营商断开；重连机制用于检测连接状态，在WebSocket连接断开时进行重连。
语音通话 本示例实现语音通话功能，基于AudioCapturer和AudioRender实现音频采集和音频渲染，通过socket完成音频数据网络传输等功能。
历史网页浮窗 本示例基于Navigation、Stack组件实现浮窗功能，通过LocalStorage保存网页链接。用户在浮窗保存访问过的网页链接，点击浮窗进入历史网页链接列表页，点击链接可继续访问该网页。
聊天页-语音转文字 本示例基于语音识别实现语音消息转文字的功能。
聊天页-长按识别二维码 本示例基于detectBarcode和LongPressGesture，实现长按图片扫码并跳转网页的功能。
表情包推荐 本示例基于Record类型数组存储并记录表情包与特定文字间的关系，并进行联想匹配。用户在聊天时，输入法会根据用户输入的文字，弹出对应的表情包，方便用户快速选择并发送合适的表情。
聊天页-发送定位卡片并跳转导航 本示例基于显示地图、标记、地点选取和打开Petal地图规划路线实现位置卡片导航能力。用户在好友聊天界面选择并发送位置信息卡片，好友通过点击卡片打开位置详情页面，点击底部导航按钮可跳转至对应导航应用。
聊天页-气泡背景设置 本示例通过backgroundImageResizable属性实现自定义拉伸气泡背景图片，可根据个人喜好设置聊天消息气泡背景，丰富应用个性化设置。
应用消息列表 本示例为常用应用消息列表的模板，通过构造UI页面实现可复用的模板，核心是MessageCenter消息中心页面，指向消息设置页、消息详情页以及系统消息页的跳转。
选择相片页面自定义 本示例实现自定义选择相片页面的功能，用户可根据相册名称以及媒体类型分类从图库（相册）选择图片。使用@ohos.file.PhotoPickerComponent访问图库，使用@ohos.file.AlbumPickerComponent访问相册列表，通过设置PickerOptions改变相册样式。
侧边栏显示与隐藏 本示例基于组件内转场、属性动画实现应用侧边栏点击显示和左滑隐藏的效果。
电话号码自动识别 本示例基于Natural Language Kit实现在文本中自动识别电话号码的功能，支持点击电话号码呼叫和新建联系人。
关键词查找聊天记录 本示例基于正则表达式实现搜索关键词并高亮显示的功能，基于Navigation和List实现跳转到关键词所在位置的功能。例如，用户查找聊天内容时，可输入关键词快速定位其所在位置。
动态发布时九宫格图片拖拽排序 本示例基于Grid网格容器实现九宫格图片拖拽排序功能，可拖拽图片与其他任意图片交换位置。
长图滑动的惯性滚动效果 本示例基于@ohos.multimedia.image、PanGesture、Animator实现图片惯性滚动效果。在浏览长图时，手指上下滑动后，图片会惯性滚动一段距离。