【iOS開發】UIScrollView看不到內容、UIScrollView不能滑動
初學者第一次使用 UIScrollView 的時候,很可能會遇到 UIScrollView 滑動不了,或者明明新增了內容,卻看不到的問題。
這裡展示最簡潔、最常態化的一種在 UIScrollView 中新增可以滑動的 UIImageView 的案例。
上下文關係:程式碼中的“tipView”是通過 Storyboard 拖線到程式碼中繫結的 IBOutlet,已經在 self.view 裡面了。
這裡把 imageView 的 contentMode 設定為 AspectFill 來保證 image 可以填滿 imageView ,並且長寬比不改變。
容易犯的錯誤是通過 frame 來初始化 imageView,這是不必要也是不應該的。應該設定好你的圖片資源的大小,然後直接用圖片資源的frame 去設定 imageView 的 frame,當然這一步也是自動的。
接下來要確定 UIScrollView 的 contentSize,即它的內容、可滑動範圍。這也直接套用的圖片資源的 frame。
注意點1:必須保證 UIScrollView 的 contentSize 比它本身的 size要大,否則不可能滑動。
注意點2:現在 imageView 是 UIScrollView 的 subView,所以它的 frame 也是相對 UIScrollView 的,你想要讓它和 UIScrollView 剛好一樣高,就要把它的 frame 的 y 值設定為0,這也是為什麼我推薦你不管這個 y 值,讓它自動置為0。假如 UIScrollView 的 y 值為10,你再設定 imageView 的 y 值為10,那麼相對於螢幕來說,imageView 的 y 值是20。當它的 y 值大到一定程度,超出了 UIScrollView,你自然就看不到內容了。
更新:
如果你的 UIScrollView 老是在你不希望它滾動的方向的滾動,而且裡面的 imageView 還有可能錯位的話,在 viewDidLoad 方法中加入這句:
self.automaticallyAdjustsScrollViewInsets = false
相關文章
- iOS UIScrollView 沒有從頂部開始滑動iOSUIView
- iOS開發之UIScrollView無限滾動iOSUIView
- iOS UIScrollView上滑隱藏UINavigationBariOSUIViewNavigation
- iOS開發UIScrollView的底層實現iOSUIView
- iOS開發之UIScrollView在Autolayout下的使用iOSUIView
- iOS開發筆記(五):UIScrollView實現原理iOS筆記UIView
- iOS UIScrollView的基本使用iOSUIView
- iOS 開發08-UIScrollview的contentOffset精度不高iOSUIView
- 巢狀UIScrollview的滑動衝突解決方案巢狀UIView
- UIScrollView滾動動畫UIView動畫
- iOS網路開發之三——iOS 10使用NSJSONSerialization+SDWebImage+UIScrollView實現圖片的迴圈播放、手動滑動...iOSJSONWebUIView
- UIScrollView和UIPageControl實現app啟動滑動圖UIViewAPP
- UIScrollVIewUIView
- UIScrollView停止滾動代理UIView
- iOS-多個UIScrollView滑動巢狀(仿微博、抖音、網易雲個人詳情頁)iOSUIView巢狀
- iOS學習筆記02 UIScrollViewiOS筆記UIView
- UIScrollView AutoLayoutUIView
- 理解UIScrollViewUIView
- iOS - 計算UITextView 高度 UIScrollView滾動到具體位置iOSUITextView
- IOS學習筆記——iOS元件之UIScrollView詳解iOS筆記元件UIView
- 給iOS開發新手送點福利,簡述UIScrollView的屬性和用法iOSUIView
- UIScrollView中使用AutoLayoutUIView
- UIScrollView的基本用法UIView
- UIScrollView 原理詳解UIView
- UIScrollView API 翻譯UIViewAPI
- UIScrollView自動向下偏移的問題UIView
- UIScrollView視覺差動畫UIView視覺動畫
- UIScrollView 實踐經驗UIView
- 解決右滑返回手勢和UIScrollView中的手勢衝突UIView
- 多層 UIScrollView 巢狀滾動解決方案UIView巢狀
- iOS UIScrollVIew UITableView UIwebView WKWebView 截全圖,生成全圖方法iOSUIWebView
- 檢視:重繪與 UIScrollViewUIView
- UIScrollView在StoryBoard中的使用UIView
- UIScrollView滾動到並完全顯示特定的RectUIView
- 利用Storyboard給UIScrollView新增約束UIView
- 三種UIScrollView巢狀實現方案UIView巢狀
- UIScrollView PagingEnabled的轉屏問題UIView
- 視訊直播原始碼,新增內容滑動條,停止滑動時隱藏原始碼