xiaozhang/zhibo
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
b4a0eee625
zhibo/个人资料页面和直播间点赞功能优化.md
xiao12feng8 8b377c53e2 更新：点赞功能完善
2026-01-03 17:01:58 +08:00

3.8 KiB
Raw Blame History

个人资料页面和直播间点赞功能优化

完成时间

2026-01-03

修改内容

1. 直播间点赞按钮显示优化

修改文件

  • android-app/app/src/main/res/layout/activity_room_detail_new.xml

修改内容

  • 在礼物按钮旁边添加了点赞按钮
  • 点赞按钮使用FrameLayout包裹，底部显示点赞数
  • 点赞按钮图标使用粉色（#FF4081）
  • 点赞数显示在按钮底部，使用紫色背景

布局结构

输入框 -> 点赞按钮（带点赞数） -> 礼物按钮 -> 发送按钮

2. 个人资料页面快捷操作优化

修改文件

  • android-app/app/src/main/res/layout/activity_profile.xml
  • android-app/app/src/main/java/com/example/livestreaming/ProfileActivity.java

修改内容

将原来的"公园勋章"、"观看历史"、"我的挚友"三个快捷入口改为：

  1. 我的关注

    • 图标：ic_person_add_24（紫色）
    • 显示关注人数
    • 点击跳转到关注列表页面

  2. 我的收藏

    • 图标：ic_like_24（粉色 #FF4081）
    • 显示收藏的直播间数量
    • 点击跳转到收藏列表页面（LikedRoomsActivity）

  3. 我的挚友

    • 图标：ic_heart_24（玫红色 #E91E63）
    • 显示挚友人数
    • 点击跳转到挚友列表页面

3. 新增关注列表页面

新增文件

  • android-app/app/src/main/java/com/example/livestreaming/FollowingActivity.java
  • android-app/app/src/main/res/layout/activity_following.xml

功能说明

  • 显示当前用户关注的所有用户列表
  • 使用FriendsAdapter复用好友列表的UI
  • 支持点击跳转到用户主页
  • 显示用户在线状态、互关状态、个性签名等信息

API接口

  • 接口：GET /api/front/follow/following/list
  • 参数：page（页码）、limit（每页数量）
  • 返回：分页的关注用户列表

4. 新增图标资源

新增文件

  • android-app/app/src/main/res/drawable/ic_person_add_24.xml

说明

  • 添加人物图标，用于"我的关注"快捷入口
  • Material Design风格的矢量图标

5. 数据加载优化

ProfileActivity数据加载

在loadFollowStats()方法中：

  • 加载关注数并更新快捷操作区域的显示
  • 新增loadLikedRoomsCount()方法加载收藏数
  • 使用getLikedRooms接口获取收藏的直播间总数

RoomDetailActivity点赞功能

  • 点赞按钮已实现点击动画效果
  • 自动加载并显示直播间点赞数
  • 点赞后实时更新点赞数显示

6. AndroidManifest.xml更新

注册了新的Activity：

<activity
    android:name="com.example.livestreaming.FollowingActivity"
    android:exported="false" />

功能特点

  1. 直观的UI设计

    • 点赞按钮紧邻礼物按钮，方便用户操作
    • 点赞数实时显示在按钮上
    • 使用不同颜色区分不同功能按钮

  2. 完整的数据流

    • 从后端API加载真实数据
    • 支持实时更新
    • 错误处理友好

  3. 良好的用户体验

    • 点击动画反馈
    • 登录状态检查
    • 空状态提示

使用说明

直播间点赞

  1. 进入直播间（RoomDetailActivity）
  2. 点击底部的粉色点赞按钮
  3. 点赞数会实时更新显示

查看我的关注

  1. 进入个人资料页面
  2. 点击"我的关注"快捷入口
  3. 查看关注列表，点击用户可进入其主页

查看我的收藏

  1. 进入个人资料页面
  2. 点击"我的收藏"快捷入口
  3. 查看收藏的直播间列表

注意事项

  1. 所有功能都需要用户登录后才能使用
  2. 数据从后端API实时加载
  3. 网络错误会有友好提示
  4. 支持下拉刷新和分页加载

编译说明

如果遇到资源找不到的错误，请确保以下文件存在：

  • ic_person_add_24.xml - 添加人物图标
  • ic_like_24.xml - 点赞图标
  • ic_heart_24.xml - 心形图标

所有图标都已创建，可以直接编译运行。