SwiftUIでカラーピッカーを作る– category –

SwiftUIでカラーピッカーを作る連載記事です。前回まででカラーピッカー自体は完成です。今回は作ったカラーピッカーを実際に使って見るサンプルアプリを作って仕上げとします。 【作る内容】 "Hello World"のラベルとボタンを表示し、ボタンがタップされ...

SwiftUIでカラーピッカーを作る連載記事です。前回までの実装ではモデルがチャネル毎、更にグラデーションの情報とチャネルの現在値の情報が分かれていて、動的にグラデーションを変化させる処理の実装を困難にしています。今回はこれらを統合して、カラー...

SwiftUIでカラーピッカーを作る連載記事です。今回は前回までに作成したRGB各チャネルのスライダーで選択した値を元に色をプレビュー表示する処理を実装します。 また、現在値のフォーマットが小数点以下1桁になっているため、数値指定する場合の精度が低...

SwiftUIでカラーピッカーを作るという連載です。今回はノブをドラッグ（パン）ジェスチャーで移動できるようにする処理を実装します。 【SwiftUIではDragGestureを使う】 UIKitではiOSやiPadOSで、スクリーンを指でなぞるジェスチャーのことを「パン」と呼...

SwiftUIでカラーピッカーを作るという連載記事です。もっと小規模なコードになると思っていたので、あまり整理しないでコードを付け足して来てしまったため、コードがごちゃごちゃになってしまいました。今回はコードの整理をしたいと思います。 【1チャネ...

SwiftUIでカラーピッカーを作るという連載記事です。今回はカラーピッカーのグラデーションビュー上をタップして、RGB値を設定できるようにするためのコードを実装します。 【SwiftUIでタップジェスチャーに対応するには】 SwiftUIでタップジェスチャーに...

SwiftUIでカラーピッカーを作る連載記事です。前回まででノブを配置するところまで実装できていますが、現在値に関係無く、値が0のときの場所に固定表示されています。今回は、値によって表示位置を変更する処理を実装します。 【表示位置の計算】 この連...

SwiftUIでカラーピッカーを作るという連載記事です。前回、現在値を表示するテキストフィールドを作りましたので、今回はその続きで、グラデーションビュー上に現在値を示すノブを表示する処理の見た目を実装します。 ノブの形状ですが、この記事では次の...

SwiftUIでカラーピッカーを作るという連載記事です。この連載で作成するカラーピッカーの現在値は次のような表示にしたいと思います。 グラデーションビューの上にラベルと値を表示する 値はキーボードから編集出来るようにする グラデーションビュー上に...

何回かに分けて、SwiftUIでカラーピッカーを作ってみます。今回はカラーピッカーに表示するグラデーション部分を作ります。 【SwiftUIでグラデーションを表示する】 SwiftUIでグラデーションを表示するには、LinearGradientビューを使います。グラデーショ...