UIScrollView的简单使用
- UIScrollView?介紹
?
-
問&1.UIScrollView?是干什么的??
-
??UIScrollView?也是一種控件,繼承自UIView。
??用來實現”滾動”和”縮放”的控件 -
? ?什么是UIScrollView??? ? ? UIScrollView是一個能夠滾動的視圖控件,可以用來展示大量的內容,并且可以通過滾動查看所有的內容?
解析:
UIScrollView是直接繼承于UIView,?所以UIScrollView不能直接進行addTagert做監聽事件,因為只有直接繼承于UIControl的才可以直接進行監聽事件?,所以這里要監聽UIScrollView的事件,需要引入后面的代理模式delegate;
??
問&2:?誰在滾動,和縮放?
?->?“滾動”和”縮放”指的是針對放到?UIScrollView?控件里面的內容(可以是圖片、表格、其他控件等),?UIScrollView?控件本身不動
??
問&3:為什么要進行”滾動”或”縮放”?
移動設備的屏幕大小是極其有限的,因此直接展示在用戶眼前的內容也相當有限
當展示的內容較多,超出一個屏幕時,用戶可通過滾動手勢來查看屏幕以外的內
普通的UIView不具備滾動功能,不能顯示過多的內容
UIScrollView是一個能夠滾動的視圖控件,可以用來展示大量的內容,并且可以通過滾動查看所有的內容
?
?問&4:UIScrollView實現滾動的基本思路?
?* >1.創建一個UIScrollView控件,?設置該控件本身的大小、位置(frame)
* >2.創建要進行滾動的內容(可以是圖片、表格、其他控件等)
?**—>?注意:?這個內容通常是比較多的,?屏幕放不下了所以要放到UIScrollView中可以進行滾動查看
* >3.把要滾動的內容添加到UIScrollView控件中,?讓要滾動的內容作為UIScrollView控件的子控件
* >4.通過設置UIScrollView的contentSize屬性,?指定要滾動的內容的實際大小?—>這里是在代碼里面設置的?
**?問&5:為什么要設置UIScrollView的contentSize屬性?
?
**?解析:?如果不設置contentSize,?UIScrollView怎么知道實際內容有多大? UIScrollView都不知道實際內容有多大,?它怎么知道需不需要滾動??如果實際內容比UIScrollView還小,?那么就不需要滾動。如果實際內容比UIScrollView本身的尺寸大,?那么才需要滾動。
?
**?注意:?在xcode6下不需要取消"自動布局”也能滾動?
代碼演示:
1 - UIScrollView設置滾動的基本步驟: 2 1> 創建一個UIScrollView 3 //直接拖拽一個UIScrollView控件到main.storyboard里面,然后設置它的frame, 4 2> 向UIScrollView中添加內容 5 //添加一個圖片框UIImageView(也可以是其他的控件) ,把圖片框尺寸設置為圖片原尺寸 6 3> 設置UIScrollView的內容的大小(contentSize) 7 //在代碼里面設置 所以這里需要拖線,將UIImageView控件和UIScrollView都拖線, 8 9 -4>.代碼實現 UIScrollView實現圖片滾動(參考案例:大圖片展示) 10 @property (weak, nonatomic) IBOutletUIScrollView *scrollView; 11 @property (weak, nonatomic) IBOutlet UIImageView *d2ImageView; 12 - (void)viewDidLoad { 13 [super viewDidLoad]; 14 // 設置ScrollView的contentSize 15 // 設置scrollView的contentSize為圖片框的大小 16 self.scrollView.contentSize = self.imgView.bounds.size; 17 } 18 19 注意:在設置圖片的時候,要把圖片的尺寸位置為圖片的原尺寸,并左上角對齊 20 圖片有多大就顯示多大, 這里選擇是左對齊, 21 圖片控件屬性面板—> View —> Mode —> Top Left 22 View —> Mode里面有很多種對齊方式,?
轉載于:https://www.cnblogs.com/anRanTimes/p/5094023.html
總結
以上是生活随笔為你收集整理的UIScrollView的简单使用的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Oracle .事物,提交,回滚
- 下一篇: jquery-1.10.2.min.ma