テーマカラーを定義する

ソースコード:MyColorMemoAppSwiftUI

//

import SwiftUI

enum MyColorType {
  case base // #FFFFFF
  case orange // #F8C165
  case red // #D24141
  case blue // #4187FA
  case pink // #F064B9
  case green // #50AA41
  case purple // #965AD2
  
  var color: Color {
    switch self {
    case .base: return .white
    case .orange: return Color.rgbo(red: 248, green: 193, blue: 101, opacity: 1)
    case .red: return Color.rgbo(red: 210, green: 65, blue: 65, opacity: 1)
    case .blue: return Color.rgbo(red: 65, green: 135, blue: 250, opacity: 1)
    case .pink: return Color.rgbo(red: 240, green: 100, blue: 185, opacity: 1)
    case .green: return Color.rgbo(red: 80, green: 170, blue: 65, opacity: 1)
    case .purple: return Color.rgbo(red: 150, green: 90, blue: 210, opacity: 1)
    }
  }
  
  var title: String {
    switch self {
    case .base: return "デフォルト"
    case .orange: return "オレンジ"
    case .red: return "レッド"
    case .blue: return "ブルー"
    case .pink: return "ピンク"
    case .green: return "グリーン"
    case .purple: return "パープル"
    }
  }
  
}
extension Color {
  static func rgbo(red: Int, green: Int, blue: Int, opacity: CGFloat = 1) -> Color {
    return Color(red: CGFloat(red) / 255, green: CGFloat(green) / 255, blue: CGFloat(blue) / 255, opacity: opacity)
  }
}
  • ユーザー名:
  • 受講プラン:
  • 完了ステータス:未完了
cta_img

受講申し込みはこちらから

まずは受講用アカウントの作成からスタート。
iOSアカデミアの受講に必要な各種情報を記載した、ご案内メールをお届けします。

受講申し込み