美文网首页
SwiftUI—色相和亮度的复合动画的制作

SwiftUI—色相和亮度的复合动画的制作

作者: anny_4243 | 来源:发表于2020-07-14 17:42 被阅读0次

原文链接:https://github.com/fzhlee/SwiftUI-Guide#-%E7%AC%AC5%E8%8A%82combinedanimation

本节课演示色相和亮度的复合动画,动画以线性的时间曲线进行播放,并且时长为两秒。

示例代码:

struct ContentView : View {
    
    @State var radius: Double = 0 //阴影的半径
    @State var brightness: Double = 0 //图像视图的亮度

    var body: some View {
        VStack{
            Image("logo")
                .shadow(radius: CGFloat(radius)) //按照属性的大小修改图像视图的阴影半径
                .brightness(brightness) //按照浮点属性的大小修改图像视图的亮度
                .animation(.linear(duration: 2)) //设置动画的时间曲线为linear线性样式,并设置动画的时长为两秒
            
            Divider().fixedSize()
            
            Button(action: {
                self.radius += 10
                self.brightness = 1
            }) {
                Text("Move Effect")
            }            
        }        
    }
}

相关文章

  • SwiftUI—色相和亮度的复合动画的制作

    原文链接:https://github.com/fzhlee/SwiftUI-Guide#-%E7%AC%AC5%...

  • 饱和度、亮度、对比度

    1.亮度、饱和度、对比度色相:色相通俗的说就是“颜色”,色相的改变就是颜色的改变亮度:图像亮度通俗理解便是图像的明...

  • CSS 属性参考

    Color HSLhue色相, saturation饱和度, lightness亮度 色相: 0 和360 都是红...

  • PPT配色

    色环 颜色的色元素: 色相、亮度、饱和度 色相:不同的颜色的区别; 亮度:颜色中白色的多少。白色越多亮度越大; 饱...

  • [译]高级 SwiftUI 动画 —— Part4:Timeli

    前言 笔者从发布高级 SwiftUI 动画系列的高级 SwiftUI 动画 — Part 3:Animatable...

  • PPT中的颜色

    颜色的组成由色相、明度、亮度控制,在PPT中为了颜色的协调,多个色彩一般会保持色彩的色相一致,仅改变其明度或亮度,...

  • SwiftUI -- View 动画

    SwiftUI 中的动画有两种类型:显式动画和隐式动画。 一、显式动画 显式动画通过 withAnimation ...

  • 第十章 色彩(五)

    色彩变化 现实中的色彩主要受到两方面的影响:色相的差异和亮度的差异。色相的差异,指的是物体本身颜色的自然变化,由先...

  • SwiftUI—使用withAnimation制作缩放和渐隐动画

    原文链接:https://github.com/fzhlee/SwiftUI-Guide#-%E7%AC%AC2%...

  • PPT配色

    饱和度:颜色越来越灰 亮度:从白变有色再变黑 如果想在ppt中精确调整色相、饱和度和亮度,就把颜色模式改成HSB ...

网友评论

      本文标题:SwiftUI—色相和亮度的复合动画的制作

      本文链接:https://www.haomeiwen.com/subject/bqufhktx.html