引導頁onboarding頁面XIB實現

2021-09-29 07:35:25 字數 2077 閱讀 8288

歡迎介面,英文成為onboarding頁面用uiscrollview 和 uipagecontrol控制項實現。歡迎頁面效果如下:

建立工程

新增scrollview

新增pagecontrol

關聯ui和屬性

建立乙個自定義view

choose file ->new ->file (或者快捷鍵 command-n).

建立slide的xib

設計slide.xib

選擇xib的class為slide

新增uiimageview , title label, description label

關聯uiimageview, title label, description label 到**slide.swift

實現scrollview,在類viewcontroller.swift

func

createslides()

->

[slide

]return slides

}

新增5個slide到scrollview

func

setupslidescrollview

(slides:

[slide])

}

因為筆者支援的系統版本為ios 13,要用到safearealayoutguide, 所以ui的初始化放到方法viewdidlayoutsubviews()

var slides:

[slide]=

override

func

viewdidlayoutsubviews()

設定scrollview的delegate

override**方法scrollviewdidscroll, 筆者重構了重複的**,要想容易理解邏輯,請看注釋掉的**。

func

scrollviewdidscroll

(_ scrollview:

uiscrollview)}

// if(percentoffset.x > 0 && percentoffset.x <= 0.25) else if(percentoffset.x > 0.25 && percentoffset.x <= 0.50) else if(percentoffset.x > 0.50 && percentoffset.x <= 0.75) else if(percentoffset.x > 0.75 && percentoffset.x <= 1)

}

**執行

snapkit實現請參考:

iOS引導頁 啟動頁

前言 這裡使用launchscreen storyboard檔案建立啟 和引導頁。首次開啟專案或者更新後第一次開啟時展示引導頁,儲存有使用者資訊時進入首頁,否則進入登入註冊頁面。正文1.動態啟 將launchscreen.storyboard檔案上放入乙個。並新增約束,鋪滿整個頁面。為launchs...

實現引導頁 如何提公升引導頁轉化率

不少人在策劃引導頁時,想到什麼就放什麼,整體沒有邏輯順序,最後效果不好也不知是 出了問題。乙個優秀的引導頁需要具備4大核心要素,有價值 可信任 門檻低和稀缺感。今天我們來分享下做好引導頁的一部分內容。客戶需求 有價值且實用的主題 有了頁面框架後,接著就是著手最關鍵的頁面主題,主題第一要素就是要有吸引...

iOS 引導頁實現

myintroductionview.h myintroductionview.m myintroductionpanel.h myintroductionpanel.m 這四個檔案,再加上一些影象資源加到你的工程中去。之後如果要修改影象等資源只要在相應位置修改就好了。在對應的.件中引入標頭檔案並且...