Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

UIView surface custom transformation/animation (like 'a water drop effect')

What is the way to implement custom transformation (+ animation) on a view surface (similar to the images attached) (not just the view bounds).

The question is mainly in what is the general way to do that (not exactly the 'water drop effect', but any examples would be appreciated for sure). I guess, that's some 'algorythmic' transformation of the layer layout 'grid', but not sure which way to 'dig' that in.

(Another thought is that might be achieved with using some frameworks, however, I would still need to understand the core logic).

UPDATE:

Pretty good resource for animations lovers recently been found from one of the answers: iPhone Development Wiki.

transformation sample 1transformation sample 2

like image 451
Agat Avatar asked Jul 29 '13 15:07

Agat


1 Answers

Read this excellent blog post by Bartosz Ciechanowski:

http://ciechanowski.me/blog/2014/05/14/mesh-transforms/

To wrap it up: Apple does this with private API around a class called 'CAMeshTransform'.

The author proposes an self-written substitute:

https://github.com/Ciechan/BCMeshTransformView

It's pretty amazing actually!

like image 76
de. Avatar answered Nov 24 '22 04:11

de.