LoginSignup
20
8

More than 3 years have passed since last update.

Asset Catalogを使って色の管理 Swift

Last updated at Posted at 2019-07-27

Asset Catalogを使って色の管理をしてみた

1. 新しくAsset Catalogを作成

image.png

2. 作成したAsset CatalogでNew Color Setを選択

image.png

3. 色の名前、値を設定 (例 名前:hotpink、RGB:#FF69B4)

image.png

Interface Builderで使用する

  • 色を設定するときにNamed Colorsに作成したものが表示される image.png

ソースコードで使用する

  • UIColorを拡張する
UIColor
extension UIColor {
    /// hotpink RGB:#FF69B4
    class var hotpink: UIColor {
        return UIColor(named: "hotpink")
    }
}
  • 実際に使用する
ViewController
class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        self.view.backgroundColor = UIColor.hotpink
    }
}

まとめ

どの画面でも使用する色や各パーツの色をこのように管理することでデザインしやすくなった。
さらにいい方法があったら教えてください。

20
8
0

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
20
8