实战需求

SwiftUI 动画图形之绘制正弦波实现个性化波浪纹效果 （教程含源码）

本文价值与收获

看完本文后，您将能够作出下面的界面

一个可动画显示的SwiftUI形状，用于沿着底部绘制带有弯曲正弦波的矩形。

使用方法

 WavyRectangle(
      phase: .radians(.pi / 6.0),
      amplitudeRatio: 0.3,
      frequency: 30
  )
  .fill(Color.pink)

核心代码

1、优质的主界面结构

import SwiftUI


struct RootView {
}


// MARK: - `View` Body
extension RootView: View {

    var body: some View {
        WavyRectangleDemoView()
            .accentColor(ThemeColors.accent)
    }
}


// MARK: - Computeds
extension RootView {
}