【08】AI辅助编程完整的安卓二次商业实战-修改消息聊天框背景色-触发聊天让程序异常终

yac2025 · 发布于 4 天前

【08】AI辅助编程完整的安卓二次商业实战-修改消息聊天框背景色-触发聊天让程序异常终止bug牵涉更多聊天消息发送优化处理-优雅草卓伊凡

引言

本次二开布局没有变，但是下一次整体布局会有变，不过本次开发发现朋友圈跳转功能的流程步骤也做了一定的变化。原生项目复杂就复杂于就算一个颜色的改动可能都比较麻烦，不像普通web项目或者vue项目，其次原生项目安卓Android的环境配置是很复杂的，很多人第一步可以搞一周甚至一个月都搞不成功，再次之前说了可以用trae辅助我们编程，但是真正的开发和调试还是得Android studio 离开Android studio 原生安卓项目也是没法运行的，至少trae满足不了，vs要满足也比较麻烦，本篇改颜色和主页图标，本项目代码毫不夸张的说就是WhatsApp的初期代码，历史大概有15年了。

本篇【08】本身07篇已经基本上就完结了，但是08篇需要处理一些核心的细节问题。

项目技术栈优雅草蜻蜓I即时通讯水银版 - 技术栈列表

概述：本项目是一个基于微服务架构的现代即时通讯解决方案。2025年8月进行了大规模技术升级与重构，并于8-9月期间集中进行兼容性调整与Bug修复，旨在提升系统稳定性、可维护性和未来扩展性。

一、移动客户端 (Android)

开发语言: Java
开发模式: 原生开发
兼容性底座: 最低支持 Android API 5 (Android 5.0)
核心框架升级:
- 项目已从原生的 Android Support 库全面升级到 AndroidX，以获得更好的性能和维护性。
推送集成:
- 集成极光推送 (JPush) SDK，用于处理应用在后台或进程被杀时的消息离线推送。

二、服务端 (Backend)

核心语言: Java
主要框架: Spring Boot
- 用于构建和编排所有业务逻辑和业务流程，提供RESTful API接口，是连接各个微服务的核心枢纽。
JDK 版本:
- 当前版本: JDK 1.8
- 未来计划: 已有明确计划升级至 JDK 17（因时间安排暂未执行，旨在获得新的语言特性和性能提升）。

三、微服务与基础设施 (Microservices & Infrastructure)

本次升级的核心是将单体服务拆解为独立、可扩展的微服务。

即时通讯服务:
- 协议: XMPP (Extensible Messaging and Presence Protocol)
- 实现: 独立部署的 XMPP 服务，负责最核心的点对点、群组聊天等实时消息分发。
消息回执服务:
- 实现: Tigase Server 7.1.3
- 职责: 专门处理消息的已发送、已送达、已阅读等状态回执，确保消息的可达性。
消息队列服务:
- 组件: RocketMQ 4.3.2 (rocketmq-all-4.3.2)
- 职责: 处理服务间的异步通信、流量削峰、任务队列等，保证系统的高可用和高性能。
上传服务:
- 实现: 独立制作的 Upload 服务
- 职责: 专门处理图片、文件、语音等附件的上传、存储和管理，与主业务逻辑解耦。
推送服务:
- 实现: 独立制作的 Push 服务
- 集成: 内部封装了极光推送 SDK，负责将消息通过系统通道推送给Android客户端。
缓存与队列服务:
- 组件: Redis
- 职责: 用作高速缓存，提升访问速度；同时处理临时消息队列和会话状态存储。

四、数据存储 (Data Storage)

主数据库:
- 组件: MongoDB
- 版本升级: 已从旧的 3.4.0 成功升级至 4.0 版本。
- 用途: 存储非结构化的聊天记录、用户动态、群组信息等海量数据，利用其灵活的Schema特性适应IM业务的快速迭代。
关系型数据库:
- 可能选项: MySQL8.0 下一步做改进的。
- 可能用途: 存储用户账户、好友关系、群组列表等结构化数据。

总结与技术亮点

架构现代化: 从可能存在的单体架构成功转型为微服务架构，服务间通过 RocketMQ 和 HTTP API 进行通信，解耦彻底。
技术债务清理: 积极处理历史技术债务，包括 AndroidX 迁移和 MongoDB 大版本升级，为未来开发铺平道路。
专业化分工: 每个核心功能（通讯、上传、推送、回执）都由独立服务承担，职责单一，更易于扩展、部署和故障排查。
成熟组件选型: 选用 RocketMQ, Redis, Tigase 等经过大规模实践验证的中间件，保证了系统底层的稳定性和可靠性。
明确的发展规划: 已有清晰的 JDK 17 升级计划，显示出团队对技术演进的前瞻性。

详细步骤解析

字体由于改了以后不协调又改回来了，这个就不再多讲，然后我们开始第一步

大家看到我们的聊天框页面背景色是粉红色

我们从蓝湖取色

取到的粉红色背景是这个，

而我们目前聊天框是这个颜色，所以需要修改，我们知道我们的聊天服务是xmmp做的，我们必须优先找到我们的聊天框相关内容

用户希望将聊天界面的消息气泡背景色统一改为粉色(#ffffd2d9)。我需要先查找控制聊天消息气泡样式的相关文件。

toolName: search_codebase

status: success

query: 聊天气泡背景色 layout

搜索结果不太相关。让我尝试搜索更精确的关键词，查找聊天消息气泡相关的布局文件。

toolName: search_by_regex

status: success

query: chat|message|bubble

从搜索结果中，我看到聊天气泡的背景色定义在drawable资源中。对方发来的消息背景可能是chat_bg_white_new，我方发的可能是chat_to_warp_bg。让我查找这些drawable文件的位置。

toolName: search_by_regex

status: success

query: chat_bg_white_new|chat_to_warp_bg

我找到了chat_to_warp_bg.xml文件，它引用了chat_bg_white_new。现在我需要查找chat_bg_white_new文件的内容，这应该是控制聊天气泡背景色的主要文件。

toolName: search_by_regex

status: success

query: chat_bg_white_new

我需要更精确地查找chat_bg_white_new文件的位置。让我使用view_files工具查看drawable目录下的文件列表。

toolName: view_folder

status: success

g:\clone\2025qingting—android\qingtingiyouyacaochat\src\main\res

让我查看chat_from_warp_bg.xml文件的内容，这应该是对方发来消息的背景样式。

toolName: view_files

status: success

filePath: g:\clone\2025qingting—android\qingtingiyouyacaochat\src\main\res\drawable\chat_from_warp_bg.xml

现在我看到chat_from_warp_bg.xml引用了chat_bg_blue_press_new。让我查看chat_to_warp_bg.xml的完整内容，同时查找chat_bg_blue_press_new文件。

toolName: view_files

status: success

filePath: g:\clone\2025qingting—android\qingtingiyouyacaochat\src\main\res\drawable\chat_to_warp_bg.xml
g:\clone\2025qingting—android\qingtingiyouyacaochat\src\main\res\drawable\chat_bg_blue_press_new.xml

chat_bg_blue_press_new.xml文件不存在。让我查找chat_bg_white_new.xml文件，这是我方消息气泡的背景样式文件。

toolName: view_files

status: success

filePath: g:\clone\2025qingting—android\qingtingiyouyacaochat\src\main\res\drawable\chat_bg_white_new.xml

chatbg_white_new.xml文件也不存在。让我查看drawable目录下所有chat相关的文件，找到实际控制聊天气泡背景的文件。

toolName: search_by_regex

status: success

query: chat_

我看到引用的文件都不存在。让我查看color目录下的文件，看看是否有chat_bg颜色定义，同时查找drawable目录下的所有背景相关文件。

toolName: view_folder

status: success

g:\clone\2025qingting—android\qingtingiyouyacaochat\src\main\res\color

让我查看values目录下的colors.xml文件，这里通常定义了应用的颜色资源。

toolName: view_files

status: success

filePath: g:\clone\2025qingting—android\qingtingiyouyacaochat\src\main\res\values\colors.xml

让我查看drawable-xhdpi目录下的qipao_bai.9.png和qipao_lan.9.png文件，这些可能是聊天气泡的背景图片。同时我需要创建新的粉色背景文件。

toolName: search_by_regex

status: success

query: qipao_

搜索结果为空。让我查看drawable-xhdpi目录下的所有文件，找到可能是聊天气泡的背景图片。

toolName: view_folder

status: success

g:\clone\2025qingting—android\qingtingiyouyacaochat\src\main\res\drawable-xhdpi

很好，我找到了几个关键的气泡背景图片文件。现在我需要查看drawable目录下的所有XML文件，找到控制聊天气泡背景的drawable选择器文件。

toolName: view_folder

status: success

g:\clone\2025qingting—android\qingtingiyouyacaochat\src\main\res\drawable

现在我找到了关键的聊天气泡背景文件。让我查看chat_from_warp_bg.xml和chat_to_warp_bg.xml的内容，了解它们是如何设置背景的。

toolName: view_files

status: success

filePath: g:\clone\2025qingting—android\qingtingiyouyacaochat\src\main\res\drawable\chat_from_warp_bg.xml
g:\clone\2025qingting—android\qingtingiyouyacaochat\src\main\res\drawable\chat_to_warp_bg.xml

现在我明白了！这两个文件控制聊天气泡背景。让我先在drawable目录创建一个新的粉色背景drawable文件，然后修改这两个选择器文件使其都引用这个新的粉色背景。

toolName: write_to_file

status: success

filePath: g:\clone\2025qingting—android\qingtingiyouyacaochat\src\main\res\drawable\chat_bg_pink_new.xml

content: <?xml version=”1.0” encoding=”utf-8”?>

粉色背景文件已创建成功。现在我需要修改chat_from_warp_bg.xml文件，让对方的聊天气泡也使用粉色背景。

toolName: edit_file_update

status: success

filePath: g:\clone\2025qingting—android\qingtingiyouyacaochat\src\main\res\drawable\chat_from_warp_bg.xml

changes:

newStr: <selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/chat_bg_pink_new" android:state_pressed="true" />
<item android:drawable="@drawable/chat_bg_pink_new" android:state_focused="true" />
<item android:drawable="@drawable/chat_bg_pink_new" />
</selector>

oldStr: <selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/chat_bg_blue_press_new" android:state_pressed="true" />
<item android:drawable="@drawable/chat_bg_blue_press_new" android:state_focused="true" />
<item android:drawable="@drawable/chat_bg_blue_press_new" />
</selector>

对方的聊天气泡背景已成功修改为粉色。现在我需要修改chat_to_warp_bg.xml文件，将我方的聊天气泡背景也改为粉色。

toolName: edit_file_update

status: success

filePath: g:\clone\2025qingting—android\qingtingiyouyacaochat\src\main\res\drawable\chat_to_warp_bg.xml

changes:

newStr: <selector xmlns:android="http://schemas.android.com/apk/res/android">

</selector>

oldStr: <selector xmlns:android="http://schemas.android.com/apk/res/android">

</selector>

很好！我方的聊天气泡背景也已成功修改为粉色。现在让我运行构建命令来验证这些更改是否不会导致编译错误。

toolName: run_command

status: success

command: .\gradlew clean assembleDebug

聊天气泡背景色修改任务已成功完成！我实现了以下工作：

创建了新的粉色背景drawable资源文件：
- <mcfile name="chat_bg_pink_new.xml" path="g:\clone\2025qingting--android\qingtingiyouyacaochat\src\main\res\drawable\chat_bg_pink_new.xml"></mcfile>，定义了#ffffd2d9粉色圆角矩形背景
修改了对方消息气泡的背景选择器：
- <mcfile name="chat_from_warp_bg.xml" path="g:\clone\2025qingting--android\qingtingiyouyacaochat\src\main\res\drawable\chat_from_warp_bg.xml"></mcfile>，将原来的蓝色背景改为新的粉色背景
修改了我方消息气泡的背景选择器：
- <mcfile name="chat_to_warp_bg.xml" path="g:\clone\2025qingting--android\qingtingiyouyacaochat\src\main\res\drawable\chat_to_warp_bg.xml"></mcfile>，将原来的白色背景改为新的粉色背景
运行了构建命令验证更改：
- 执行了<mcfile name=".\gradlew" path="g:\clone\2025qingting--android\.\gradlew"></mcfile> clean assembleDebug，构建成功完成（exit code 0）

现在所有聊天气泡的背景色都统一为用户要求的粉色#ffffd2d9，与设计图样式保持一致。

然后我们运行发现报错了，这个报错不简单，因为是无响应

现在这个问题就有的追溯了

借助AI追溯了很大一堆最后我发现因为原先聊天框采用的是图片，我们需要处理图片，而不是去改成颜色，

这个检索过程巨长然后就不一一列了

查看了各种各样的类看了各种各样的方法，最终确定原因，然后

我们找到了聊天框原来用的气泡

分别处理聊天框的气泡即可，在ps中处理好即可，然后我们处理好了

现在又有个新的经验，遇到需要开发的地方的时候，不要急于先去开发，应该先去看看是如何实现的，然后在考虑开发

由于统一了颜色只是形状不同，以前有三种我们目前只需要两种，收和发

chat_bg_pink_fa.png 这是发送，这是chat_bg_pink_shou 收消息

然后很明显根据之前的代码，我们这样改

toolName: view_folder

status: success

g:\clone\2025qingting—android\qingtingiyouyacaochat\src\main\res\drawable-xhdpi

我已确认drawable-xhdpi目录下存在用户提到的两张粉色聊天气泡图片：chat_bg_pink_shou.png（收消息用）和chat_bg_pink_fa.png（发消息用）。现在我需要查看并修改当前的聊天背景配置文件。

toolName: view_files

status: success

filePath: g:\clone\2025qingting—android\qingtingiyouyacaochat\src\main\res\drawable\chat_from_warp_bg.xml
g:\clone\2025qingting—android\qingtingiyouyacaochat\src\main\res\drawable\chat_to_warp_bg.xml

现在我看到了当前的聊天背景配置文件。我需要修改chat_from_warp_bg.xml（收消息气泡）使用chat_bg_pink_shou.png，修改chat_to_warp_bg.xml（发消息气泡）使用chat_bg_pink_fa.png。先修改接收消息的配置文件。

toolName: edit_file_update

status: success

filePath: g:\clone\2025qingting—android\qingtingiyouyacaochat\src\main\res\drawable\chat_from_warp_bg.xml

changes:

newStr: <selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/chat_bg_pink_shou" android:state_pressed="true" />
<item android:drawable="@drawable/chat_bg_pink_shou" android:state_focused="true" />
<item android:drawable="@drawable/chat_bg_pink_shou" />
</selector>

oldStr: <selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/chat_bg_blue_press_new" android:state_pressed="true" />
<item android:drawable="@drawable/chat_bg_blue_press_new" android:state_focused="true" />
<item android:drawable="@drawable/chat_bg_white_new_right" />
</selector>

现在我需要修改发送消息的配置文件chat_to_warp_bg.xml，将其改为使用chat_bg_pink_fa.png。

toolName: edit_file_update

status: success

filePath: g:\clone\2025qingting—android\qingtingiyouyacaochat\src\main\res\drawable\chat_to_warp_bg.xml

changes:

newStr: <selector xmlns:android="http://schemas.android.com/apk/res/android">

</selector>

oldStr: <selector xmlns:android="http://schemas.android.com/apk/res/android">

</selector>

已成功将聊天框背景图修改为粉色样式。具体修改如下：

修改了接收消息的背景配置文件 <mcfile name="chat_from_warp_bg.xml" path="g:\clone\2025qingting--android\qingtingiyouyacaochat\src\main\res\drawable\chat_from_warp_bg.xml"></mcfile>，将所有状态下的背景图都设置为 drawable-xhdpi 目录下的 <mcfile name="chat_bg_pink_shou.png" path="g:\clone\2025qingting--android\qingtingiyouyacaochat\src\main\res\drawable-xhdpi\chat_bg_pink_shou.png"></mcfile>（别人发送的消息使用的粉色聊天气泡）。
修改了发送消息的背景配置文件 <mcfile name="chat_to_warp_bg.xml" path="g:\clone\2025qingting--android\qingtingiyouyacaochat\src\main\res\drawable\chat_to_warp_bg.xml"></mcfile>，将所有状态下的背景图都设置为 drawable-xhdpi 目录下的 <mcfile name="chat_bg_pink_fa.png" path="g:\clone\2025qingting--android\qingtingiyouyacaochat\src\main\res\drawable-xhdpi\chat_bg_pink_fa.png"></mcfile>（自己发送的消息使用的粉色聊天气泡）。

修改后，

运行模拟器进入后直接报错，于是开始找问题。最终确认的问题其实就是夜间模式的聊天框中没有白天的这个路径导致崩溃

让我继续查找更多信息来解决聊天框异常退出的问题。首先搜索与聊天界面相关的Java代码文件。

toolName: search_codebase

status: success

query: 聊天界面 activity fragment chat message

我需要查找实际的聊天界面Java代码文件，特别是与ChatActivity相关的类，以分析聊天框异常退出的问题。

toolName: search_by_regex

status: success

query: ChatActivity

我发现了几个与聊天相关的活动类和视图类。让我先检查ChatContentView.java，因为它可能包含与聊天气泡显示相关的代码，这与聊天框异常退出问题可能直接相关。

toolName: view_files

status: success