LoginSignup
0
2

More than 3 years have passed since last update.

【swift】ユーザーが任意のテーマカラーを設定できる機能

Posted at

前置き

参考ページのまとめ集。

環境

xcode 11.3
swift 5.1.3
CocoaPods 1.8.4

機能要件

テーマカラー選択機能
テーマカラー反映機能

仕様

  • テーマカラー設定ボタンを押すと設定ページへ
  • 設定ページには、色が並んでいる
  • 色をクリックすると、設定ページの背景色が変わる
  • 決定ボタンを押すと、選択された色がテーマカラーとなる
  • もとの画面に戻ったのち、テーマカラーが反映されている

スクリーンショット 2020-01-16 21.53.15.png
スクリーンショット 2020-01-16 21.53.20.png
スクリーンショット 2020-01-16 21.53.25.png
スクリーンショット 2020-01-16 21.53.28.png

設計

storyboard上に要素の追加

  • コントローラー
  • カラーパレット
  • 決定ボタン

カラーパレットの設置

以下の記事に従ってcollectionViewを作成

qiita : 【Swift・iOS】XcodeのCollectionViewの使い方。タイル型(カード型)のレイアウト方法を解説

以下の記事を参考に、タップアクションを追加

qiita : UICollectionViewのセルの強調・選択時にセルの見た目を変化させる

以下の記事に従って形を整形

qiita : CollectionViewの基礎
qiita : Swift UIViewの一部を角丸にしたい

選択カラーの保存

userDefaultsの設定

テーマカラー格納用にクラスを作っておく

【swift】userDefaultsへの書き込み・読み込みを簡易化する

UIColorの変換

userDefaultsにカラーを保存できるように、UIColorをData型に変換する

Swift 3でUserDefaultsにUIColorを保存する方法

0
2
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
2