xindegitzhanghao/e-party-iOS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
327d4fd218de19bfdcd1da96b003e269e4fbd8b9
e-party-iOS/issues/MeView头像和ID显示优化.md
edwinQQQ fa544139c1 feat: 实现DetailView头像点击功能并优化MeView 
- 在DetailView中添加头像点击功能，支持展示非当前用户的主页。
- 更新OptimizedDynamicCardView以支持头像点击回调。
- 修改DetailFeature以管理用户主页显示状态。
- 在MeView中添加关闭按钮支持，优化用户体验。
- 确保其他页面的兼容性，未影响现有功能。
2025-08-01 16:12:24 +08:00

1.7 KiB
Raw Blame History

MeView头像和ID显示优化

需求分析

  1. 头像尺寸从80x80改为130x130
  2. 头像外层添加白色边框（2px）
  3. "ID: xxxx"中的数字不使用逗号分割
  4. 在ID右侧添加"icon_icon"图片（14x14）
  5. 点击整体复制ID数字
  6. 抽象为独立组件，便于项目内复用

实施计划

文件结构

  • ✅ 创建：yana/Views/Components/UserIDDisplay.swift
  • ✅ 修改：yana/Views/MeView.swift
  • ✅ 修改：yana/Views/Components/OptimizedDynamicCardView.swift

核心组件设计

  1. UserIDDisplay组件：

    • 参数：uid (Int), fontSize (CGFloat), textColor (Color), isDisplayCopy (Bool)
    • 功能：显示"ID: xxx"，可选的复制图标，点击复制ID
    • 样式：数字不使用逗号分割
    • 反馈：点击后显示"已复制"提示
    • 配置：isDisplayCopy控制是否显示复制图标和启用复制功能

  2. 头像样式调整：

    • 尺寸：130x130
    • 边框：白色2px

实施步骤

  1. ✅ 创建UserIDDisplay组件
  2. ✅ 修改MeView中的头像和ID显示
  3. ✅ 更新OptimizedDynamicCardView使用新组件

技术要点

  • 使用UIPasteboard进行复制功能
  • 使用现有的icon_copy图片资源
  • 添加复制成功反馈动画
  • 保持与现有代码风格一致

完成状态

  • UserIDDisplay组件创建
  • MeView头像样式更新
  • MeView ID显示组件化
  • OptimizedDynamicCardView组件更新
  • 复制功能实现
  • 视觉反馈实现
  • 复制图标显示控制功能

测试要点

  1. 头像尺寸和边框显示正确
  2. ID显示格式正确（无逗号分割）
  3. 复制图标显示控制正确（MeView显示，其他页面不显示）
  4. 点击复制功能正常
  5. 复制成功反馈显示
  6. 组件在不同场景下复用正常