Swift动画 —— Lottie

Lottie动画+SwiftUI教程(CocoaPods & SPM) 目录前言0 准备工作1 Xcode新建SwiftUI项目2 通过CocoaPods安装Lottie(二选一)2 通过SPM安装Lottie(二选一)第一步:File→Swift Packages→Add第二步:添加第三方库的链接第三步:设置项目的Dead Code Stripping3 添加一个JSON格式的Lottie动画4 添加文件LottieView.swift5 修改文件ContentView.swift6 测试 前言 更多技术整理,欢迎关注本人博客www.tomtwos.com 在本文中,我将向你 阅读详情

Lottie

除了Lottie和图像序列方法,我们还可以使用GIF,视频,甚至可以使用贝塞尔路径或者UIView动画功能的组合来实现。但是相对其他方式来说,Lottie一种比较好的方式来实现动画。

PNG序列图像

PNG序列图形的最大缺点之一是它们的尺寸相当大,这使得它们在不同的界面上导出和操作有些麻烦。
相比之下,Lottie文件非常小,大小也很方便,因此下载速度很快,并尽可能保持网站或应用程序运行的流畅。

GIF格式

虽然比PNG图形小,但gif仍然是一种非常占用空间的格式,平均尺寸是Lottie的两倍。
gif通常也是按固定大小缩放的。这意味着不能对它们进行修改,以更好地适应与最初创建它们的界面不同的界面。Lottie动画则可以进行调整以适应各种规模的屏幕。

录像

关于简单而简短的动画,视频内容经常出现。对于视频内容,尤其是真人版的内容,你需要安排大量的资源,包括道具、演员和地点。动画是相对简单和便宜的选择,仍然可以完成工作。
就编码而言,处理视频要比动画视图(它和UIImageView一样简单)麻烦得多。更不用说:一部好的动画能让你的访问者保持专注,不会强迫他们关掉它。

代码动画

应用程序开发团队希望简化开发过程,使其尽可能具有成本效益或资源效益。
用代码编写动画可能是一个时间和技能密集型的过程,并且在编写代码时容易遇到大量问题。与其将宝贵的资源用于外包项目或雇佣熟练的员工,为什么不使用Lottie替代动画工具,该工具直观、可扩展且兼容多个平台?

这个是我们这次想要达成的效果。
请添加图片描述
首先声明一个imageView,并且声明想要的imageView大小。

    private let sequenceSize: CGSize = CGSize(width: 100, height: 100)
    private var sequenceImageView: UIImageView!

创建一个setupUI方法然后在viewDidLoad里面调用。在setupUI里面设置好sequenceImageView的属性,然后添加为view的subview,并且添加一个backButton用来返回到之前的页面(之前的登陆动画页面)。

   private func setupUI() {
        self.view.backgroundColor = .white
         
Swift:Lottie实现tabBar切换动画 主要是利用lottie实现tabbar切换时的动画效果,如下图所示 1、首先需要创建 继承自UITabBarController 的视图控制器 HomeTabBarController 2、pod lottie框架 3、添加 HomeTabBarController的子控制器视图 extension HomeTabBarController{ fileprivate func setupChildVC(){ let first = UIViewControll 阅读详情

相关推荐

iOS混编实战:用Lottie动画库打通OC与Swift的交互(含@objcMembers详解)

本文详细介绍了在iOS开发中如何通过Lottie动画库实现Objective-C与Swift的混编交互,重点解析了@objcMembers与@objc的差异化应用。通过实战案例展示环境配置、接口暴露和OC端调用技巧,帮助开发者高效完成老项目迭代,提升动画开发效率。

weixin_30687051的博客 335

iOS混编实战:手把手教你用Swift封装Lottie动画给OC项目用(含桥接文件避坑指南)

本文详细介绍了如何在Objective-C项目中通过Swift封装Lottie动画,实现OC与Swift的相互调用。从环境配置、Swift层封装设计到OC适配层实现,提供了完整的桥接文件避坑指南和常见问题解决方案,帮助开发者高效集成现代动画库。

weixin_30872499的博客 279

Airbnb的开源项目Lottie简易实现动画

Airbnb的开源项目Lottie简易实现动画Lottie是Airbnb最近推出的开源项目,设计师只要使用AE把动画做出来,再使用Bodymovin插件就能把动画文件导出成json文件。

IT_201607的博客 2053

5分钟搞定PAG动画库:Android/iOS/Flutter全平台接入教程

本文详细介绍了如何快速集成腾讯开源的PAG动画库到Android、iOS和Flutter平台,实现高性能动画效果。通过对比Lottie等方案,突出PAG的全平台兼容性、小文件体积和运行时编辑等优势,帮助开发者在5分钟内完成基础配置并运行动画。

weixin_30369041的博客 84

Swift开发必备的第三方库精选与实战应用

在Swift开发中,第三方库的选择与应用是提升开发效率的关键。网络请求作为App基础能力,Alamofire提供了链式调用和响应式处理,特别适合REST API交互。数据解析方面,SwiftyJSON简化了JSON处理,减少模板代码。UI开发中,SnapKit优化了Auto Layout约束定义,提升代码可读性。状态管理方面,RxSwift引入响应式编程,处理异步事件流。这些库在实际项目中经过验证,如金融类App的Token自动刷新、教育类App的复杂视图重构等场景,展现了其技术价值和应用潜力。

weixin_29011667的博客 168

30天学会Swift-29:SwiftUI-集成第三方库与Swift Package Manager

摘要 本文介绍了在SwiftUI项目中集成第三方库的方法和常用工具。主要内容包括:使用Swift Package Manager(SPM)添加、更新和移除第三方库的详细步骤;推荐了三个实用的SwiftUI相关库(Kingfisher图片加载、Lottie动画、Charts图表)并提供了使用示例;强调了使用第三方库的优势(提高效率、保证质量、实现复杂功能)和注意事项(兼容性检查、文档阅读)。最后设计了两个实践练习:通过Kingfisher显示网络图片和集成Lottie播放动画,帮助开发者掌握实际应用技巧。

smileKH的博客 1622

iOS混编实战:OC与Swift互调的核心步骤与避坑指南

本文详细介绍了在iOS项目中实现Objective-C与Swift相互调用的核心步骤与实战技巧。通过以集成Lottie动画组件为例,系统讲解了环境配置、桥接文件创建、使用@objc暴露Swift类、在OC中调用Swift组件以及在Swift中调用OC代码的全流程,并提供了数据类型转换、枚举结构体处理、性能优化等深度避坑指南,帮助开发者平稳高效地实现OC与Swift混编。

weixin_27943395的博客 273

SwiftUI 动画组件之Lottie小型高质量交互式的开源动画文件格式

实战需求 SwiftUI 动画组件之Lottie小型高质量交互式的开源动画文件格式 本文价值与收获 看完本文后,您将能够作出下面的界面 什么是Lottie Lottie是一种小型,高质量,交互式的开源动画文件格式,可以在运行时进行操作。App Store上排名前500的应用程序现在都使用Lottie吸引用户并提高转化率。 Lottie的目标是尽可能支持尽可能多的After Effects功能,以提供比简单图标动画更多的功能。我们创建了一些其他示例,以展示库的灵活性,丰富性和深层的功能集。在示例应用程序中

iCloudEnd的博客 1399

Swift 动画引擎在移动开发中的运用

本文旨在为iOS开发者提供全面的Swift动画技术指南,涵盖从基础到高级的动画实现技术,帮助开发者创建流畅、吸引人的用户界面动画效果。文章首先介绍Swift动画的基本概念和框架,然后深入分析核心动画技术,接着通过实际案例展示实现方法,最后讨论性能优化和未来趋势。:iOS和macOS的核心图形渲染和动画基础设施UIView动画:基于Core Animation的高级抽象,简化常见动画实现Lottie:Airbnb开源的动画渲染库,支持Adobe After Effects动画关键帧动画。

移动开发前沿的博客 1136

大前端:分享21个经典的移动端 开源项目

文章目录简介一.初级篇1.R.swift2.SwiftLint3.LSUnusedResources4.淘系工程师个人项目5.Pedometer6.Lottie二.中级篇1.CollectionKit2.swift-style-guide3.Drafter4.高仿短视频推荐5.Google breakpad6.老司机周报三.高级篇1.ReSwift2.RxSwift3.Texture4.yoga5.VirtualAPK6.wanAndoid7.Epic8.YYKit 简介 继26个好玩又有挑战的前端练习项目

GIS摆渡人 3361

swift-LottieHUD-在HUD中实现Lottie动画的一种简单方法

LottieHUD - 在HUD中实现Lottie动画的一种简单方法

swift-LottieforiOSMacOS一个用来渲染AfterEffects矢量动画的iOS库

Lottie for iOS, MacOS 一个用来渲染After Effects矢量动画的iOS库

Swift_Lottie_Demo.zip

Swift_Lottie_Demo 基于lottie的swift版本,lottie 3.0版本之后使用swift,不在使用object-c

lottie-ios:一个iOS库,用于本地渲染After Effects矢量动画

适用于iOS,macOS(以及和 )的Lottie 在查看文档,常见问题解答,帮助,示例等 Lottie是适用于Android和iOS的移动库,它以最少的代码实时本地渲染基于矢量的动画和艺术作品。 Lottie加载并渲染以bodymovin JSON格式导出的动画和矢量。 Bodymovin JSON可以通过使用After Effects,使用进行以及从创建和导出。 第一次,设计人员可以创建和发布精美的动画,而无需工程师费心地手工制作。 由于动画由JSON支持,因此它们的尺寸非常小,但是复杂性却很大! 可以播放,调整大小,循环播放,加快,放慢,倒转甚至是交互式地擦洗动画。 Lottie也可以播放或循环播放一部分动画,可能性无穷无尽! 甚至可以在运行时以各种方式更改动画! 更改颜色,位置或任何关键的值! Lottie还支持开箱即用的本机UIViewController转换! 这只是洛蒂力量的一小部分 安装彩票 Lottie支持和 (动态和静态)。 Lottie用Swift 4.2编写。 Github回购 您可以拉出存储库,并包含Lottie.xcodeproj来构建动态或静态库。

Lottie使用说明

Lottie使用说明

条码打印工具-Bartender的使用

文章目录1、安装Bartender1.解压安装包,可获得bartender2021版本和破解文本2. 双击“BarTender_2021_R1_Full_x64.exe”文件运行,勾选协议及软件安装设置3. 选择安装选项,自行选择勾选,点击Browser可更换软件安装路径4. 耐心等待软件安装完成,直接点击完成退出5. 此时会弹出提示需要激活许可证,先点击取消6. 接着将Crack夹中的“BarTend.exe”破解文件复制到软件安装目录中替换7. 再双击“serial.reg”导入注册,点击确定即可8.

暮紫的笔记本 1万+

基于远程服务器 Tip_Adapter源码从零开始复现

从零一步步实现源代码的运行

zcyzcyjava的博客 1602

用VFP计算 CRC-16 Modbus 校验位

1. Modbus是一种串行通信协议,最初由Modicon(目前属于施耐德电气公司)于1979年开发2. Modbus协议是应用在Modicon产品上的,后来才被移植到其他产品上3. Modbus协议的通信接口可以有多种选择,如RS232、RS485、以太网等。

lddnzx的博客 518

STM32(HAL库)驱动HC-SR04测距模块

本文介绍通过STM32F103C8T6单片机对HC-SR04测距模块进行驱动,并且通过串口对数据进行打印。

weixin_44597885的博客 2204

ARM功耗管理之功耗状态及功耗模式

思考:功耗状态?功耗模式?Core&Cluster&Device&SoC如何映射?

AI-安全-功耗 783

华为OD机试 - 进制转换 - 二进制(Python/JS/C/C++ 2024 B卷 100分)

华为OD机试 2024E卷题库疯狂收录中,刷题。

学Java,找哪吒 917

【QGIS】软件下载安装及GIS4WRF插件使用

【QGIS】软件下载安装及GIS4WRF插件使用

WW、forever的博客 1800

嵌入式开发板OpenClaw部署:ESP32-S3与RISC-V平台性能评估

ESP32-S3与RISC-V平台在OpenClaw部署中的性能评估 本文对比分析了ESP32-S3和RISC-V两种嵌入式平台在OpenClaw部署中的性能表现。ESP32-S3凭借240MHz双核Xtensa LX7处理器和专用AI加速器,特别适合轻量级AI推理任务;而RISC-V凭借开源架构和模块化设计,可实现更高的能效比。文章详细介绍了ESP32-S3-DevKitC-1、SiFive HiFive1等典型开发板的硬件规格,推荐了ESP-IDF和FreeRTOS等操作系统,并提供了完整的开发环

博客 1127

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

lwip-2.0.3

lwip是瑞典计算机科学院(SICS)的Adam Dunkels 开发的一个小型开源的TCP/IP协议栈。实现的重点是在保持TCP协议主要功能的基础上减少对RAM 的占用。

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

上一篇: Flutter —— 页面基础
下一篇: Swift 动画 —— controller转场动画
LinShunIos
博客等级 码龄6年 159粉丝 92原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值