实战需求

要绘制正弦波，请创建一个使用 x 和 y 值绘制线条的形状。这些值必须转换为视图框架内的适当点。标记代表绘制线上的点。

运行效果

实战代码

import SwiftUIstruct MarkersView: View {let xValues: [Double]let yValues: [Double]var body: some View {GeometryReader { geom inlet xMin = xValues.min() ?? 0.0let xMax = xValues.max() ?? 1.0let yMin = yValues.min() ?? 0.0let yMax = yValues.max() ?? 1.0ForEach(0..<yValues.count, id: \.self) { i inCircle().fill(.blue).frame(width: 8).position(x: ((xValues[i] - xMin) * (geom.size.width)) / (xMax - xMin),y: geom.size.height - ((yValues[i] - yMin) * (geom.size.height)) / (yMax -

macOS SwiftUI 教程之 06 绘图实现正弦波,通过调整频率和步进值来更新正弦波视图 (教程含源码)相关推荐

SwiftUI 精品项目之完整Go围棋游戏App支持在线对战OGS Alamofire SocketIO（教程含源码）
实战需求 SwiftUI 精品项目之完整Go围棋App支持在线OGS Alamofire SocketIO 本文价值与收获看完本文后,您将能够作出下面的界面基础知识本项目是一个完全由Swift和 ...
macOS SwiftUI 教程之仿Safari浏览器地址栏（教程含源码）
实战需求 macOS SwiftUI 教程之仿Safari浏览器地址栏本文价值与收获看完本文后,您将能够作出下面的界面看完本文您将掌握的技能工具栏 .toolbar 搜索框 TextField ...
SwiftUI 绘图shape大全之 Teardrop水滴形状（中文教程含源码）
实战需求 SwiftUI 绘图shape大全之 Teardrop水滴形状 (中文教程含源码) 本文价值与收获看完本文后,您将能够作出下面的界面基础知识什么是Paths Paths主要用于绘制 ...
SwiftUI 动画图形之绘制正弦波实现个性化波浪纹效果（教程含源码）
实战需求 SwiftUI 动画图形之绘制正弦波实现个性化波浪纹效果 (教程含源码) 本文价值与收获看完本文后,您将能够作出下面的界面一个可动画显示的SwiftUI形状,用于沿着底部绘制带有弯曲正弦 ...
SwiftUI 音乐和网络大全之网络音乐播放App支持iTunes搜索与播放（教程含源码）
实战需求 SwiftUI 音乐和网络大全之网络音乐播放App支持iTunes搜索与播放(教程含源码) 本文价值与收获看完本文后,您将能够作出下面的界面实战代码 import SwiftUIstru ...
SwiftUI 精品项目之完整MOOC幕课iOS项目含服务端轮播欢迎页面（教程含源码）
实战需求 SwiftUI 精品项目之完整MOOC幕课iOS项目 (教程含源码) 本文价值与收获看完本文后,您将能够作出下面的界面看完本文您将掌握的技能自动轮播个性化注册界面个人信息界面带f ...
macOS 音频编辑剪切软件源码支持mp3等格式（教程含源码）
实战需求 macOS 音频编辑剪切软件源码支持mp3等格式(教程含源码) 本文价值与收获看完本文后,您将能够作出下面的界面看完本文您将掌握的技能支持剪切音频支持复制音频支持删除音频支持un ...
SwiftUI iOS 精品项目之每天收集的故事卡片（教程含源码）
实战需求 SwiftUI iOS 精品项目之每天收集的故事卡片(教程含源码) 每天收集的故事的卡片本文价值与收获看完本文后,您将能够作出下面的界面核心功能 1.每天总共3个问题!选择一个您喜欢的 ...
SwiftUI 界面大全之文本折叠书签动画组件3D（中文教程含源码）
实战需求 SwiftUI 界面大全之文本折叠书签动画组件3D(中文教程含源码) 本文价值与收获看完本文后,您将能够作出下面的界面基础知识效果本身其实很简单,包括三件事: 图像的旋转图像的垂直移 ...

macOS SwiftUI 教程之 06 绘图实现正弦波,通过调整频率和步进值来更新正弦波视图 (教程含源码)

实战需求

运行效果

实战代码

macOS SwiftUI 教程之 06 绘图实现正弦波,通过调整频率和步进值来更新正弦波视图 (教程含源码)相关推荐

最新文章

热门文章