時間機器風格導航

我一直在爲iPhone做一些編程，現在我冒險進入iPad領域。我想實現的概念依賴於與osx中的時間機器類似的導航。總之，我有許多視圖可以平移和縮放，就像任何普通視圖一樣。然而，視圖使用第三維（在這種情況下是深度）相互堆疊。在這種情況下，用戶將導航到任何視圖，選擇一個字母，於是應用將飛過視圖直到它到達所選字母的視圖。時間機器風格導航

我的問題是：有人可以給出完整的最終代碼如何做到這一點？開玩笑。 :)我需要的是朝着正確的方向前進，因爲我不確定如何開始這樣做，以及是否可以使用可用的框架。任何提示將不勝感激

謝謝！

來源

2011-04-05 Glitch

核心動畫 - 或者更具體地說，建立在Core Animation上的UIView動畫模型 - 就是你的朋友。你可以通過將它們放置在其父視圖中的垂直線上（使用它們的center屬性）來製作一個類似於Time Machine的界面，將該視線的上方的那些縮放比下面的縮小（「在前面「）它們（使用transform屬性和CGAffineTransformMakeScale函數），並設置其圖層的z-index（使用視圖的layer屬性獲取圖層，然後設置它的zPosition），以便遠離其他圖層的圖層出現在其他圖層的後面。以下是一些示例代碼。

// animate an array of views into a stack at an offset position (0 has the first view in the stack at the front; higher values move "into" the stack) 
// took the shortcut here of not setting the views' layers' z-indices; this will work if the backmost views are added first, but otherwise you'll need to set the zPosition values before doing this 
int offset = 0; 
[UIView animateWithDuration:0.3 animations:^{ 
    CGFloat maxScale = 0.8; // frontmost visible view will be at 80% scale 
    CGFloat minScale = 0.2; // farthest-back view will be at 40% scale 
    CGFloat centerX = 160; // horizontal center 
    CGFloat frontCenterY = 280; // vertical center of frontmost visible view 
    CGFloat backCenterY = 80; // vertical center of farthest-back view 
    for(int i = 0; i < [viewStack count]; i++) 
    { 
     float distance = (float)(i - offset)/[viewStack count]; 
     UIView *v = [viewStack objectAtIndex:i]; 
     v.transform = CGAffineTransformMakeScale(maxScale + (minScale - maxScale) * distance, maxScale + (minScale - maxScale) * distance); 
     v.alpha = (i - offset > 0) ? (1 - distance) : 0; // views that have disappeared behind the screen get no opacity; views still visible fade as their distance increases 
     v.center = CGPointMake(centerX, frontCenterY + (backCenterY - frontCenterY) * distance); 
    } 
}];

而這裏的是什麼樣子，與一對夫婦的隨機顏色的觀點：

Sample screenshot of Time Machine-esque effect