Swift TabViewのインジケーターの色を変えるサンプル

2024年1月8日

環境
Swift version 5.2.3 (swift-5.2.3-RELEASE)

概要
TabViewのインジケーターの色を変えるには、UIPageControlを使います。

init {
     //選択中のインジケータの色を代入
     UIPageControl.appearance().currentPageIndicatorTintColor = selectedColor

     //非選択中のインジケータの色を代入
     UIPageControl.appearance().pageIndicatorTintColor = unselectedColor
}

UIPageControl.appearance().currentPageIndicatorTintColorに代入した色は、
選択中のインジケーターの色。
UIPageControl.appearance().pageIndicatorTintColorに代入した色は、
非選択のインジケータの色になります。

使用例

struct ContentView: View {
    
    init() {
        UIPageControl.appearance().currentPageIndicatorTintColor = .red
        UIPageControl.appearance().pageIndicatorTintColor = UIColor.red.withAlphaComponent(0.2)
    }
    
    var body: some View {
        VStack {
            TabView  {
                PageView(text: "Home View")
                    
                PageView(text: "Data View")
                    
                PageView(text: "Test View")
            }
            .tabViewStyle(PageTabViewStyle())
            
        }
    }
}