橫向滑動中間大圖左右縮小

Swift橫向滑動中間大圖左右縮小(UICollectionView+UICollectionViewFlowLayout+UICollectionViewCell)_uicollectionview 水平滾動 中間大-CSDN博客

    ///根據當前滾動進行對每個cell進行縮放
    ///用來計算出rect這個范圍內所有cell的UICollectionViewLayoutAttributes,
    override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
        //首先獲取 當前rect范圍內的 attributes對象
        let collectionViewLayoutAttributes : [UICollectionViewLayoutAttributes] = super.layoutAttributesForElements(in: rect) ?? [];
        //計算縮放比  首先計算出整體中心點的X值 和每個cell的中心點X的值
        //用著兩個x值的差值 ,計算出絕對值
        //
        //計算偏移colleciotnView中心點的X值 = X偏移量+colleciotnView的半寬
        let centerX =  (collectionView?.contentOffset.x)! + (self.collectionView?.bounds.width)!/2;
        // 可見矩陣
        let visiableRect = CGRect(x: self.collectionView!.contentOffset.x, y: self.collectionView!.contentOffset.y, width: self.collectionView!.frame.width, height: self.collectionView!.frame.height);
        
        //循環遍歷每個attributes對象 對每個對象進行縮放
        for attr : UICollectionViewLayoutAttributes in collectionViewLayoutAttributes {
            // 不在可見區域的attributes不變化
            if !visiableRect.intersects(attr.frame) {continue}
            //計算每個對象cell中心點的X值
            let cell_centerX = attr.center.x;
            //計算兩個中心點的偏移(距離=cell中心點X值-偏移的colleciotnView中心點X值)取絕對值,這個值應該是一個百位數(iPhone6S的With=375Ppt,偏離量最多375,所以縮放因子設為0.001是適合的)
            let distance = abs(cell_centerX-centerX);
            //距離越大縮放比越小,距離小 縮放比越大,縮放比最大為1,即重合
            let scale:CGFloat = 1/(1+distance*ScaleFactor);
            //縮放(基準點為中心點)
            //CATransform3DMakeScale (CGFloat sx, CGFloat sy, CGFloat sz)
            //sx:X軸縮放,代表一個縮放比例,一般都是0-1之間的數字。
            //sy:Y軸縮放。
            //sz:整體比例變換(sx==sy)時
            //      1.sz>1,圖形整體縮小;
            //      2.0<sz<1,圖形整體放大;
            //      3.sz<0,發生關于原點的對稱等比變換。
            attr.transform3D = CATransform3DMakeScale(1.0, scale, 1.0);
        }
        
        return collectionViewLayoutAttributes;
    }

    /// - Parameter proposedContentOffset: 當手指滑動的時候 最終的停止的偏移量
    /// - Returns: 返回最后位于屏幕最中央的Cell的中心點需要的偏移量
    /// 當停止滑動,確保有一Cell是位于屏幕最中央
    override func targetContentOffset(forProposedContentOffset proposedContentOffset: CGPoint, withScrollingVelocity velocity: CGPoint) -> CGPoint {
        // 可見范圍
        let lastRect = CGRect(x: proposedContentOffset.x, y: proposedContentOffset.y, width: self.collectionView!.frame.width, height: self.collectionView!.frame.height)
        //獲得collectionVIew中央的X值(即顯示在屏幕中央的X)
        let centerX = proposedContentOffset.x + self.collectionView!.frame.width * 0.5;
        //這個范圍內所有的屬性
        let attributes : [UICollectionViewLayoutAttributes] = self.layoutAttributesForElements(in: lastRect)!;
        //需要移動的距離
        var adjustOffsetX = CGFloat(MAXFLOAT);
        var tempOffsetX : CGFloat;
        for attr in attributes {
            //計算出距離中心點 最小的那個cell 和整體中心點的偏移
            tempOffsetX = attr.center.x - centerX;
            if abs(tempOffsetX) < abs(adjustOffsetX) {
                adjustOffsetX = tempOffsetX;
            }
        }
        //偏移坐標
        return CGPoint(x: (proposedContentOffset.x + adjustOffsetX), y: proposedContentOffset.y);
    }

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,546評論 6 533
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,570評論 3 418
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,505評論 0 376
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,017評論 1 313
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,786評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,219評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,287評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,438評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,971評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,796評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,995評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,540評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,230評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,662評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,918評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,697評論 3 392
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,991評論 2 374

推薦閱讀更多精彩內容