20
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?