当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


Swift Optional colorInvert()用法及代码示例


实例方法

colorInvert()

反转此视图中的颜色。

声明

func colorInvert() -> some View

返回值

反转其颜色的视图。

详述

colorInvert() 修饰符反转视图中的所有颜色,以便每种颜色显示为其补色。例如,蓝色转换为黄色,白色转换为黑色。

在下面的示例中,两个红色方块各有一个内部绿色圆圈。倒置的正方形显示了正方形颜色的效果:红色和绿色的互补色——蓝绿色和紫色。


struct InnerCircleView: View {
    var body: some View {
        Circle()
            .fill(Color.green)
            .frame(width: 40, height: 40, alignment: .center)
    }
}


struct ColorInvert: View {
    var body: some View {
        HStack {
            Color.red.frame(width: 100, height: 100, alignment: .center)
                .overlay(InnerCircleView(), alignment: .center)
                .overlay(Text("Normal")
                             .font(.callout),
                         alignment: .bottom)
                .border(Color.gray)


            Spacer()


            Color.red.frame(width: 100, height: 100, alignment: .center)
                .overlay(InnerCircleView(), alignment: .center)
                .colorInvert()
                .overlay(Text("Inverted")
                             .font(.callout),
                         alignment: .bottom)
                .border(Color.gray)
        }
        .padding(50)
    }
}

可用版本

iOS 13.0+, iPadOS 13.0+, macOS 10.15+, Mac Catalyst 13.0+, tvOS 13.0+, watchOS 6.0+

相关用法


注:本文由纯净天空筛选整理自apple.com大神的英文原创作品 Optional colorInvert()。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。