文章出處

storyboard創建新手引導頁

原理:

1.添加Scroll View,用約束設置Scroll View的frame。

2.添加View,作用是相當于設置Scroll View的contentSize,也是用約束。

3.添加imageView,設置位置和圖片,也是用約束,作用相當于設置新手引導頁的圖片。

詳解:

 

1.添加Scroll View,用約束設置Scroll View的frame。

創建一個Scroll View,添加約束據self.view上下左右都為0,這一步可以相當于設置Scroll View的frame的大小。

2.添加View,作用是相當于設置Scroll View的contentSize,也是用約束。
在Scroll View上再添加一個View(為了不和系統自帶的View一樣,所以最好重命名一下),設置一下約束,高和系統自帶的View(就是self.view)的高一樣,寬是系統自帶的寬View(就是self.view)寬的4倍(假設新手引導頁有四張圖片,如果有五張圖片的話這個地方就要設置為寬的5倍),然后就是據父視圖(就是Scroll View)設置約束上下左右都為0(就是說Scroll View內容的大小就會和這個View的大小一樣,添加的這個View就相當于設置了Scroll View的contentSize,view的大小也就是contentSize的大小,前提是你得設置約束,view據父視圖(Scroll View)的上下左右都為0才可以)。
3.添加imageView,設置位置和圖片,也是用約束,作用相當于設置新手引導頁的圖片。
首先新手指導頁是用圖片組成的,有幾個圖片就添加幾個imageView,然后就是利用約束設置imageView的起始位置和大小。
假設這里有四個imageView,首先設置第一個imageView的起始位置和大小。
添加約束,和View同高,寬為View的四分之一,就是0.25,水平中心為View中心的四分之一,垂直中心和View的中心一樣。
第二個的imageView的設置方法也差不多,都是以父視圖View加約束高都一樣,款也都是一樣,水平中心的改為0.75,垂直中心都一樣。
同樣的,第三個和第四個只要更改水平中心的改為1.25和1.75就可以了,高度和View都一樣,寬度和View.四分之一都一樣,垂直中心都一樣。


文章列表


不含病毒。www.avast.com
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 AutoPoster 的頭像
    AutoPoster

    互聯網 - 大數據

    AutoPoster 發表在 痞客邦 留言(0) 人氣()