Open2

Liquid Glassに入門してみた

iOS
Swift
Liquid Glass
kamomeKUNkamomeKUN

ボタン（インタラクション + ボタンカラーを着色したスタイル）

Button(action: {}) {
    Text("Hello, World!")
        .font(.title3)
        .padding(.horizontal, 16)
        .padding(.vertical, 10)
        .foregroundStyle(.white)
}
.glassEffect(.regular.tint(.mint.opacity(0.5)).interactive())
kamomeKUNkamomeKUN

tabBarMinimizeBehavior と tabViewBottomAccessory

Xcode26以上でビルドしたタブバーはiOS26以上からは上記のmodifierを設定することで以下のような動作を実現することが可能

  • tabBarMinimizeBehavior
    • スクロール可能なタブバー内の画面をスクロールした時にタブバーを最小化するなどが可能
  • tabViewBottomAccessory
    • TabViewの上にカスタムのボタンやテキストなどを配置することができる
    • スクロールに応じて表示位置が変更されるみたい
    • タブバーが消えない限り残り続けるのでどういったUIで使うのか疑問

struct LiquidGlassSampleVIew: View {
    var body: some View {
        TabView {
            ToDoView()
                .tabItem {
                    Label("TODOs", systemImage: "pencil.line")
                }            
            ToDoView()
                .tabItem {
                    Label("Account", systemImage: "person.fill")
                }
        }   
        .tint(.mint)
        .tabBarMinimizeBehavior(.onScrollDown)
        .tabViewBottomAccessory {
            Button(action: {}) {
                Text("Add Tasks!")                    
            }            
        }
    }
}