【SwiftUI】動くグラデーションを作る方法

はじめに

UIを作っていると、シンプルすぎて物足りなさを感じることがあります。
この記事では、そんな時に簡単にワンランク上のUIにするテクニックを紹介します。

作るもの

Colorfulというライブラリを使って、動くグラデーションを作ります。

Colorfulとは

Colorfulは、簡単に動くグラデーションを作れるライブラリです。

デモ

準備

Swift Package ManagerでColorfulをインストールします。

使い方

基本的な使い方

import SwiftUI
import Colorful

struct ContentView: View {
     var body: some View {
        ColorfulView()
     }
}

たったこれだけで動くグラデーションができます。

色を指定する

ColorfulView(colors: [.blue, .purple, .pink])

colorsで色を指定できます。

その他の設定

ColorfulView(
    animated: Bool,
    animation: Animation,
    blurRadius: CGFloat,
    colors: [Color],
    colorCount: Int
)

おわりに

Colorfulを使うと簡単に動くグラデーションを作ることができます。
ぜひ使ってみてください。