首页 > 其他分享 >带你实现 HarmonyOS Next 微信聊天 01

带你实现 HarmonyOS Next 微信聊天 01

时间:2024-12-15 19:46:23浏览次数:4  
标签:01 PressCancelVoicePostText 微信 100% pressCancelVoicePostText height width backgr

带你实现 HarmonyOS Next 微信聊天 01

前言

代码会统一放在码云上,纯静态的完整代码会放在末尾

案例目标

这个是安卓手机上的真正的微信聊天界面功能效果

image-20240902230122815

实际效果

image-20240902231634937

案例功能

  1. 页面沉浸式
  2. 聊天内容滚动
  3. 输入框状态切换
  4. 聊天信息框宽度自适应
  5. 输入法避让
  6. 语音消息根据时长自动宽度
  7. canvas 声纹 按住说话
  8. 手势坐标检测取消发送-语音转文字
  9. 发送文字
  10. 录音-发送语音
  11. 声音播放-语音消息
  12. AI 语音转文字

新建项目

image-20240902223823376

修改项目桌面名称和图标

image-20240902224250634

  1. entry\src\main\resources\zh_CN\element\string.json
    1. {
        "string": [
          {
            "name": "module_desc",
            "value": "模块描述"
          },
          {
            "name": "EntryAbility_desc",
            "value": "description"
          },
          {
            "name": "EntryAbility_label",
            "value": "我的聊天项目" // 

      标签:01,PressCancelVoicePostText,微信,100%,pressCancelVoicePostText,height,width,backgr
      From: https://www.cnblogs.com/aspXiaoBai/p/18608389

相关文章

  • HarmonyOS Next 实战卡片开发 03
    HarmonyOSNext实战卡片开发03在前面两张,我们基本掌握了卡片的使用流程,本章节就通过一个实战来加强对卡片使用的理解。要完成的案例新建项目和新建服务卡片设置沉浸式entry/src/main/ets/entryability/EntryAbility.ets首页显示轮播图数据1.申请网络权限ent......
  • HarmonyOS Next V2 @Event
    HarmonyOSNextV2@Event背景在上一节中,我们针对父子组件,讲了关于传递数据的知识。我们了解到@Local是管理自己内部的数据的,@Param是负责接收父组件的数据的,而且子自己内部不能直接修改按照一个组件最基本的功能,既能接收外部传入的数据,也要向外部传递数据。那么@Event......
  • HarmonyOS Next V2 @Local 和@Param
    HarmonyOSNextV2@Local和@Param@Local背景@Local是harmony应用开发中的v2版本中对标@State的状态管理修饰器,它解决了@State对状态变量更改的检测混乱的问题:@State修饰的状态变量可以是组件内部自己定义的@State修饰的状态也可以由外部父组件传递这样就导致......
  • HarmonyOS Next V2 状态管理实战
    HarmonyOSNextV2状态管理实战介绍以下案例适合刚开始手鸿蒙开发的小伙伴,有大量的最新逻辑锻炼、鸿蒙核心语法、使用最新鸿蒙的@Local、@Computed等装饰器来完成。另外,考虑在学习知识的知识时候,优先关注核心功能,所以提供的布局都会适当简化,但是能保证把核心功能展示出来。......
  • HarmonyOS Next V2 状态管理@ObservedV2 基本使用
    HarmonyOSNextV2状态管理@ObservedV2基本使用背景最近Harmony应用开发技术中推出了新版的状态管理技术,试用过后,直呼很香。我们来看为什么?因为在Harmony应用开发过程中,我们一定会碰到监听嵌套类/深层次属性的需求,如希望son的weight属性变化后,可以引起UI刷新。@Obser......
  • HarmonyOS Next V2 状态管理 AppStorageV2 和 PersistenceV2
    HarmonyOSNextV2状态管理AppStorageV2和PersistenceV2前言在HarmonyOS应用开发过程中,我们已经学习过了不少关于状态管理相关的技术,如@ObservedV2装饰器和@Trace装饰器:类属性变化观测@ComponentV2装饰器:自定义组件@Local装饰器:组件内部状态@Param:组件外部输入@Once:初......
  • HarmonyOS Next 关于页面渲染的性能优化方案
    HarmonyOSNext关于页面渲染的性能优化方案HarmonyOSNext应用开发中,用户的使用体验至关重要。其中用户启动APP到呈现页面主要包含三个步骤:框架初始化页面加载布局渲染从页面加载到布局渲染中,主要包含了6个环节:执行页面文件生成页面节点树页面节点树挂载布局渲......
  • HarmonyOS Next 浅谈 发布-订阅模式
    HarmonyOSNext浅谈发布-订阅模式前言其实在目前的鸿蒙应用开发中,或者大前端时代、vue、react、小程序等等框架、语言开发中,普通的使用者越来越少的会碰到必须要掌握设计模式的场景。大白话意思就是一些框架封装太好了,使用者只管在它们的体系下使用就行,哪怕不懂设计模式,也不妨......
  • HarmonyOS Next 元服务新建到上架全流程
    HarmonyOSNext元服务新建到上架全流程接上篇这篇文章的主要目的是介绍元服务从新建到上家的完整流程在AGC平台上新建一个项目链接一个项目可以多个应用AGC新建一个元服务应用新建一个本地元服务项目如果成功在AGC平台上新建过元服务,那么这里会自动显示修改元服务......
  • HarmonyOS Next 简单上手元服务开发
    HarmonyOSNext简单上手元服务开发万物互联时代,人均持有设备量不断攀升,设备种类和使用场景更加多样,使得应用开发、应用入口变得更加复杂。在此背景下,应用提供方和用户迫切需要一种新的服务提供方式,使应用开发更简单、服务(如听音乐、打车等)的获取和使用更便捷。为此,HarmonyOS除......