AppStore這個軟件是我們蘋果用戶經(jīng)常用到的，我在demo中對它進行了模仿，項目的地址是這里。
本文是想講解一下項目中我覺得不錯的效果，主要包括下面三部分：
一.Today中的應(yīng)用卡片，打開和關(guān)閉的效果。
二.游戲App的詳情中，上下滑動中漸變的導航欄和頂部視圖,橫滑展示的列表
三.更新列表中，點擊某一項的更多，cell刷新
具體實現(xiàn)：
一、卡片打開和收起：
打開：從Today的列表中點擊某一個cell，然后present出詳情頁面。
關(guān)閉：從詳情頁面點擊關(guān)閉按鈕，或者按住屏幕下滑，關(guān)閉詳情頁面。
整個動畫過程是在TodayViewController到CardDetailViewController中完成的。
這里的打開和關(guān)閉都屬于自定義轉(zhuǎn)場動畫，因此首頁的一點是詳情頁面要遵循代理UIViewControllerTransitioningDelegate
這里TodayAnimationTransition是定義轉(zhuǎn)場動畫的效果具體是如何實現(xiàn)的，CardPresentationController是轉(zhuǎn)場發(fā)生時的背景，也就是在詳情頁面下拉時，看到的高斯模糊效果。
下面來看看其中的具體是如何present的。這一部分實現(xiàn)是在TodayAnimationTransition.swift中。
這里分為3個部分：
先通過
transitionContext獲得轉(zhuǎn)場動畫的中需要的元素設(shè)置動畫開始時，控制器的size,也就是列表中卡片的大小
動畫結(jié)束時，控制器的size撐滿屏幕，卡片的size也隨之變大
dismiss的部分原理類似，不過多了一個下拉關(guān)閉的手勢。
這個動畫里還包含了很多細節(jié)，包括：
狀態(tài)欄和底部導航欄的隱藏和顯示。
按住卡片時，卡片縮小，松開時，跳轉(zhuǎn)到詳情頁面
具體細節(jié)可以到代碼中查看。
二、游戲詳情中的動畫
1.上下滑動漸變的導航欄和頂部視圖,對應(yīng)的控制器是DetailViewController。
首先自定義navigationBar。對應(yīng)的類是DetailNavigationView
然后基于全屏的滑動效果，我們將所有內(nèi)容都放到一個tableView里。
設(shè)置頂部圖片為tableView的tableHeaderView。
最后在tableView滑動時，按比例改變navigationBar的透明度，返回按鈕的顏色，以及tableHeaderView的大小。
因為同時涉及到大小，透明度，顏色的變化，這里的運算會稍微復雜點：
如上，3個注釋對應(yīng)著
頂部圖片的大小變化
navigationBar的透明度變化
返回按鈕的顏色變化
具體實現(xiàn)請到代碼中看。
三、更新列表中，點擊更多，cell的刷新。
對應(yīng)的實現(xiàn)在UpdateTableViewController和UpdateTableViewCell
這里其實主要想說的是使用UITableViewCell的自適應(yīng)高度，有些時候非常管用。
例如在更新列表中，本來每一個cell的等高的，但點擊更多按鈕后，cell的高度會變化。使用自適應(yīng)高度后，我們并不關(guān)心實際每一個cell的高度，一切都交給系統(tǒng)自己去適配。
這里cell的布局我是用xib實現(xiàn)的，關(guān)鍵點在于xib由顯示文字的控件和其他控件撐滿，當文字越多時，顯示文字的label越大，系統(tǒng)計算出cell的高度也會越大。
如圖，ContentLabel是顯示主要文字的Label,它的上下左右的約束，使得cell高度會隨它的高度變化而變化。
在UpdateTableViewController中的代碼也非常少，
只需要設(shè)置cell的預估高度，并將實際高度設(shè)為自適應(yīng)，最后注冊這個cell就行了
其他部分
項目中還包括了我的詳情頁面，搜索頁面等，有興趣的朋友也可以看看。
結(jié)尾：
-
出于想練練英文的目的，項目顯示的內(nèi)容以及代碼中的注釋，都是用的英文。
-
本項目只做了一部分，還有很多內(nèi)容可以繼續(xù)做，有興趣的朋友，也可以提交你們想補充的地方，讓我們一起把這個項目完善吧。
