成品直播原始碼推薦,TableView/CollectionView 滑動頂部效果最佳化
成品直播原始碼推薦,TableView/CollectionView 滑動頂部效果最佳化
預設彈簧效果
在使用 UITableView 或者 UICollectionView 時,如果開啟彈框效果,下拉是整個內容就會偏移,鬆手就會自動彈回,最常用的就是我的介面。
如果scrolleView背景色和 cell/header 一樣就不會產生什麼突兀感,但是如果靠近頂部的檢視是漸變/圖片 或者和背景色差別較大,下拉就會產生突兀感
獲取 ScrollView 的偏移量
透過代理方法 scrollViewDidScroll(_ scrollView: UIScrollView)可以輕鬆獲取到偏移量。
func scrollViewDidScroll(_ scrollView: UIScrollView) { let offsetY = scrollView.contentOffset.y // 下拉 y 小於 0 if offsetY < 0 { //let coll = scrollView as? UICollectionView, let index = IndexPath(item: 0, section: Section.baseInfo.rawValue) let cell = coll.cellForItem(at: index) as! MineInfoCollectionCell cell.updateOffset(offsetY) // 將偏移量傳入目標 cell, 進行改變 } }
為白色檢視頂部和 Cell 頂部新增約束 containerTopCons ,並且將 Cell的裁剪取消
在 Cell 程式碼中進行偏移量賦值
class MineInfoCollectionCell: UICollectionViewCell { static var cellHeight: CGFloat = 300 @IBOutlet weak var containerTopCons: NSLayoutConstraint! override func awakeFromNib() { super.awakeFromNib() containerHeigthCons.constant = MineInfoCollectionCell.cellHeight } func updateOffset(_ offset: CGFloat) { containerTopCons.constant = offset // 更新偏移量 } }
將 scrollView 的偏移量轉移到 Cell 內部,就可以實現鏤空式的效果。
以上就是成品直播原始碼推薦,TableView/CollectionView 滑動頂部效果最佳化, 更多內容歡迎關注之後的文章
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2942110/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 成品直播原始碼,頂部導航欄部分支援左右滑動原始碼
- 成品直播原始碼,點選滑動切換效果原始碼
- 成品直播原始碼推薦,實現文字載入效果 文字跳動原始碼
- 成品直播原始碼推薦,js點選讓視窗抖動動畫效果原始碼JS動畫
- 成品直播原始碼推薦,uniapp多行滾動通知原始碼APP
- 成品直播原始碼推薦,Flutter波浪進度條WaveProgressBar原始碼Flutter
- 成品直播原始碼推薦,常用的css居中佈局原始碼CSS
- 成品直播原始碼推薦,Android 禁止下拉選單欄原始碼Android
- 成品直播原始碼推薦,java 實現郵件服務原始碼Java
- 成品直播原始碼推薦,登入介面實現插入背景原始碼
- 成品直播原始碼推薦,去掉導航條和tabbar線條原始碼tabBar
- app直播原始碼,利用原生JS實現回到頂部以及吸頂效果APP原始碼JS
- 成品直播原始碼推薦,uni底部導航欄隱藏單個原始碼
- 成品直播原始碼推薦,uniapp 圖片(二維碼)分享到朋友圈原始碼APP
- 成品直播原始碼推薦,原生button按鈕css去掉預設樣式原始碼CSS
- iOS - 二級連動(tableview包含 collectionview)iOSView
- 手機直播原始碼,實現圖片瀑布流式滑動效果原始碼
- 成品直播原始碼推薦,用JNI生成so檔案,加密解密需要的hascode生成程式碼原始碼加密解密
- 直播系統app原始碼,滑塊效果、slider用法APP原始碼IDE
- 直播app開發,滑動式的頂部導航欄(左右橫向滑動)APP
- 成品直播原始碼推薦,登入和註冊兩個頁面的簡單實現原始碼
- 影片直播網站原始碼,flutter 頂部滾動欄頁面網站原始碼Flutter
- 直播app原始碼,標題欄隨頁面滑動之title移動定位效果APP原始碼
- 成品直播原始碼,實現在平臺內部的搜尋原始碼
- 短視訊直播原始碼,拖動滑塊實現圖片驗證效果原始碼
- 帶貨直播原始碼,確定ViewPager滑塊滑動方向原始碼Viewpager
- app直播原始碼,uniapp之自定義頂部樣式APP原始碼
- 短視訊直播原始碼,實現頂部導航欄背景圖片漸隱漸現效果原始碼
- 手機直播原始碼,點選按鈕,立即回到頂部原始碼
- CollectionView 單個選項卡的滑動View
- 視訊直播原始碼,新增內容滑動條,停止滑動時隱藏原始碼
- 視訊直播app原始碼,不同分類頂部背景色APP原始碼
- 直播軟體搭建,利用原生JS實現回到頂部以及吸頂效果JS
- 直播軟體搭建,vue3 頁面回到頂部(平緩滾動效果)Vue
- 成品直播原始碼,例項原始碼系列-更改圖片透明度原始碼
- 成品直播原始碼,Flutter 夜間模式 全域性字型原始碼Flutter模式
- 教育直播APP原生開發,成品原始碼無加密APP原始碼加密
- 直播系統app原始碼,自定義中間向兩邊滑動的滑動條APP原始碼