5
2

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.

【Xcode/Swift豆知識 #1】 「Color Literal」で直感的にカラー指定

Last updated at Posted at 2021-02-28

##はじめに

Xcode標準搭載のカラーパレット「Color Literal」を使うことで、直感的にUIColorを指定できます。
本記事は、

  • コードで色を指定するのが面倒と感じる人
  • NavigationBarやTabBarなどの色を直感的に変更したい人

これらに当てはまる人におすすめです!

##開発環境

  • Swift5
  • Xcode 12.4

##実際のコード

「color...」と打つと、UIColorの候補に**「Color Literal」**が出てきます。

Color Literal 1.png

カラーパレットらしきものに自動で変換されます!
Color Literal 2.png

よく使われる色から選択することも・・・
Color Literal 3.png

RGBから色を決めたり、Opacity(透明度)なんかもいじれちゃいます!便利!
Color Literal 4.png

##最後に

今日はXcode / Swift豆知識その1として、「Color Literal」をご紹介しました。

NavigationBarやTabBarの色を変更したいときは特に便利ですので
ぜひ使ってみてくださいね!

参考記事:iPhoneアプリのヘッダー(ナビゲーションバー)の色を変更する

ここまで読んでいただいて、ありがとうございました。

5
2
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
5
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?