一、TabView 基礎(chǔ)
使用交互式用戶界面元素在多個子視圖之間切換的視圖呵曹。
struct TabView<SelectionValue, Content> where SelectionValue : Hashable, Content : View
選項卡視圖僅支持Text款咖，Image或Image后跟Text的選項卡項。 傳遞任何其他類型的視圖都將導(dǎo)致可見但為空的標(biāo)簽項奄喂。
二铐殃、TabView風(fēng)格
- DefaultTabViewStyle
默認(rèn)的TabView樣式。 - PageTabViewStyle
一個TabViewStyle跨新，它實(shí)現(xiàn)頁面滾動效果富腊。 - CarouselTabViewStyle
一個實(shí)現(xiàn)輪播TabView交互和外觀的TabViewStyle。僅支持watchOS - TabViewStyle
TabView的外觀和交互的規(guī)范域帐。
三赘被、實(shí)戰(zhàn)代碼
基礎(chǔ)代碼
import SwiftUI
@main
struct sf2_tabApp: App {
var body: some Scene {
WindowGroup {
TabView {
Text("The First Tab")
.tabItem {
Image(systemName: "1.square.fill")
Text("First")
}
Text("Another Tab")
.tabItem {
Image(systemName: "2.square.fill")
Text("Second")
}
Text("The Last Tab")
.tabItem {
Image(systemName: "3.square.fill")
Text("Third")
}
}
.font(.headline)
.tabViewStyle(PageTabViewStyle())
}
}
}
高級代碼
Jietu20200625-101605.gif
《SwiftUI 2.0 TabView 如何實(shí)現(xiàn)輪播圖與分頁Carousel效果PageTabViewStyle(教程源碼)》
推薦
基礎(chǔ)文章推薦
經(jīng)典教程推薦
技術(shù)源碼推薦
推薦文章
CoreData篇
- SwiftUI數(shù)據(jù)存儲之做個筆記App 新增與查詢(CoreData)
- SwiftUI進(jìn)階之存儲用戶狀態(tài)實(shí)現(xiàn)登錄與登出
- SwiftUI 數(shù)據(jù)之List顯示Sqlite數(shù)據(jù)庫內(nèi)容（2020年教程）
Combine篇
TextField篇
- 《SwiftUI 一篇文章全面掌握TextField文本框 (教程和全部源碼)》
- 《SwiftUI實(shí)戰(zhàn)之TextField風(fēng)格自定義與formatters》
- 《SwiftUI實(shí)戰(zhàn)之TextField如何給鍵盤增加個返回按鈕(隱藏鍵盤)》
- 《SwiftUI 當(dāng)鍵盤出現(xiàn)時避免TextField被遮擋自動向上移動》
- 《SwiftUI實(shí)戰(zhàn)之TextField如何給鍵盤增加個返回按鈕(隱藏鍵盤)》
JSON文件篇
一篇文章系列
- SwiftUI一篇文章全面掌握List(教程和源碼)
- 《SwiftUI 一篇文章全面掌握TextField文本框 (教程和全部源碼)》
- SwiftUI一篇文章全面掌握Picker,解決數(shù)據(jù)選擇(教程和源碼)
- SwiftUI一篇文章全面掌握Form(教程和源碼)
- SwiftUI Color 顏色一篇文章全解決
技術(shù)交流
QQ:3365059189
SwiftUI技術(shù)交流QQ群:518696470
- 請關(guān)注我的專欄icloudend, SwiftUI教程與源碼
http://www.reibang.com/c/7b3e3b671970
