草庐IT

Flutter简易弹窗

全部标签

Flutter 小技巧之不一样的思路实现炫酷 3D 翻页折叠动画

今天聊一个比较有意思的Flutter动画实现,如果需要实现一个如下图的3D折叠动画效果,你会选择通过什么方式?相信可能很多人第一想法就是:在Dart里通过矩阵变换配合Canvas实现。因为这个效果其实也算「常见」,在目前的小说阅读器场景里,类似的翻页效果基本都是通过这个思路完成,而这个思路以前我也「折腾」过不少,比如《炫酷的3D卡片和帅气的360°展示效果》和用纯代码实现立体Dash和3D掘金Logo,就是在Dart里利用矩阵变换实现的视觉3D效果。但是今天通过一个叫riveo_page_curl的项目,提供了不一样的实现方式,那就是通过自定义FragmentShaders实现动画,使用自定义

Flutter(一)介绍、Dart语言简介

目录Flutter介绍跨平台技术简介1.跨平台自绘引擎2.高性能Flutter为什么选择Dart语言?1.开发效率高。2.高性能。3.快速内存分配。4.类型安全和空安全。5.Dart团队就在你身边。Flutter框架结构Dart语言简介1.变量声明vardynamic与Objectfinal或const空安全(null-safety)2.函数3.异步支持Future.thenFuture.catchError和onErrorFuture.whenCompleteFuture.waitasync/awaitStreamDart基础语法补充Flutter介绍纯原生开发主要面临动态化更新和开发成本两

Windows 搭建Flutter开发环境教程

titiFlutter之Windows环境搭建教程(全网最全,亲测有效2023年10月26日更新)FlutterSDK安装下载地址:国内加速访问:https://flutter.cn/docs/development/tools/sdk/releases官网镜像:https://flutter.dev/docs/development/tools/sdk/releases解压:将安装包zip解压到你想安装FlutterSDK的路径,最好不要放到C盘,如果不知道放在那个目录,可以跟着本教程放在D:\java\flutter目录下:全局环境变量配置:找到此电脑=>右键选择属性=>点击高级系统设置=

【Flutter入门到进阶】Flutter基础篇---弹窗Dialog

1AlertDialog1.1说明        最简单的方案是利用AlertDialog组件构建一个弹框1.2示例void alertDialog(BuildContext context) async {  var result = await showDialog(      barrierDismissible: false, //表示点击灰色背景的时候是否消失弹出框      context: context,      builder: (context) {        return AlertDialog(          title: const Text("提示信息!"

17个酷爆了的开源Flutter应用程序以及一些Flutter学习资源

Flutter是Google开源的跨平台前端应用开发框架,使用Dart作为开发语言,只需要开发一套代码库就可以构建多平台应用,支持移动应用、Web、桌面和嵌入式平台等终端应用开发。它开源、免费,拥有宽松的开源协议,特别适合用于商业项目。近年来Fluter凭借其快速开发能力、丰富漂亮的UI设计、高性能、高可扩展性设计等优势,获得了开发者的青睐。可以说前景一片美好。在开发过程中,Flutter应用程序在VM中运行,在VM之上运行,代码随时更改,不需要完全重新编译。发布之后,Flutter应用程序被编译为机器代码,可以在Intelx64、ARM等架构上运行。Flutter被设计成一个可扩展的分层系统

echarts地图设置文字背景框和icon,市级地图块轮播高亮并显示弹窗,鼠标移入停止轮播,鼠标移出继续轮播高亮

 这里用的echarts版本是5.3.2,以福建省的的地图为例,页面进入时地图块开始轮播高亮,鼠标移入地图块停止轮播,鼠标移出地图块继续轮播高亮实现效果:实现代码如下:importmapJsonfrom"../data/fujian.json";import*asechartsfrom"echarts";exportdefault{data(){return{icon:require("@/assets/img/analyzeData/icon.png"),mapname_bg:require("@/assets/img/analyzeData/mapname_bg.png"),mapDate

flutter学习记录

Provider的使用Provider是flutter官方提供的用来进行状态管理的一个框架,简单的可以理解为,当一个数据对象变化时,我们希望UI中能同步的更新,它能自动的监听变化,避免了手动调用的过程。首先导入依赖dependencies:provider:^6.0.3它的原理其实还是观察者模式,在最顶层的widget上包裹一个Provider,创建出我们需要监听的数据,在子widget中就可以拿到变化的数据。1、创建一个被观察的对象,这个类中包含了我们所需要监听的数据classCounterwithChangeNotifier{int_count=0;intgetcount=>_count;

一个简易的SubScribe类

SubScribe即发布订阅模式,在工作中有着广泛的应用,比如跨组件通信,微前端系统中跨子应用通信等等。以下是一个简易的实现:订阅初始化时可限制类型发布限制类型是为了让订阅者和发布者知道预制了哪些类型,避免使用了一些对方不知道的类型。typeSubscriber=(param?:T)=>voidexportdefaultclassSubScribe{//订阅数据仓库publicsubscribers:Record[]>={};//可允许的事件类型publictypes:undefined|string[]=undefined;constructor(types?:string[]){this.

基于AT89C51单片机的简易计算器的设计与仿真

点击链接获取Keil源码与ProjectBackups仿真图:https://download.csdn.net/download/qq_64505944/87755299?spm=1001.2014.3001.5503源码获取本设计是以单片机AT89C51为核心的简易计算器设计,要通过芯片AT89C51实现计算器程序运行来完成加、减、乘和除的简单计算功能。基本要求:1、采用软件设计与硬件设计相结合的方法。2、熟悉掌握单片机相关操作原理。3、完成对应的系统设计,硬件设计,仿真调试。主要参考资料:[1]裴岩、刘利民单片机系统综合设计与实践[J].内蒙古大学出版.2003.1[2]杨国林.C语言程

Flutter Windows端打包并生成可安装文件流程

Windows打包1.首先安装visualStudio下载地址:https://visualstudio.microsoft.com/zh-hans/下载成功后按照下图勾选桌面应用和移动应用下的使用C++的桌面开发,勾选右侧安装详细信息中的windows11/10sdk中的任意一个完成安装即可2.打包Windows在项目根路径下执行:flutterbuildwindows--no-sound-null-safety打包完成文件路径是{项目目录}/build/windows/runner/Release3.生成安装包首先安装innosetup制作安装包innosetup下载路径:https://