一、 项目背景
微信聊天和群聊中传输文件过多时,管理和查找只能一页页爬楼,很不方便。为了解决这一需求,又不影响微信自身的定位和风格,选择在“腾讯文件”app-“微信文件”内增加一个微信聊天文件管理功能,统一管理各个聊天里的文件。
注意:由于文件管理权限问题,仅Android有该应用,所以次功能也仅为Android开发。
二、 需求内容
1. 页面综述
1.1 DMEO
1.2说明
进入“微信文件“后,默认进入【全部】页面
新增“Tab切换”栏
“标题“和”文件类型选择“内容和交互方式保持不变
【全部】页面的“文件区“展示文件列表,排序和交互方式保持不变
2. Tab切换
2.1 DMEO
2.2 说明
在顶部添加两个tag:〖全部〗和〖聊天〗;
点击切换至【全部】和【聊天】页面;
进入页面时,文字变成蓝色,否正为黑色
3. 【聊天】页面
3.1 入口判断逻辑
3.2 “聊天列表“界面
3.2.1 DEMO
在文件区显示,分两部分:“搜索框“和”聊天列表“
3.2.2 搜索框
搜索标准:
仅搜索已建立的聊天,不支持新建聊天
仅匹配“聊天标题“,不支持”聊天内容“搜索
点击“搜索框“弹出键盘
输入文字,下方实时自动显示搜索结果
搜索结果展示:
搜索成功:
在搜索框下方显示搜索到的聊天列表,区分“联系人“和”群聊“。
列表展示区聊天数目受限,超过显示范围,则可以向上滑动,滑动过程中,整个页面随之下降,“标题“栏保持不动。
无搜索结果:
搜索框下方显示文案:没有找到“XXXX“,”XXXX“为输入的搜索内容。
3.2.2 聊天列表
列表顶部显示文案“最近聊天“
聊天列表显示最近聊天记录,不区分群聊和个人,排序按最后修改时间排序,即微信默认排序
列表展示区聊天数目受限,超过显示范围,则可以向上滑动,滑动过程中,整个页面随之下降,“标题“栏保持不动。
点击任一聊天,进入该聊天的“聊天文件列表“(见下文)
3.3 异常显示界面
3.3.1 未匹配到聊天记录
点击“匹配聊天信息“按钮,则执行”入口判断逻辑“流程
3.4 聊天文件列表界面
进入聊天文件列表,展示该聊天下的所有文件,文件默认按时间顺序,显示内容和交互保持不变
列表展示区聊天数目受限,超过显示范围,则可以向上滑动,滑动过程中,整个页面随之下降,“标题“栏保持不动
点击“文件类型选择“区的按钮,可对该列表下的文件分类查看,显示与交互方式保持不变
左上角出现“返回”按钮,点击返回“聊天列表“
网友评论