最近做了個類似微信朋友圈分享時的圖片編輯(包括拖拽尤莺、排序旅敷、添加、刪除等)的功能缝裁。但比微信更麻煩的是:一屏中有多組圖片同時可編輯扫皱,效果類似下面:
針對此樣式,實現(xiàn)思路如下:
1捷绑、頁面最底層為TableView韩脑;
2、三組可編輯的圖片分別對應三個CollectionView填充到TableView的Cell中粹污;
3段多、要實現(xiàn)全屏幕拖拽,三個CollectionView的Frame需要填充整個屏幕(背景透明)壮吩,通過控制Layout.sectionInset屬性进苍,來決定其可視的顯示位置;
4鸭叙、三個CollectionView均有相應的手勢坐標識別邏輯觉啊,但僅選其中之一真正相應屏幕手勢,其余兩個則通過坐標判斷來進行調用沈贝;
5杠人、最后,對CollectionView行高的計算和布局刷新要在TableView中也聯(lián)動進行宋下。
而具體的手勢識別嗡善、拖拽、排序這些效果就不在這里贅述学歧,網(wǎng)上有很多文章參考罩引。
另外這里也不粘貼代碼了,特意寫了個demo枝笨,更為實用袁铐。已經盡量將無關業(yè)務剝離揭蜒,但時間有限,如有問題昭躺,留言溝通~