《Motion Design for iOS》（七）

標籤：

位置。如果你想要讓一個物體在螢幕上移動，你只需要操縱它的位置。將一個向螢幕的下方移動意味著你在增加其Y座標，因為（X:0, Y:0）在iOS app中表示螢幕的左上方。如果你想要將一個物體從螢幕的底部移動到中央，你首先需要將Y座標設為比螢幕的垂直解析度大（道螢幕底部），然後將Y座標動畫移動到一個較小的數值來放置在螢幕的中央。

320*568是iPhone 5螢幕的一倍解析度。iPhone 6的螢幕是375*667。然而全部真實的像素總數是這個的兩倍，但你放置UI對象到螢幕上時不需要考慮這個。

透明度。將一個介面元素從100%不透明改成透明一些意味著你在調整它的透明度，或者alpha值。動畫改編一個物體的透明度可能是最常見的屬性，這可以在與背景混合到100%不透明地顯露在前端之間做一個很好的過渡。而且如果你在緩慢地從螢幕上移除一些東西，動畫淡出將其alpha設為0通常不會有錯。一般你會看到透明度動畫和其他屬性的動畫同時出現，比如說，將一些東西從螢幕底部移動到螢幕上（位置），同時將其透明度從0.0（透明）動畫變成1.0（不透明）。

比例。如果你想要讓一個物體變大或變小（一次變化兩個方向來保持其比例，或一次只變化一個方向），有一個簡單的屬性可以調整，那就是物體的比例。想要建立一個看起來和iOS 7的警告框視圖一樣的模態警告框嗎？那是一個依託於改變比例的視覺效果的很簡單的動畫。將比例初始設為大概1.3倍（比原始大小要大），然後將其動畫變為1.0倍（原始大小），同時改變透明度（從0開始變成1.0），這就是它的全部。

現在我們已經描述了在設計動畫是經常用到的三個屬性，讓我們回到之前我展示的動畫例子並精確地拆分它們哪裡用了位置、透明度和比例動畫來建立它們的視覺效果。

著作權：http://blog.csdn.net/cloudox_

長期致力於iOS英文資料翻譯
覺得有協助的可以打賞支援一下小弟~

《Motion Design for iOS》（七）