Help us understand the problem. What is going on with this article?

アプリで使うカラーパターンをStoryboardでも定義する

More than 3 years have passed since last update.

デザイナーから定義されたカラーパターンを
コードで定義するときはUIColorのExtensionに定義したりすると思います。

extension UIColor {
    class func mainColor() -> UIColor { 
        return UIColor(red:0.1, green:0.1, blue:0.1, alpha:1.0) 
    }

    class func linkColor() -> UIColor { 
        return UIColor(red:0.2, green:0.2, blue:0.2, alpha:1.0)
    }
}

ただこれだけだとStoryboardで文字色や背景色を設定するときに、値がなんだったかが分からなくなることが多かったので、Storyboardでも色を簡単に設定できるようにします。

Storyboardで定義する

Storyboardで独自のカラーパターンを定義するには
1.カラーパレットを開く(真ん中のタブ)
pic2.png

2.右の歯車→Newしてカラーパレットを追加
pic3.png

3後は独自にカラーパターンを追加
pic4.png

これだけで定義完了です!
コードとの色の同期は手動ですが、これでStoryboardでデザインを反映するときにいちいちUIColorを見に行かなくて良くなるのでちょっと楽できます。

共有する

上記定義を終えていると
~/Library/Colors/
にSampleColor.clrというファイルができているのでこれをgitに上げておけばチームで共有できます。

furuyan
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした