天天看點

swift UI專項訓練29 Page Control頁控件

     有時候我們的頁面很大需要滾動隻用滾動條滾動可以不太精确,這就需要用到Page Control,就像我們平時操作iphone一樣,每一頁都有一些APP,頁面的個數是用小點标示的,每次一滑動就會切換頁面,目前停留的頁面的小點會被點亮。比如我們平時用的天氣預報,每一頁隻能顯示一個地方的天氣,每次換頁可以切換到其他城市。Page Control的屬性不多,如下:

swift UI專項訓練29 Page Control頁控件

Pages中的兩個數字标示有幾頁,目前在哪一頁。

Behavior标示目前隻有一頁的時候可以隐藏,剩下的是顔色的設定。

好的我們來定義一下,現在的顯示效果如圖:

swift UI專項訓練29 Page Control頁控件

要實作滾動,跟scrollview有關,是以要實作scrollview的代理。在頁面中添加一個最簡單的view:

swift UI專項訓練29 Page Control頁控件

為了夠明顯,把它的背景色改成灰色,現在頁面上是這個樣子:

swift UI專項訓練29 Page Control頁控件

把view和控制器關聯起來,當我們選中page control,然後打開它的事件管理器的時候會看到很多事件,選擇vale changed,與控制器關聯。

swift UI專項訓練29 Page Control頁控件

我們有五個頁,為了展現不同,給它們設定不同的顔色。建立一個顔色數組:

去我們剛才添加的事件中添加操作:

可以運作來看看了:

swift UI專項訓練29 Page Control頁控件

繼續閱讀