[SwiftUI] [GitHub] SwiftUIColorNames 作りました

SwiftUI の Color の extension 作りましたので、説明します。

Sponsor Link

SwiftUI の Color
lightGray とか指定したい
SwiftUIColorNames
色の使い方
example
まとめ

SwiftUI の Color

そのまま View にも使え、.fill 等にも使用できる使い勝手の良い SwiftUI の Color ですが、色の指定方法が少し面倒でした。

良いされている System Color は、10 色しかありませんでした。

lightGray とか指定したい

UIColor であれば、もう少し多くの色が指定できるようになっています。

ですが、一部だけです。

自動車のボディカラーほどいかなくともある程度名前で設定できると嬉しいと思ったので、作ってみました。

SwiftUIColorNames

既存の SwiftUI の Color を extension を使って拡張しました。

convenient extension for SwiftUI color
https://github.com/tyagishi/SwiftUIColorNames
0 forks.
3 stars.
0 open issues.
Recent commits:

Update README.md, GitHub
Merge pull request #7 from tyagishi/developDevelop, GitHub
update for SPM update, Tomoaki Yagishita
update SPM, Tomoaki Yagishita
Update README.md, GitHub

色の使い方

SwiftUI で用意されている Color.red のように使えるようにしてみました。

SwiftUIColorNames example


let indigo = Color.Indigo

let indigo = Color.Indigo

example

サンプルのアプリを作りました。

「SwiftUIColorNames example」

色名は、enum になっているので、以下のようなコードで全色を表示することができます。

example code


//
//  ContentView.swift
//
//  Created by : Tomoaki Yagishita on 2020/10/24
//  © 2020  SmallDeskSoftware
//

import SwiftUI
import SwiftUIColorNames

struct ContentView: View {
  var body: some View {
    List( Color.AdditionalColors.allCases, id:\.self) { color in
      ZStack {
        Color(hex: color.rawValue)
        Text("\(Color.mapValueToName[color.rawValue] ?? "invalid Color")")
      }
    }
  }
}

struct ContentView_Previews: PreviewProvider {
  static var previews: some View {
    ContentView()
  }
}

// ContentView.swift

// Created by : Tomoaki Yagishita on 2020/10/24

import SwiftUI

import SwiftUIColorNames

struct ContentView: View {

var body: some View {

List( Color.AdditionalColors.allCases, id:\.self) { color in

ZStack {

Color(hex: color.rawValue)

Text("\(Color.mapValueToName[color.rawValue] ?? "invalid Color")")

}

struct ContentView_Previews: PreviewProvider {

static var previews: some View {

ContentView()

}

まとめ

SwiftUI で Color を名前を使って指定するときに便利だと思いますので、ぜひ使ってみてください。