Drag n Drop的特效

在iOS中, 我們經常會遇到一些特效的製作.

今天就來談一談怎麼作Drag n Drop的特效.

例子.

drag_and_drop.gif

實現四步

1. 選定可拿的Picture. 如果是在UICollectionView的話, 這個叫Item Cell.
2. 將選定的Cell的Picture 放大1.2倍, 作一個新Picture. 同時將原來的Cell Picture填充白色.
3. 移動新的Picture 到任意位置, 放下. 已知原來Picture, 就叫它OldPicture的Index, 和放下位置Cell的Index.
4. 處理兩個Index. 我這裡處理的是, 添加新的Picture所對應的那個被白色填充的OldPicture, 到放下位置的Index, 刪除以前的Index. 你也可以處理為swap 交換兩個Index Pictures.

如果喜歡的話, 可以去看看在 Github 的源代碼

下次我將談一談怎麼實現本例子中出現的Waterfall (Masonry) Layout.