Flutter开发之——动画-Rive，retrofit教程

最新推荐文章于 2024-04-17 16:03:44 发布
最新推荐文章于 2024-04-17 16:03:44 发布
阅读量1.2k 收藏 16
点赞数 15
分类专栏： 2024年程序员学习 文章标签： flutter retrofit
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60607895/article/details/136926298
版权
本文介绍了如何在Flutter中使用Rive动画库，包括素材资源的获取与下载，以及如何在项目中添加Rive依赖并实现动画效果。同时，文章提及了retrofit的使用，但未提供具体细节。文章适合想要学习Flutter动画的开发者阅读。
摘要由CSDN通过智能技术生成

打开CMD终端，执行如下指令(pubspec.yaml依赖被删除)

flutter pub remove rive

三 Rive素材

3.1 素材资源

https://rive.app/community/

[外链图片转存中…(img-ROyjNF9D-1711053690591)]

3.2 素材下载

  • 在素材页面，选择素材进入详情页，选择右侧的Open in Preview Player打开

[外链图片转存中…(img-mMzZDpOu-1711053690591)]

  • 查看可供执行的Animation(如图：Walk，Hit，In)

[外链图片转存中…(img-9Blv55av-1711053690592)]

  • 返回素材详情页进行下载(下载后的文件名为205-467-zombie-character.riv可改名为zombie.riv)

[外链图片转存中…(img-N4uGPt7G-1711053690592)]

四 示例

4.1 添加Riv依赖(assets下所有文件)

assets:

  • images/

  • assets/

最低0.47元/天 解锁文章
m0_60607895
关注
  • 15
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
flutter retrofit集成
qq_38373150的博客
06-23 3933
添加依赖 dependencies: flutter: sdk: flutter #retrofit st--- retrofit: ^2.0.0 logger: ^1.0.0 #for logging purpose #retrofit end--- dio: ^4.0.0 dev_dependencies: flutter_test: sdk: flutter #retrofit st--- retrofit_generator: ^2.0
Flutter_retrofit使用配置.numbers
05-18
Flutter 快速配置retrofit实现后台数据获取，降低独自摸索的各种坑
Flutter网络请求篇-dio-retrofit
qq_34272093的博客
03-01 4529
flutter retrofit plug网址https://pub.dev/packages/retrofit 创建抽象类 @RestApi(baseUrl: 'http://www.devio.org') abstract class Http{ factory Http(Dio dio,{String baseUrl}) = _HttpClient; @GET('/io/...
Flutter (Retrofit + Dio) - 1 - 基础实体类创建
weixin_44531811的博客
06-02 1399
建议先将Flutter官方文档过一遍，本系列教程 Flutter SDK >= 3.10.0
rive_flutter：颤动Rive动画颤动
02-19
rive_flutter 一个新的Flutter项目。 入门 该项目是Flutter应用程序的起点。 如果这是您的第一个Flutter项目，那么有一些资源可以帮助您入门： 要获得Flutter入门方面的帮助，请查看我们的，其中提供了教程，示例，有关移动开发的指南以及完整的API参考。
Rive动画使用介绍（Flutter）
wangzhongITger的博客
11-30 2802
感觉官方的案例对我这种level的开发者来说感觉的真的很晦涩，也没什么像样的中文文档，所以做了些尝试，大致理解了一些基本的使用方式。有些较为复杂的素材琢磨不明白，然后把自己所知的做一个总结吧。首先是通过RiveAnimation组件加载的三种方式，分别可以通过asset资源文件、网络url和本地文件进行动画加载。以及通过RiveAnimationController控制动画的暂停与播放。
Flutter开发之——动画-Flare
Java进阶营的博客
04-15 563
[](()三 Flare素材 [](()3.1 素材资源 [https://flare.rive.app/](() 从右上角处，下拉列表选择Flare文件 [](()3.2 素材下载 Flare动画详情页，点击OPEN IN RIVE1 RIVE 1打开后，切换到ANIMATE(animate)选项卡，下面有相应的动画表情，点击可执行并查看(fail，test，success，idle) 点击右上角导出按钮将文件导出 [](()四 示例 -----------------------
Flutter开发之——动画-列表动画AnimatedList
最新发布
2401_84132272的博客
04-17 1101
由于篇幅限制，文档的详解资料太全面，细节内容太多，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！由于整个文档比较全面，内容比较多，篇幅不允许，下面以截图方式展示。《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！由于整个文档比较全面，内容比较多，篇幅不允许，下面以截图方式展示。再附一部分Android架构面试视频讲解：[外链图片转存中…(img-RgLy0cR0-1713341002527)]
Flutter开发之——动画-Curve，你值得拥有
m0_46608024的博客
03-23 1080
对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长。而不成体系的学习效果低效漫长且无助。时间久了，付出巨大的时间成本和努力，没有看到应有的效果，会气馁是再正常不过的。所以学习一定要找到最适合自己的方式，有一个思路方法，不然不止浪费时间，更可能把未来发展都一起耽误了。如果你是卡在缺少学习资源的瓶颈上，那么刚刚好我能帮到你。以上知识笔记全部免费分享，如有需要获取知识笔记的朋友，可以点击我的GitHub免费领取。不然不止浪费时间，更可能把未来发展都一起耽误了。
retrofit_flutter
03-30
retrofit_flutter 一个新的Flutter项目。 入门 该项目是Flutter应用程序的起点。 如果这是您的第一个Flutter项目，那么有一些资源可以帮助您入门： 要获得Flutter入门方面的帮助，请查看我们的，其中提供了教程，示例，有关移动开发的指南以及完整的API参考。
rive-flutter
07-24
河 提供了运行时文档。 是一个实时交互设计和动画工具。 使用我们的协作编辑器创建响应不同状态和用户输入的动态图形。 然后使用我们的轻量级开源运行时将您的动画加载到应用程序、游戏和网站中。 添加到 pubspec.yaml dependencies : rive : ^0.7.22 快速开始 通过 HTTP 从 Rive 文件播放动画： import 'package:flutter/material.dart' ; import 'package:rive/rive.dart' ; void main () { runApp ( MaterialApp (home : SimpleAnimation ())); } class SimpleAnimation extends StatelessWidget { const SimpleAnimation ({ Key
rive-flutter-master_flutter_rive_
09-29
基于Dart的flutter处理动画 通用于Android 和 ios 两端有需要可以直接下载
Flutter开发之——动画-Flare，作为Android开发程序员
m0_61330806的博客
03-21 367
如果你看到了这里，觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言。一定会认真查询，修正不足。GitHub地址PS：我GitHub中有大量高阶Android学习视频资料和面试资料包~欢迎大家一起交流讨论啊~自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
Flutter (Retrofit + Dio) - 3 - Retrofit方式使用dio
weixin_44531811的博客
06-02 1827
建议先将Flutter官方文档过一遍，本系列教程 Flutter SDK >= 3.10.0
Flutter 入门与实战（九），retrofit设计模式
wa2231a的博客
01-12 682
Clip.hardEdge：从名字就知道，这种方式很粗糙，但是裁剪的效率最快； Clip.antiAliasSaveLayer：最为精细的裁剪，但是非常慢，不建议使用； Clip.none：默认值，如果内容区没有超出容器边界的话，不会做任何裁剪。内容超出边界的话需要使用别的裁剪方式防止内容溢出。 圆形扁平按钮 这里需要提一下， Flutter 2.0以前的扁平按钮是FlatButton，使用起来很简单，但是很多场合不太满足，因此2.0以后引入了 TextButton 替代。TextButton 多了一个.
Flutter开发之——动画-Rive
我的博客
05-10 3987
一 概述 Rive是Flare的升级版本，是一个实时交互设计和动画工具。 文件的后缀名是.riv，加载动画时使用的是Rive Flutter runtime Rive支持跨平台，支持Web，IOS，Android，Flutter，C++等终端 二 Rive 2.1 仓库地址 Rive：https://github.com/rive-app/rive-flutter 2.2 插件地址 rive 0.7.9：https://pub.dev/packages/rive 2.3 插件的安装及卸载 插件安装 打
Flutter (Retrofit + Dio) - 2 - 封装Dio
weixin_44531811的博客
06-02 1288
建议先将Flutter官方文档过一遍，本系列教程 Flutter SDK >= 3.10.0
优雅的封装网络请求，协程 + Retrofit，flutter教程app
wqwq_22的博客
01-30 1464
{ “desc”: “扔物线”, “id”: 29, “imagePath”: “https://wanandroid.com/blogimgs/8a0131ac-05b7-4b6c-a8d0-f438678834ba.png”, “isVisible”: 1, “order”: 0, “title”: “声明式 UI？Android 官方怒推的 Jetpack Compose 到底是什么？”, “type”: 0, “url”: “https://www.bilibili.com/video/BV1c54
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值