開発環境

> xcodebuild -version
Xcode 14.0
Build version 14A5228q

Xcodeはbetaだが本記事の内容はiOS16未満のAPIを使用。

モチベーション

マスク処理やってみたいけどパッと実装が思いつかなかったので書いてみる。

お題

方針

LinearGradientでグラデーションを作って、mask(alignment:_:)としてTextを指定する。maskはiOS15.0からの登場ということで比較的新しいAPI。

コード

import SwiftUI

struct ContentView: View {
    var body: some View {
        LinearGradient(
            colors: [
                .orange,
                .pink,
                .purple,
                .blue,
                .cyan
            ],
            startPoint: .leading,
            endPoint: .trailing
        ).frame(width: UIScreen.main.bounds.width / 1.5)
            .mask {
                Text("輝きたい。")
                    .font(.system(size: 50, design: .serif))
            }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}