动画 一统天下 曲线flutter
26、Flutter中命名路由
Flutter 中的命名路由 main.dart中配置路由 void main() { runApp(MaterialApp( theme: ThemeData( appBarTheme: const AppBarTheme( color: Colors.blue, // 设置导航栏颜色 （新版本的 ......
flutter中背景图片（动态图片）
单页面设置背景图片 使用 Container 组件和 decoration 属性： 优点：简单易用，适用于大多数情况下的页面背景设置。 缺点：无法控制背景图片的位置和层级。 class MyBook extends StatelessWidget { const MyBook({super.key} ......
[CSS]动画，平移到某个位置，停住
animation-fill-mode: forwards; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi ......
Unity引擎2D游戏开发，野猪基本的移动逻辑和动画
一、类的继承 在Scripts下创建Enemy文件夹，里面再创建两个C#文件 将Boar文件内的代码修改为以下代码，：后的是Enemy，即继承了Enemy类 public class Boar : Enemy { } 在Enemy内，编写基本属性 public class Enemy : MonoB ......
flutter 桌面通知 气泡消息数量
先上效果 原理 Android 操作系统提供的 NotificationManager 接口来设置应用程序图标上的徽章 iOS 操作系统提供的 UIApplication.shared.applicationIconBadgeNumber 使用flutter flutter pub add flut ......
Unity3D UI帧动画详解
nity3D是一款非常强大的游戏开发引擎，它提供了丰富的功能和工具，使开发者能够轻松创建各种类型的游戏。其中，UI（User Interface）是游戏开发中非常重要的一部分，它用于展示游戏中的各种信息和交互元素。在Unity3D中，我们可以使用UI帧动画来创建各种炫酷的UI效果。本文将详细介绍Un ......
Flutter 显式动画
创建 AnimationController 的同时，也赋予了一个 vsync 参数。 vsync 的存在防止后台动画消耗不必要的资源。您可以通过添加 SingleTickerProviderStateMixin 到类定义，将有状态的对象用作 vsync 因为addListener() 函数调用 s ......
短视频直播系统，前端比较常见的几种动画实现方式
短视频直播系统，前端比较常见的几种动画实现方式 我整理了如下的6种方式，接下来我们以最简单的例子，一个div从左到右移动一定的距离，分别看看这几种方案的具体实现。如有不妥还望指正。 一、CCS animation 这里省略了html部分，我们直接看css: .box{ height: 100px; ......
Flutter子工程编译，Ruby升级及Cocoapods安装问题集
背景：工程为iOS原生与Flutter混合开发的工程，在编译Flutter子工程的过程中报了一个错，一度让我以为是ruby与pod的版本不兼容导致了一些奇奇怪怪的问题，随即来回折腾了Ruby环境升级与pod的升级安装。 问题1：flutter子工程执行了flutter pub get，执行flutt ......
Flutter 隐式动画
通过几行代码就可以实现隐式动画，由于隐式动画背后的实现原理和繁琐的操作细节都被隐去了，所以叫隐式动画，FLutter中提供的 [AnimatedContainer]、[AnimatedPadding]、[AnimatedPositioned.AnimatedOpacity]、[AnimatedDef ......
Dio和http库是Flutter中两种常用的网络请求库
Dio Dio 的优点： 强大的功能：Dio提供了丰富的功能，支持拦截器、文件下载和上传、超时设置等高级特性，满足了大多数网络请求的需求。 支持并发请求：Dio具有良好的并发性能，可以同时处理多个网络请求，并提供了便捷的取消请求功能。 高度可定制性：Dio提供了许多配置选项和扩展点，你可以根据自己的 ......
SVG动画
一、下载SVG 网站：https://undraw.co/ 点击“browse now” 点击“search” 点击第一个 点击“Download SVG for your projects” 对代码进行格式化 将代码拷贝到vs code中，用快捷键“Shift+Alt+F”进行格式化，格式化之后如 ......
flutter常用的音乐播放器库
audioplayers： 优势：audioplayers 是一个简单易用的音乐播放器库，支持主流平台（Android、iOS）并提供了丰富的功能，比如播放、暂停、快进、音量控制等。 缺点：audioplayers 的定位相对较低级，可能需要自行处理一些高级功能（如音效处理、音频分析等）。此外，由于 ......
Flutter中，插件（Plugin）和包（Package）
Package 1. 包是一种为Flutter应用程序提供可复用功能的库或模块,就是其他人用dart 写好的代码。 2. 要使用包，你只需在Flutter项目的pubspec.yaml文件中添加对包的依赖声明，然后运行flutter pub get命令来获取包的代码和依赖项。 Plugin * 插件 ......
Flutter AnimatedList 实现动态列表
import 'dart:async'; import 'package:flutter/material.dart'; final GlobalKey _globalKey = GlobalKey(); class MyAnimatedList extends StatelessWidget { ......
Flutter 编译是pod intsall github 资源下载失败
在fluterr 编译报错 然后显示 github.xxxxx 访问超时 处理办法 pod install 主要是读取 profile 文件 platform :ios, '9.0' target 'YourAppName' do use_frameworks! # 这是安装依赖位置 pod 'So ......
纯css展示loading加载动画
https://uiverse.io/barisdogansutcu/light-rat-32 <svg viewBox="25 25 50 50"> <circle r="20" cy="50" cx="50"></circle> </svg> svg { width: 3.25em; trans ......
Flutter Key 以及通过Key获取子组件的状态和方法
import 'package:flutter/material.dart'; class ColorItem { GlobalKey key; Color color; //设置子组件的key，这里用的GlobalKey，用来后面获取子组件 //如果不用获取子组件，也可以用Valuekey Col ......
外甥女爱看的动画片
2012年。根据查询《精灵梦叶罗丽》动画片简介得知，该动画已经播出8个季度动画，第一部精灵梦叶罗丽是在2012年正式出品的。《精灵梦叶罗丽》是国产3D动画，该片主要讲述了叶罗丽仙境里的女王曼多拉，因为人类大肆的破坏自然环境，威胁到了仙境的存亡与仙子的安危，曼多拉决定入侵统治人类世界。 《斗罗大陆》是 ......
iOS项目中加入flutter
新建一个iOS项目Test 在iOS同级目录下建一个flutter module flutter create --template module my_flutter podfile编写如下 # Uncomment the next line to define a global platform ......
Flutter 使用PageView 自定义无限轮播
import 'package:flutter/material.dart'; int _getRealIndex(int index, int length) { return index >= length ? index % length : index; } class InfinitySl ......
Flutter video_player播放视频
1、pubspec.yaml文件引入插件 dependencies: ... video_player: ^2.8.1 2、页面使用（这里我是宽度百分百，高度自适应了） late VideoPlayerController _controller; Container( width: MediaQu ......
Unity引擎2D游戏开发，三段攻击动画的实现
新建三段动画的Animation 将Project中的三段攻击动画的素材，拖入到Animation窗口，分别命名为BlueAttack1，BlueAttack2，BlueAttack3 在Animator中创建动画图层并进行进一步的操作 创建新的动画图层，命名为Attack Layer 在窗口中创建 ......
【Dotnet 工具箱】推荐一个 Flutter 和 .NET 开源的实时聊天 APP
1. 推荐一个 Flutter 和 .NET 开源的实时聊天 APP Heyy-chat-app Heyy-chat-app 是一个开源的聊天应用，使用 Flutter、Asp.Net Core Web Api、SignalR、WebRTC 等技术构建的。 Flutter 作为用户客户端。 Asp. ......
GLTF/GLB模型在线预览、编辑、动画查看以及材质修改
GLTF 编辑器 -NSDT 不仅可以设置3D模型纹理贴图，还可以设置模型的几何原点、以及对有相同材质属性的mesh进行合并，实现模型轻量化，是一款不可多得的实用型在线模型编辑工具。 ......
Unity引擎2D游戏开发，受伤和死亡的逻辑和动画
一、创建受伤动画 找到相关受伤的动画素材，然后在Animation窗口创建动画。此处不再赘述。 此时在Animator窗口删除刚才创建的两个动画，因为现在要采用另一种方式创建动画：采用Animator的Layer方式 使用Animator→Layer创建受伤闪烁动画 受伤闪烁动画意为受伤后短暂无敌时 ......
Flutter 用PageView实现轮播
import 'package:flutter/material.dart'; class PageSwiper extends StatefulWidget { const PageSwiper({super.key}); @override State<PageSwiper> createSta ......
flutter杂知识点
child和children用于在一个容器小部件（如Container、Column、Row等）中放置一个或多个子小部件 1.child属性用于容器只包含一个子小部件的情况； 2.children属性用于容器包含多个子小部件的情况。 Center小部件（居中、定位、多个方向上居中） Center小部 ......
flutter去除隐藏标题栏
使用 SystemChrome 类来控制系统 UI 元素的显示和隐藏 import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; void main() { runApp(MyApp()); } cl ......
flutter中去除导航栏与状态栏
方法一 SystemChrome.setEnabledSystemUIMode(SystemUiMode.manual, overlays: [SystemUiOverlay.bottom]); //隐藏状态栏 上方黑边 SystemChrome.setEnabledSystemUIMode(Sys ......