這篇文章主要為大家展示了iOS如何實現(xiàn)卡片堆疊效果，內容簡而易懂，希望大家可以學習一下，學習完之后肯定會有收獲的，下面讓小編帶大家一起來看看吧。

在通渭等地區(qū)，都構建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產品創(chuàng)新能力，以專注、極致的服務理念，為客戶提供成都網站設計、成都網站建設 網站設計制作按需開發(fā),公司網站建設,企業(yè)網站建設,成都品牌網站建設,營銷型網站建設,外貿網站制作,通渭網站建設費用合理。

如圖，這就是最終效果。

去年安卓5.0發(fā)布的時候，當我看到安卓全新的Material Design設計語言后，真的是喜歡的不得了，這種設計語言不同于偏平式設計以及卡片式設計。簡約，自然。直到15年初，偶然看到CM團隊已經發(fā)布了好多基于安卓5.0的ROM，恰巧有我手機對應的版本，便迫不及待的刷了固件，體驗了一把。
不得不說的是，安卓的這個版本簡直歷史性變革，更加流暢，好用，而且在開發(fā)者模式下，發(fā)現(xiàn)這個版本移除了Dalvik模式，全部采用了ART模式(在安卓4.4的時候，這兩種是可以選擇的)，雖然我用的時候會出現(xiàn)一些小bug(大概一周會出現(xiàn)1-2次明顯卡頓)，不過用起來還是很舒服的。

然后就說一下我比較喜歡的幾個地方吧。

1.后臺任務管理器樣式，卡片堆疊效果，第一次看見這個感覺酷爆了，因為我從來沒想過能在手機上出現(xiàn)這么炫酷的效果。然后就是蘋果在一年后9.0的系統(tǒng)后臺管理界面也使用了這種設計，只不過是橫向滾動，我想說一個大寫的呵呵。
2.沉浸式設計，額…這個有點抄襲蘋果設計的嫌疑，不過我覺得比蘋果的更加好看 簡約。雖然在4.4版本上可以設置狀態(tài)欄透明了，但是我做過的一些東西有時候還是會蒙上大概不透明度為50%的黑色圖層(可能是我的打開方式有誤).
3.短信，日歷右下角的那個小加號。雖然看起來沒什么，但是那個很有點點睛之筆的意思啊。每個頁面的顏色搭配都很漂亮，那個小加號的顏色也是點睛色。看起來很舒服，很有紙質閱讀的感受(后來看到說當時谷歌就是以這種感覺為基礎設計的這套設計語言).
4.長陰影。不多說了，目測一大波App的icon都采用這個了。

思路

就是利用scrollview的內容視圖的偏移量來計算每個view的位置，然后利用iOS中滾動視圖在頂部以及底部繼續(xù)拉的時候的那個效果來相應的完成邊界的效果（安卓的滾動視圖…呵呵，不重寫的話就拉不動了）。
其實就那么幾條公式就搞定了。

核心代碼

-(void)scrollViewDidScroll:(UIScrollView *)scrollView{

 [self.viewArr enumerateObjectsUsingBlock:^(UIView * view, NSUInteger idx, BOOL *stop) {

 NSInteger value = self.distance;

 /*************設置位置***************/
 CGRect rect = view.frame;
 //view最底位置
 NSInteger min_y = self.top + value*idx;
 rect.origin.y = min_y - (scrollView.contentOffset.y);

 //view的最高位置
 if (scrollView.contentOffset.y >= value*idx-value*pow(2.0, idx)/pow(2.0, self.dataArr.count)){
  rect.origin.y = self.top+value*pow(2.0, idx)/pow(2.0, self.dataArr.count);
 }
 if (scrollView.contentOffset.y > scrollView.contentSize.height- SCREEN_HEIGTH) {
  rect.origin.y = rect.origin.y -(scrollView.contentOffset.y -(scrollView.contentSize.height-SCREEN_HEIGTH));
 }
 view.frame = rect;

 /*************設置大小***************/
 CGFloat scale = 0.60;
 scale = (rect.origin.y*0.75 +60)/1000+scale >=0.9?0.9:(rect.origin.y*0.75 +50)/1000+scale;
 view.layer.transform = CATransform3DMakeScale(scale, scale, 1);
 }];
}

以上就是關于iOS如何實現(xiàn)卡片堆疊效果的內容，如果你們有學習到知識或者技能，可以把它分享出去讓更多的人看到。

本文題目：iOS如何實現(xiàn)卡片堆疊效果
網站鏈接：http://chinadenli.net/article18/piggdp.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、建站公司、動態(tài)網站、商城網站、標簽優(yōu)化、企業(yè)網站制作

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)