SwiftUIでいこう! -その他いろいろ(new!)-3

SF Symbols

How to get custom colors and transparency with SF Symbols - a free SwiftUI by Example tutorial

Apple Developer Documentation

SF Symbolsを使った画像の表示の方法を簡単にカスタマイズできるようになりました。

hierarchical　・・・　multiple layers
monochrome　・・・single layer filled with the foreground style
multicolor　　・・・・multiple layers with their inherit styles
palette　　・・・multiple layers, with different styles applied to the layers

4種類が用意されています。

Image(systemName: "exclamationmark.triangle.fill")
                .symbolRenderingMode(.hierarchical)
                .font(.system(size: 100))
            
Image(systemName: "exclamationmark.triangle.fill")
                .symbolRenderingMode(.monochrome)
                .font(.system(size: 100))
                
Image(systemName: "exclamationmark.triangle.fill")
                .symbolRenderingMode(.multicolor)
                .font(.system(size: 100))
                
Image(systemName: "exclamationmark.triangle.fill")
                .symbolRenderingMode(.palette)
                .font(.system(size: 100))

で並べてみると

dismissed with a swipe

How to prevent a sheet from being dismissed with a swipe - a free SwiftUI by Example tutorial

Apple Developer Documentation

【SwiftUI 3.0】sheet を手動で閉じれないようにするには？ – .NET ゆる〜りワーク

必ずボタンで閉じる。スワイプで勝手に閉じるのを防ぐ。

show an alert

How to show an alert - a free SwiftUI by Example tutorial

Apple Developer Documentation

【SwiftUI】アラートの使い方（alert）

今までのものは使えないようになり新しく変更されています。

struct ContentView: View {
    @State private var showingAlert = false
    
    var body: some View {
        Button("Show Alert") {
            showingAlert = true
        }
        .alert("Important message", isPresented: $showingAlert) {
            Button("OK", role: .cancel) { }
        }
    }
}

今まではAlert()使っていたがモディファイアで実装することになった。iOS14以前に対応する場合は"Alert()"を使う。

confirmationDialog()

How to show an action sheet - a free SwiftUI by Example tutorial

Apple Developer Documentation

【SwiftUI】confirmationDialogの使い方

ActionSheetは非推奨(Deprecated)となりconfirmationDialog()を使うようになった。

alertとの違いは

複数の選択肢を指定

することができます。

VStack {
            Text(selection)
            
            Button("Confirm paint color") {
                showingOptions = true
            }
            .confirmationDialog("Select a color", isPresented: $showingOptions, titleVisibility: .visible) {
                Button("Red") {
                    selection = "Red"
                }
                
                Button("Green") {
                    selection = "Green"
                }
                
                Button("Blue") {
                    selection = "Blue"
                }
            }
        }

iOS14以前はActionSheetを使って実装する必要がある。

foreground styles

How to provide visual structure using foreground styles - a free SwiftUI by Example tutorial

Apple Developer Documentation

HStack {
            Image(systemName: "clock.fill")
            Text("Dreams")
        }
        .font(.system(size: 100))
        .foregroundStyle(
            .linearGradient(
                colors: [.red, .black],
                startPoint: .top,
                endPoint: .bottom
            )
        )

実行すると