Swift Practice # 162 Custom TabView in SwiftUI 與照片牆

Dogpa Chen
Jun 30, 2022

--

上一篇完成了TabView的認識,透過快速簡單的程式碼完成SwiftUI忠TabView的設定。

而這篇則要分享在網路資源上看到的客製化TabView方式,原本以為會很難,但其實是VStack與HStack的結合運用讓整體畫面看起來像是TabView。

學習資源:

程式碼:

看完上面的教學嘗試自己練習一個類似的TabView。

首先一樣請出上一篇用到的LandscapeView

接著透過一個Function改變客製的TabView的顏色

接著在ContentView實作我們需要的客製的TabView

結果測試:

可以看到Divider的線其實有在只是要View是白色時才會出現,透過這樣的方式可以讓我們對TabView的按鈕有更多的調整空間。2022也度過一半的時間了,持續加油!!

--

--

Dogpa Chen
Dogpa Chen

Written by Dogpa Chen

Smile Coding / iOS轉職路ING

No responses yet