Темный режим для пользовательского SwiftUI Color - PullRequest
Новая
       39

Темный режим для пользовательского SwiftUI Color

2 голосов
/ 16 апреля 2020

Я получаю серию цветов с разными оттенками от моего дизайнера. Вот как я их заставляю 

public struct Colors {
    public static let blue = Blue()
    public static let grey = Grey()
    public static let black = Black()
    public static let green = Green()
    public static let orange = Orange()
    public static let red = Color(hexString: "#F8454D")
    public static let yellow = Color(hexString: "#FFAE03")
    public init() {

    }
}

public struct Blue {
    public let light: Color = Color(hexString: "9AB1D0")
    public let medium: Color = Color(hexString: "215499")
    public let dark: Color = Color(hexString: "153662")
}

public struct Grey {
    public let light: Color = Color(hexString: "CCCDD0")
    public let medium: Color = Color(hexString: "757780")
    public let dark: Color = Color(hexString: "404146")
}
public struct Black {
    public let light: Color = Color(hexString: "A2A4A6")
    public let medium: Color = Color(hexString: "33383D")
    public let dark: Color = Color(hexString: "0A0B0C")
}
public struct Green {
    public let light: Color = Color(hexString: "ACD3BA")
    public let medium: Color = Color(hexString: "499F68")
    public let dark: Color = Color(hexString: "285739")
}
public struct Orange {
    public let light: Color = Color(hexString: "F4BBA5")
    public let medium: Color = Color(hexString: "E76B39")
    public let dark: Color = Color(hexString: "542715")
}

Ни один из этих 'Color' не реагирует на темный режим автоматически, как это делает система Colors.

Как мне назначить " "инвертированный" цвет, чтобы я мог использовать темный режим без использования системных цветов?

1 Ответ

3 голосов
/ 16 апреля 2020

Один из способов назначить «обратный» цвет по своему вкусу, чтобы вы могли воспользоваться преимуществами темного режима без использования системных цветов, заключается в следующем: 

public struct Colors {
    public var blue: MyColor = Blue()
    .....

    public init(colorScheme: ColorScheme) {
        self.blue = colorScheme == .light ? Blue() : BlueForDarkMode()
     .....
    }
}

public protocol MyColor {
    var light: Color { get }
    var medium: Color { get }
    var dark: Color { get }
}

// Orange for testing
public struct BlueForDarkMode: MyColor {
    public let light: Color = Color(hexString: "F4BBA5")
    public let medium: Color = Color(hexString: "E76B39")
    public let dark: Color = Color(hexString: "542715")
}

public struct Blue: MyColor {
    public let light: Color = Color(hexString: "9AB1D0")
    public let medium: Color = Color(hexString: "215499")
    public let dark: Color = Color(hexString: "153662")
}

, затем вы называете его так: 

struct ContentView: View {

    @Environment(\.colorScheme) var colorScheme

    @State var myColors = Colors(colorScheme: .light)

    var body: some View {
        Rectangle()
            .frame(width: 300, height: 300)
            .foregroundColor(myColors.blue.medium)
            .onAppear(perform: {self.myColors = Colors(colorScheme: self.colorScheme)})
    }
}

Обратите внимание, вам придется проделать немного больше работы, чтобы "ощутить" изменения режима, но это уже другой вопрос.

...