当前位置： 首页 > news >正文

SwiftUI 动画进阶：实现行星绕圆周轨道运动

news 2026/3/28 21:20:01

在这里插入图片描述

0. 概览

SwiftUI 动画对于优秀 App 可以说是布帛菽粟。利用美妙的动画我们不仅可以活跃界面元素，更可以单独打造出一整套生动有机的世界，激活无限可能。

在这里插入图片描述

如上图所示，我们用动画粗略实现了一个小太阳系：8大行星围绕太阳旋转，而卫星们围绕各个行星旋转。

在本篇博文中，您将学到以下内容:

  • 0. 概览
  • 1. 如何实现绕圆轨迹运动？
  • 2. SwiftUI 自定义动画
  • 3. 如何计算运行轨道的大小？
  • 4. 源代码
  • 5. 总结

小伙伴们还等什么呢？一起跃入动画的世界吧！

Let‘s go！！！😉

1. 如何实现绕圆轨迹运动？

要想让视图按圆的轨迹运动有很多种方法，一种是规划好运动轨迹上每一个点的坐标

相关文章：

SwiftUI 动画进阶：实现行星绕圆周轨道运动

0. 概览 SwiftUI 动画对于优秀 App 可以说是布帛菽粟。利用美妙的动画我们不仅可以活跃界面元素，更可以单独打造出一整套生动有机的世界，激活无限可能。 如上图所示，我们用动画粗略实现了一个小太阳系：8大行星围绕太阳旋转，而卫星们围绕各个行星旋转。 在本篇博文中，您将…...

编程日记 2023/8/17 23:15:14

物理试题-空气净化器

详细解释...

编程日记 2023/8/17 23:14:13

Es、kibana安装教程-ES（二）

上篇文章介绍了ES负责数据存储，计算和搜索，他与传统数据库不同，是基于倒排索引来解决问题的。Kibana是es可视化工具。 分布式搜索ElasticSearch-ES（一） 一、ElasticSearch安装 官网下载地址：https://www…...

编程日记 2023/8/17 23:13:11

leetcode 917.仅仅反转字母

⭐️ 题目描述 🌟 leetcode链接：仅仅反转字母 ps： 这道题思路很简单，只需要一个下标在前一个下标在后，分别找是字母的字符，找到之后交换即可。 代码： class Solution { public:bool isAlpha …...

编程日记 2023/8/17 23:12:10

有没有推荐的golang的练手项目？

前言 下面是github上的golang项目，适合练手，可以自己选择一些项目去练习，整理不易，希望能多多点赞收藏一下！废话少说，我们直接进入正题>>> 先推荐几个教程性质的项目（用于新手学习、巩…...

编程日记 2023/8/17 23:11:09

springBoot的日志文件

日志是程序的重要组成部分，主要可以用来定位和排查问题。除此之外，还可以用来： 1. 记录用户的登录日志，方便分析用户是正常登录还是恶意破解； 2. 记录系统的操作日志，方便数据恢复和定位操作人；…...

编程日记 2023/8/17 23:10:07

Linux学习之iptables的nat表

iptables -t nat 命令 规则链 规则是格式命令。 PREROUTING一般用于内网，用于目的地址转换。 POSTROUTING一般用于外网，用于源地址转换。 iptables -t nat -A PREROUTING -i eth0 -d 114.115.116.117 -p tcp --dport 80 -j DNAT --to-destination 10.0.0…...

编程日记 2023/8/17 23:09:06

【数据结构】 ArrayList简介与实战

文章目录 什么是ArrayListArrayList相关说明 ArrayList使用ArrayList的构造无参构造指定顺序表初始容量利用其他 Collection 构建 ArrayListArrayList常见操作获取list有效元素个数获取和设置index位置上的元素在list的index位置插入指定元素删除指定元素删除list中index位置上…...

编程日记 2023/8/17 23:08:04

您的网站不应该只提供一套通用 API

后端应该提供两套 API，一套是外部使用的通用 API，服务特定的数据，另一套是自家使用的应用 API，服务特定的页面。 在当今的web开发中，构建一个提供JSON服务的后端和一个渲染应用程序的前端是很流行的。我不太喜欢&…...

编程日记 2023/8/17 23:07:04

vue tree禁用和多选变为单选

禁用的话和后台协调一下&#xff0c;参数中多返回一个disabled 多选变单选 在tree结构中加入一个方法 <el-treeaccordion:data"deptOptions":props"defaultProps"show-checkbox:expand-on-click-node"false":filter-node-method"filte…...

编程日记 2023/8/17 23:06:02

ES6新特性。对象、数组新增方法

ES6新特性 ES6&#xff08;ECMAScript 2015&#xff09;是 JavaScript 的一个重要版本&#xff0c;引入了许多新的语法和功能&#xff0c;增强了语言的表达能力和开发体验。以下是 ES6 中一些重要的新特性的全面总结&#xff1a; let 和 const 声明&#xff1a; let 和 const …...

编程日记 2023/8/17 23:05:00

request发送http请求

今天正式开始为大家介绍接口自动化&#xff0c;相信很多做测试的朋友&#xff0c;都用过一些工具&#xff0c;比如jmeter&#xff0c;loadrunner&#xff0c;postman等等&#xff0c;所以今天先给那些基础不太好的同学&#xff0c;先讲讲postman如何来测接口以及如何用pthon代码…...

编程日记 2023/8/17 23:03:59

leaflet实现MARK指向的方向随机

效果图&#xff1a; npm install leaflet-rotatedmarkerL.marker([48.8631169, 2.3708919], {rotationAngle: Math.random() * 180, // 旋转角度&#xff0c;以度为单位&#xff0c;顺时针方向。rotationOrigin: "center center", // 旋转中心 }).addTo(map);...

编程日记 2023/8/17 23:02:56

如何使用Python编写小游戏？

大家好&#xff0c;我是沐尘而生&#xff0c;如果你是一个热爱编程的小伙伴&#xff0c;又想尝试游戏开发&#xff0c;那么这篇文章一定能满足你的好奇心。不废话&#xff0c;让我们马上进入Python游戏开发的精彩世界吧&#xff01; Python游戏开发的魅力 编写小游戏不仅仅是锻…...

编程日记 2023/8/17 23:01:55

【Leetcode】84.柱状图中最大的矩形（Hard）

一、题目 1、题目描述 给定 n n n 个非负整数，用来表示柱状图中各个柱子的高度。每个柱子彼此相邻，且宽度为 1 。 求在该柱状图中，能够勾勒出来的矩形的最大面积。 示例1： 输入：heights = [2,1,5,6,2,3] 输出：10 解释：最大的矩形为图中红色区域，面积为 10示例2：…...

编程日记 2023/8/17 23:00:54

Arraylist集合

保存数据会经常使用到数组&#xff0c;但数组存在以下几个缺陷: 长度固定&#xff1b;保存的必须为同一类型的元素&#xff0c;&#xff08;基本数据类型&#xff0c;或引用数据类型&#xff09;&#xff1b;使用数组进行增加元素的步骤比较麻烦&#xff1b; 这个时候就需要用一…...

编程日记 2023/8/17 22:59:53

https的原理和方案

文章目录 https原理为什么要加密常见的加密方式对称加密非对称加密数据摘要&&数据指纹数据签名 https的几种工作方案方案一&#xff1a;只使用对称加密方案二&#xff1a;只使用非对称加密方案三&#xff1a;两端都使用非对称加密方案四&#xff1a;非对称加密 对称加…...

编程日记 2023/8/17 22:58:52

VTK 判断一个 点 是否在一个模型 stl 内部 vtk 点是否在内部 表面 寻找最近点

判断 一个点 ,判断是否在风格 stl 模型内部&#xff0c;或表面&#xff1a; 目录 1.方案一&#xff1a;使用vtkCellLocator FindClosestPoint 找到模型上距离给定点最近的一点&#xff0c;计算两点的距离 &#xff0c;小于某一阈值 则认为此点在模型上&#xff1b; 2.方案二…...

编程日记 2023/8/17 22:57:51

【数据结构OJ题】链表的回文结构

原题链接&#xff1a;https://www.nowcoder.com/practice/d281619e4b3e4a60a2cc66ea32855bfa?tpId49&&tqId29370&rp1&ru/activity/oj&qru/ta/2016test/question-ranking 目录 1. 题目描述 2. 思路分析 3. 代码实现 1. 题目描述 2. 思路分析 在做这道…...

编程日记 2023/8/17 22:56:50

Nginx常见的三个漏洞

目录 $uri导致的CRLF注入漏洞 两种常见场景 表示uri的三个变量 案例 目录穿越漏洞 案例 Http Header被覆盖的问题 案例 $uri导致的CRLF注入漏洞 两种常见场景 用户访问http://example.com/aabbcc&#xff0c;自动跳转到https://example.com/aabbcc 用户访问http://exa…...

编程日记 2023/8/17 22:55:48

软件测试的V模型竟然是有争议的？——软件测评师题目拆解

不知道有多少同学在这个简单的题目栽过跟头&#xff0c;国内、国外对于V模型的定义是有出入的&#xff08;习题在文末十二五规划教材《软件测试&#xff08;第2版&#xff09;佟伟光 主编》 一书中给出的V模型QT官方对应V模型的定义是这样的等级考试用书《软件测评师教程》第二…...

编程新知 2026/3/28 21:05:38

如何实现高效无水印视频批量下载？TikTokDownload工具全攻略

如何实现高效无水印视频批量下载&#xff1f;TikTokDownload工具全攻略 【免费下载链接】TikTokDownload 抖音去水印批量下载用户主页作品、喜欢、收藏、图文、音频 项目地址: https://gitcode.com/gh_mirrors/ti/TikTokDownload 在数字内容创作与素材收集的过程中&…...

编程新知 2026/3/28 21:01:36

基于SpringBoot + Vue的新农村信息平台建设（角色：企业村民村委会管理员）

文章目录前言一、详细操作演示视频二、具体实现截图三、技术栈1.前端-Vue.js2.后端-SpringBoot3.数据库-MySQL4.系统架构-B/S四、系统测试1.系统测试概述2.系统功能测试3.系统测试结论五、项目代码参考六、数据库代码参考七、项目论文示例结语前言 &#x1f49b;博主介绍&#…...

编程新知 2026/3/28 20:21:19

SLAM算法评测神器evo：从安装到实战的完整避坑指南

SLAM算法评测神器evo&#xff1a;从安装到实战的完整避坑指南 在机器人定位与建图&#xff08;SLAM&#xff09;领域&#xff0c;算法性能评测是验证研究成果可靠性的关键环节。而evo作为一款轻量级、模块化的评测工具&#xff0c;凭借其强大的可视化能力和丰富的指标计算功能…...

编程新知 2026/3/28 19:47:06

深入解析C++菱形继承：虚基表的内存布局与优化策略

1. 菱形继承的本质问题 我第一次遇到菱形继承问题时&#xff0c;正在开发一个教育管理系统。当时需要设计Assistant类继承Student和Teacher&#xff0c;结果发现这两个父类都有从Person继承的_age成员。这导致每个Assistant对象里存了两份_age——这就是典型的数据冗余问题。 …...

编程新知 2026/3/28 19:40:57

终极指南：如何用Python脚本5分钟获取百度网盘真实下载链接

终极指南&#xff1a;如何用Python脚本5分钟获取百度网盘真实下载链接 【免费下载链接】baidu-wangpan-parse 获取百度网盘分享文件的下载地址 项目地址: https://gitcode.com/gh_mirrors/ba/baidu-wangpan-parse 你是否曾经为百度网盘的下载速度而烦恼&#xff1f;每次…...

编程新知 2026/3/28 17:48:10

太阳光模拟器的光源类型及标准分类

太阳光模拟器是可精准复现自然太阳光光谱、辐照强度性的核心测试设备&#xff0c;广泛应用于光伏测试、材料老化、航空航天等多个领域&#xff0c;为各类光敏工艺和材料的室内可控测试提供重要支撑。下文&#xff0c;紫创测控luminbox将从光源脉冲时间、IEC等级标准、光源种类以…...

编程新知 2026/3/28 16:43:31

Cursor滑跪开源技术报告：Kimi基模这样微调能干翻Claude

Cursor滑跪开源技术报告&#xff1a;Kimi基模这样微调能干翻Claude 导读&#xff1a;当"套壳"成为一门技术活&#xff0c;Cursor用一份技术报告告诉我们&#xff1a;基于中国开源模型Kimi K2.5&#xff0c;通过持续预训练异步强化学习&#xff0c;完全可以在代码Agen…...

编程新知 2026/3/28 16:35:25

终极文档智能解析：5大功能实现多格式文档解析与智能内容提取

终极文档智能解析&#xff1a;5大功能实现多格式文档解析与智能内容提取 【免费下载链接】anything-llm 这是一个全栈应用程序&#xff0c;可以将任何文档、资源&#xff08;如网址链接、音频、视频&#xff09;或内容片段转换为上下文&#xff0c;以便任何大语言模型&#xff…...

编程新知 2026/3/28 16:07:07

GIS空间分析：从“裁剪”到“掩膜”，如何精准提取目标区域数据？

1. 为什么需要精准提取目标区域数据&#xff1f; 想象一下你手里有一张全国地图&#xff0c;但只需要研究某个城市的数据。这时候就需要像"剪刀"和"遮罩"这样的工具来帮我们精准提取目标区域。在GIS领域&#xff0c;这就是**裁剪(Clip)和掩膜(Mask)**两大核…...

编程新知 2026/3/28 15:49:04