[iOS][Swift3.0][ライブラリ]フラットカラーを簡単に使えるChameleon
Swift3.0でフラットなカラーを簡単に使えるようにしたい
2年以上ぶりに放ったらかしにしていたブログを久しぶりに書こうと思います。
Swiftも2.0全く触らず、1.0のときと全く変わってて手探り状態です(笑)
新たなアプリを作成中ですがフラットカラーをアプリに適用したくて探したら「Chameleon」というライブラリがあったので、使ってみました。
https://github.com/ViccAlexander/Chameleon
できること
カラーパレットやカラースキームの取得、最適な文字色を取得してくれたり、1行のコードだけで各コンポーネントの色を統一できたり、グラデーションができたりするようです。
検証環境
Xcode:8.2.1
Swift:3.0.2
Carthage:2.2.0
導入手順
今回はCarthageで行います。最近はCocoaPodsほとんど使ってないです。
WorkSpaceがどうも嫌いで….w
Cartfileを作ってから「github “ViccAlexander/Chameleon”」を記載してもいいですが、以下のコマンドでやれば簡単です。
1 2 |
$ echo 'github "ViccAlexander/Chameleon"' > Cartfile $ carthage update --platform iOS |
使い方
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
// // ViewController.swift // ChameleonSample // // Created by kazukoba on 2017/03/05. // Copyright © 2017年 walteralex. All rights reserved. // import UIKit import Chameleon class ViewController: UIViewController { override func viewDidLoad() { super.viewDidLoad() self.view.backgroundColor = UIColor.flatWatermelon() } override func didReceiveMemoryWarning() { super.didReceiveMemoryWarning() // Dispose of any resources that can be recreated. } } |
インポートは以下のコードで
1 |
import Chameleon |
サイトなどを見ると「import ChameleonFramework」と書かれているのですが、これだとエラーになっちゃいます。
フラットカラーを使う
1 2 |
// Flatカラーを取得する self.view.backgroundColor = UIColor.flatWatermelon() |
ランダムカラーを使う
1 2 |
// ランダムにFlatカラーをバックグラウンドカラーを変更する self.view.backgroundColor = UIColor.randomFlat() |
コンポーネントのテーマ色を一括管理
1 |
setThemeUsingPrimaryColor(.flatMint(), with: .contrast) |
Storyboard用アドオン
ストーリーボードようにアドオンアプリがあります。
dmgからインストーラーでインストールします。XCodeの再起動が必要です。
選択できる色が増えてすごく楽になります。
まとめ
久しぶりにSwiftいじってて、いろんなサイト見てライブラリやサンプルコードを試して見たりしてるんですが、すぐに書き方など変わってたり、結構大変です。
iPhone3Gでた頃のObjective-Cでアプリを作ってたころに比べればはるかに情報が多くて楽ですけど….。
Cameleonの使い方まだ色々ありそうなので、試してみて、また追加したいと思います。なるはやで(笑)
関連記事
-
【iOS】Xcode5で作成したStoryboardを使ったプロジェクトをiOS5で実行するとクラッシュするのをなんとかしてください!!!
問題点 XCode5になってからいろいろ変更されて疲れ果ててるコバです。 まぁXCode3から4
-
【iOS】標準言語を日本語に変更する方法
日本国内のみの配布とか、言語は日本語だけでいいよ!!って時に、最初にプロジェクトを標準のテンプレート
-
【iOS】RunScriptはいったいどこに行ってしまったの???
RunScriptの追加方法がわからない!? XCode5にかわったとたんいろんなものが変更されて
-
【iOS】Twitter APIの日付(created_at)をNSDateに変換する
Twitter APIの日付をNSDateにするのってどうやったっけ?? ども、久しぶりにTw