Hi all
I am trying to clone iOS7 Contacts app (mostly for studying how well QML is fit for quick prototyping iOS apps) – https://github.com/amarchen/CuteContacts-iOS
Right now I am trying to replicate the animation when you add (or remove) a new phone line as you can see on this YouTube video http://youtu.be/huneI2u76Ik?t=1m28s from about 1:28
In the current design, list of phones is a Column and “add phone” button is a separate element under the Column.
So when element is being added to Column, I want it to appear from behind of one on top and push the column down step by step and.. I can’t figure how to do it.
Default add transition functions as:
1. Column is expanded instantly, no delay, place for a new item is allocated instantly
2. Element flies from the very top to it’s place (how exactly it flies you can control by animating x.y properties)
I want instead to:
1. Fly from the element on top of where new one is to be added
1.1. Fly from behind of the one on top
2. Column height is to be expanded bit by bit together with the element being added
Can’t quite figure how to do it. Please, help
P.S.
I believe I am able to implement it fully manually: forget Column completely and just manually control a bunch of elements being added/removed, but that’s quite labor intensive and probably error-prone. There should a way to go with positioners, shouldn’t it?
↧