0
1

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 3 years have passed since last update.

Swift - #colorLiteral使ってカスタマイズのUIColorを定義

Last updated at Posted at 2021-10-07

#はじめに
UI部品に色を指定したい場合、↓のようにstoryboardでいじる以外、
截圖 2021-10-07 22.10.19.png
コードで指定することもできます。例えば、

サンプル.swift
self.view.backgroundColor = UIColor.black

.black黒色は内蔵の色なので、UIColor.を入力して、自動的にリストが出てくると思います。↓の感じ
截圖 2021-10-07 21.32.47.png

でも、もし欲しい色は内蔵にない場合はどうすればいいですか?storyboardでなら、「custom...」が選べるのだが、コードの場合は??
#まず
UIColorをextensionし、欲しい色の名前を宣言しましょう。
#次
**#colorLiteral(red: 1, green: 0.8, blue: 0, alpha: 1)**をreturnします。
↓のように

sample.swift
extension UIColor {
    static var cusLightYellow: UIColor { return #colorLiteral(red: 1, green: 0.8, blue: 0, alpha: 1) }
}

#欲しい色の数値わからない??
大丈夫です!↑のコードを入力したら、↓のように出てきます(色の枠)。
截圖 2021-10-07 22.39.10.png
この枠をクリックすると、storyboardみたいなカラーパネルが出てきます。
截圖 2021-10-07 22.41.19.png
#それでも欲しい色がない??
下の「Other...」をクリックすると、storyboardの「custom...」のようなものが出てきました!ここで自由に選べます!めでたしめでたし
截圖 2021-10-07 22.46.01.png
#最後に
普通にコードのカラーリストを確認してみたら、先ほど宣言した「cusLightYellow」が出てきました。

サンプル.swift
self.view.backgroundColor = .cusLightYellow

截圖 2021-10-07 23.03.29.png

0
1
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
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?