一、 項目背景
微信聊天和群聊中傳輸文件過多時,管理和查找只能一頁頁爬樓,很不方便。為了解決這一需求,又不影響微信自身的定位和風格,選擇在“騰訊文件”app-“微信文件”內(nèi)增加一個微信聊天文件管理功能,統(tǒng)一管理各個聊天里的文件。
注意:由于文件管理權(quán)限問題,僅Android有該應(yīng)用,所以次功能也僅為Android開發(fā)。
二、 需求內(nèi)容
1. 頁面綜述
1.1 DMEO

1.2說明

進入“微信文件“后,默認進入【全部】頁面
新增“Tab切換”欄
“標題“和”文件類型選擇“內(nèi)容和交互方式保持不變
【全部】頁面的“文件區(qū)“展示文件列表,排序和交互方式保持不變
2. Tab切換
2.1 DMEO

2.2 說明
在頂部添加兩個tag:〖全部〗和〖聊天〗;
點擊切換至【全部】和【聊天】頁面;
進入頁面時,文字變成藍色,否正為黑色
3. 【聊天】頁面
3.1 入口判斷邏輯

3.2 “聊天列表“界面
3.2.1 DEMO

在文件區(qū)顯示,分兩部分:“搜索框“和”聊天列表“
3.2.2 搜索框

搜索標準:
????????僅搜索已建立的聊天,不支持新建聊天
????????僅匹配“聊天標題“,不支持”聊天內(nèi)容“搜索
點擊“搜索框“彈出鍵盤
輸入文字,下方實時自動顯示搜索結(jié)果
搜索結(jié)果展示:
搜索成功:

在搜索框下方顯示搜索到的聊天列表,區(qū)分“聯(lián)系人“和”群聊“。
列表展示區(qū)聊天數(shù)目受限,超過顯示范圍,則可以向上滑動,滑動過程中,整個頁面隨之下降,“標題“欄保持不動。
無搜索結(jié)果:

搜索框下方顯示文案:沒有找到“XXXX“,”XXXX“為輸入的搜索內(nèi)容。
3.2.2 聊天列表

列表頂部顯示文案“最近聊天“
聊天列表顯示最近聊天記錄,不區(qū)分群聊和個人,排序按最后修改時間排序,即微信默認排序
列表展示區(qū)聊天數(shù)目受限,超過顯示范圍,則可以向上滑動,滑動過程中,整個頁面隨之下降,“標題“欄保持不動。
點擊任一聊天,進入該聊天的“聊天文件列表“(見下文)
3.3 異常顯示界面
3.3.1 未匹配到聊天記錄

點擊“匹配聊天信息“按鈕,則執(zhí)行”入口判斷邏輯“流程
3.4 聊天文件列表界面

進入聊天文件列表,展示該聊天下的所有文件,文件默認按時間順序,顯示內(nèi)容和交互保持不變
列表展示區(qū)聊天數(shù)目受限,超過顯示范圍,則可以向上滑動,滑動過程中,整個頁面隨之下降,“標題“欄保持不動
點擊“文件類型選擇“區(qū)的按鈕,可對該列表下的文件分類查看,顯示與交互方式保持不變
左上角出現(xiàn)“返回”按鈕,點擊返回“聊天列表“