张风捷特烈-优快云博客

原创 Flutter七日总结

多看星空方知何谓渺小，多看细胞方知何谓浩大，我是巨人,也是沙粒，崇高并谦卑着----张风捷特烈写这个系列主要是出于以下目的：1.给自己一个挑战，并附加时间限制2.一直想要表达一下：遇到新技术时的态度，借此分析一下我对于一件新事物认知的过程 3.Flutter对于Android开发者，确实需要去稍微了解一下 4.作为一个地道的javaer+Androider,希望可以为想入坑Flu...

2018-12-23 15:11:00 1004

原创 Flutter&Flame游戏实践#17 | 二维无限标尺

theme: cyanosis 本文为稀土掘金技术社区首发签约文章，30天内禁止转载，30天后未获授权禁止转载，侵权必究！Flutter\&Flame 游戏开发系列前言:该系列是 [张风捷特烈] 的 Flame 游戏开发教程。Flutter 作为全平台的原生级渲染框架，兼具全端跨平台和高性能的特点。目前官方对休闲游戏的宣传越来越多，以 Flame 游...

2024-07-29 06:50:57 539

原创编程与数学 | 一维空间的中心缩放

theme: cyanosis0. 问题描述:最近在研究一个功能，期间演化出一些比较有趣的小知识。我把它们整理成独立的问题，来分享给大家。首先来解释一下，什么叫一维区域空间的中心缩放：比如，现在有一个刻度尺，视口区域是 [4,12] ，现在求：若以 8 为缩放中心，将尺子放大两倍。求前视口的刻度区域。缩放中心，就是在缩放变换过程中的不动点。我们可以把尺...

2024-07-26 08:01:22 363

原创 Flutter&Flame游戏实践#16 | 生命游戏 - 编辑与交互

theme: cyanosis 本文为稀土掘金技术社区首发签约文章，30天内禁止转载，30天后未获授权禁止转载，侵权必究！Flutter\&Flame 游戏开发系列前言:该系列是 [张风捷特烈] 的 Flame 游戏开发教程。Flutter 作为全平台的原生级渲染框架，兼具全端跨平台和高性能的特点。目前官方对休闲游戏的宣传越来越多，以 Flame 游...

2024-07-22 07:02:37 527 1

原创 Flutter 组件集录 | 后悔药 UndoHistory

theme: cyanosis在现实世界中，没有后悔药可以吃。但在对于计算机世界来说，撤销、恢复是非常常见的功能。小屁孩在键盘上啪啪一顿输出，把你正在写的重要文档搅得面目全非，Ctrl + Z 轻松救场。编程开发的过程中，我们在不断输入和试错，这颗后悔药是我们敢于前行的底气，大不了重新来过。1. 简单认识 UndoHistoryUndoHistory 是一个 Statefu...

2024-07-16 08:08:38 1263

原创「豆包Marscode体验官」 | 云端 IDE 启动 & Rust 体验

theme: cyanosis我正在参加「豆包MarsCode初体验」征文活动MarsCode 可以看作一个运行在服务端的远程 VSCode开发环境。对于我这种想要学习体验某些语言，但不想在电脑里装环境的人来说非常友好。本文就来介绍一下在 MarsCode里，我的体验 rust 开发体验。一、MarsCode 是什么它的本质是: 提供代码助手和云端 IDE 服务的 ...

2024-07-14 11:05:18 2337 1

原创 Flutter 匠心千刃 | SHA256 加密

theme: cyanosis0. 本文目标本文介绍一下如何在 Flutter 中进行 SHA256加密。并结合TolyUI 在匠心千刃中搭建 sha256加密的交互界面，本文目标如下所示：可以在输入框中输入字符串，会自动计算输入内容的sha256值：也可以选择文件，计算该文件的sha256值：1. SHA256能干什么每个人的指纹是独...

2024-07-12 07:24:03 1088

原创 Flutter&Flame游戏实践#15 | 生命游戏 - 演绎启动

theme: cyanosis 本文为稀土掘金技术社区首发签约文章，30天内禁止转载，30天后未获授权禁止转载，侵权必究！Flutter\&Flame 游戏开发系列前言:该系列是 [张风捷特烈] 的 Flame 游戏开发教程。Flutter 作为全平台的原生级渲染框架，兼具全端跨平台和高性能的特点。目前官方对休闲游戏的宣传越来越多，以 Flame 游...

2024-07-08 08:09:13 1076

原创 FlutterUnit & TolyUI | 布局游乐场

theme: cyanosisFlutterUnit 基于 TolyUI 大大简化了界面构建的代码复杂程度，因此之前想要实现的一些小功能，就可以轻松支持。布局游乐场是通过交互的方式来直观体验组件的布局特性，从而更易学和掌握。目前 FlutterUnit 已在知识集录模块新增了布局宝库，大家可以更新代码查看 ~1. 什么是布局游乐场对于新手朋友，对有些较复杂的布局组件...

2024-07-01 07:13:30 1218 2

原创 Flutter 像素编辑器#05 | 缩放与平移

theme: cyanosis本系列，将通过 Flutter 实现一个全平台的像素编辑器应用。源码见开源项目【pix_editor】。在前三篇中，我们已经完成了一个简易的图像编辑器，并且简单引入了图层的概念，支持切换图层显示不同的像素画面。《Flutter 像素编辑器#01 | 像素网格》《Flutter 像素编辑器#02 | 配置编辑》《Flutter 像素编辑器#03 | ...

2024-06-24 07:15:56 654

原创 Dart 知识集锦 | Base64 编解码

theme: cyanosis1. Dart 中的 Base64 编解码在编程的世界中，数据的种类可谓是缤纷多彩。但是他们有本质的共性: 都是二进制的数据。在数据传输过程中，字节数组有时并不是很方便，比如网络传输。 Base64 包括小写字母a-z、大写字母A-Z、数字0-9、符号"+"、"/"一共64个字符的字符集。它可以将字节数组进行编码进行传输。Dart 语言的 conve...

2024-06-14 08:11:19 1221

原创 Flutter TolyUI 框架#07 | 案例解析与管理

theme: cyanosis 本文为稀土掘金技术社区首发签约文章，30天内禁止转载，30天后未获授权禁止转载，侵权必究！《Flutter TolyUI 框架》系列前言:TolyUI 是张风捷特烈打造的 Fluter 全平台应用开发 UI 框架。具备全平台、组件化、源码开放、响应式四大特点。可以帮助开发者迅速构建具有响应式全平台应用软件：开源地址： ht...

2024-06-11 09:33:59 964

原创 Flutter 全平台 | 从 shared_preferences 聊聊六端插件

theme: cyanosis用过 Flutter 的小伙伴应该对 shared_preferences 并不陌生，它支持六大平台，用于存储键值对，并以 xml 文件的形式将数据进行持久化。这种功能的实现会依赖各个平台的能力，而且功能点并不复杂。所以它是一个非常好的六端插件研究对象。1. 项目结构进入 shared_preferences 插件源码中，可以看到它并非是一...

2024-06-05 07:36:45 874 2

原创 Flutter 像素编辑器#04 | 导入导出图像

theme: cyanosis1. 本文目的本系列，将通过 Flutter 实现一个全平台的像素编辑器应用。源码见开源项目【pix_editor】。在前三篇中，我们已经完成了一个简易的图像编辑器，并且简单引入了图层的概念，支持切换图层显示不同的像素画面。《Flutter 像素编辑器#01 | 像素网格》《Flutter 像素编辑器#02 | 配置编辑》《Flutter 像素...

2024-05-28 07:52:30 641

原创 Flutter TolyUI 框架#06 | 下拉菜单设计

theme: cyanosis 本文为稀土掘金技术社区首发签约文章，30天内禁止转载，30天后未获授权禁止转载，侵权必究！《Flutter TolyUI 框架》系列前言:TolyUI 是张风捷特烈打造的 Fluter 全平台应用开发 UI 框架。具备全平台、组件化、源码开放、响应式四大特点。可以帮助开发者迅速构建具有响应式全平台应用软件：开源地址： ht...

2024-05-24 09:29:48 467

原创 Dart 点将台 | 你真的明白参数传递吗？

theme: cyanosis参数传递，是编程开发中最最最常见的一种行为。我们将一个对象传入到函数中作为输入，参与函数逻辑运算，得到输出值。可能很多人被值传递、引用传递、指针传递这些弯弯绕绕的跟困住了。其实面向对象的高级语言中，没有所谓的指针，对象本身是值，也是一块内存区域的地址引用。在高级语言中，参数传递的是对象，也只能是对象，别无其他。level1: 为什么...

2024-05-23 12:49:03 421

原创 Flutter TolyUI 框架#05 | 树形菜单设计

theme: cyanosis 本文为稀土掘金技术社区首发签约文章，30天内禁止转载，30天后未获授权禁止转载，侵权必究！《Flutter TolyUI 框架》系列前言:TolyUI 是张风捷特烈打造的 Fluter 全平台应用开发 UI 框架。具备全平台、组件化、源码开放、响应式四大特点。可以帮助开发者迅速构建具有响应式全平台应用软件：开源地址： ht...

2024-05-22 08:43:58 618

原创 Flutter TolyUI 框架#04 | 侧栏菜单设计

theme: cyanosis 本文为稀土掘金技术社区首发签约文章，30天内禁止转载，30天后未获授权禁止转载，侵权必究！《Flutter TolyUI 框架》系列前言:TolyUI 是张风捷特烈打造的 Fluter 全平台应用开发 UI 框架。具备全平台、组件化、源码开放、响应式四大特点。可以帮助开发者迅速构建具有响应式全平台应用软件：开源地址： ht...

2024-05-15 09:13:55 518

原创 Flutter TolyUI 框架#03 | 全局消息通知

theme: cyanosis 本文为稀土掘金技术社区首发签约文章，30天内禁止转载，30天后未获授权禁止转载，侵权必究！《Flutter TolyUI 框架》系列前言:TolyUI 是张风捷特烈打造的 Fluter 全平台应用开发 UI 框架。具备全平台、组件化、源码开放、响应式四大特点。可以帮助开发者迅速构建具有响应式全平台应用软件：开源地址： ht...

2024-05-13 09:12:12 617

原创 Flutter 小册 | 状态管理已上架

theme: cyanosis继路由导航完成后，随着状态管理探索完毕，应用程序构建中的最后一块拼图已经到手。Flutter 实战系列小册再加一名成员：《Flutter 状态管理: 源码探索与实战》 https://s.juejin.cn/ds/iYwHaVxJ/1. 目前 Flutter 小册一览[免费]《Flutter 入门教程》 Flutter...

2024-04-26 08:33:42 343

原创 Coze 扣子 | 用插件打造 "匠心千刃" 工具

theme: cyanosis在《Coze 扣子 | AI 养育计划 - "Flutter 大师"》一文中，介绍了 Coze 中创建 AI Bot 的过程，并且基于知识库和数据库作为 AI Bot 的大脑，提供知识储备打造 Flutter 大师。AI Bot 的聊天产出内容相对随机，如何能让 AI Bot 准确地通过自然语言，来精确处理任务呢？本文就介绍一下，基于 ...

2024-04-24 09:49:20 1490 1

原创 Flutter 像素编辑器#03 | 像素图层

theme: cyanosis本系列，将通过 Flutter 实现一个全平台的像素编辑器应用。源码见开源项目【pix_editor】《Flutter 像素编辑器#01 | 像素网格》《Flutter 像素编辑器#02 | 配置编辑》《Flutter 像素编辑器#03 | 像素图层》上一篇我们实现了编辑配置，可以设置网格数、背景色、画笔颜色。本篇将引入图层的概念，支持新建...

2024-04-16 15:18:34 1197

原创 Flutter 组件集录 | MenuAnchor 与多级菜单

theme: cyanosis前言多级菜单在桌面端应用中非常常见，是很多应用程序中不可缺少的一环。它的价值在于：将大量的交互操作事件进行归类, 通过弹框的形式，以极小的空间占用，实现大量功能。那 Flutter 既然支持桌面端，那自然少不了对多级菜单的支持，菜单按钮的事件也往往伴随着快捷键的使用。本文就来介绍一下基于 MenuAnchor 组件，如何实现弹出多级菜...

2024-04-15 09:10:44 1691

原创 Flutter 像素编辑器#02 | 配置编辑

theme: cyanosis本系列，将通过 Flutter 实现一个全平台的像素编辑器应用。源码见开源项目【pix_editor】《Flutter 像素编辑器#01 | 像素网格》上一篇完成了 Flutter 像素编辑器的点击交互，绘制像素。本篇继续完善像素编辑器，划分布局区域，并运行修改项目和画笔的配置。如下所示，是 Flutter 像素编辑器的第二版：jvide...

2024-04-11 09:14:35 1069

原创 Flutter 像素编辑器#01 | 像素网格

theme: cyanosis本系列，将通过 Flutter 实现一个全平台的像素编辑器应用。源码见开源项目【pix_editor】本篇将完成如下功能:[1]. 展示方形网格。[2]. 通过网格的坐标信息，为像素单元格着色。[3]. 通过手势交互，在网格中编辑像素点。大家可以在 [码上掘金] 上体验，由 Flutter 构建的 web 版：jcode1...

2024-04-10 09:32:15 1115

原创 Flutter & GLSL#9 | 函数曲线

theme: cyanosis张风捷特烈 Flutter & GLSL 系列文章：《Flutter & GLSL#1 | Shader 让绘制无限强大》《Flutter & GLSL#2 | 从坐标到颜色》《Flutter & GLSL#3 | 变量传参》《Flutter & GLSL#4 | 从条纹到马赛克》《Flutter &am...

2024-03-27 10:12:21 441

原创 Flutter 知识集锦 | extension 拓展类方法

theme: cyanosisDart 的拓展类方法已经支持很久了，之前忘了写篇文章介绍一下。最近写了几个拓展方法，借此机会，好好介绍一下 extension 关键字对类的拓展。1. 从密文的字符串开始说起比如现在有个需求: 将一个长度大于 4 的字符串，仅保留首尾两个字符，进行密文展示。比如 1981462002 -> 19******02 。很...

2024-03-20 12:13:51 540

原创 Flutter & GLSL#8 | 乘法与矩形

theme: cyanosis张风捷特烈 Flutter & GLSL 系列文章：《Flutter & GLSL#1 | Shader 让绘制无限强大》《Flutter & GLSL#2 | 从坐标到颜色》《Flutter & GLSL#3 | 变量传参》《Flutter & GLSL#4 | 从条纹到马赛克》《Flutter &am...

2024-03-18 08:58:37 258

原创 Flutter 组件集录 | SharedAppData 应用数据共享

theme: cyanosis上一篇《Flutter 组件集录 | InheritedModel 共享模型》介绍了 InheritedModel 通过定义 Aspect(方面) 来更精细地控制依赖更新的粒度。本文看一下基于 InheritedModel 实现的 SharedAppData 组件，如何实现应用级数据的共享。本组件案例已收录到 FlutterUnit：源码可详...

2024-03-11 09:09:26 450

原创 Flutter 组件集录 | InheritedModel 共享模型

theme: cyanosis上一篇《Flutter 组件集录 | InheritedWidget 共享数据》介绍了 InheritedWidget 对跨节点共享数据的价值。本篇看一下 Flutter 源码中基于 InheritedWidget 实现的 InheritedModel 组件。它通过定义 Aspect(方面) 来更精细地控制依赖更新的粒度。本组件案例已收录到...

2024-03-08 08:40:15 426

原创 Flutter 组件集录 | InheritedWidget 共享数据

theme: cyanosis1. 数据的跨节点共享的痛点在 Flutter 应用开发中，数据的跨节点共享是一个非常重要的事。下面通过一个例子说明一下：案例已收录在 FlutterUnit 中: 【InheritedWidget/node2_use.dart】A 组件状态类中有 color 和 counter 两个数据。(红框整体) B 是 A 的下层组件节点，...

2024-03-07 09:50:04 496

原创 Flutter&Flame 游戏开发 - 零 | 文章总集

theme: cyanosis 注：本文会随着教程博客的发布而持续更新。系列文章发布于掘金社区，可能会更新、修正，一切以掘金文章版本为准。 Flutter&Flame 游戏开发系列前言:该系列是 [张风捷特烈] 的 Flame 游戏开发教程。Flutter 作为全平台的原生级渲染框架。官方对休闲游戏的宣传越来越多，以 Flame 游戏引擎...

2024-03-04 09:12:38 634

原创 Flutter & GLSL - 柒 | 减法与线

theme: cyanosisFlutter & GLSL 系列文章：《Flutter & GLSL - 壹 | Shader 让绘制无限强大》《Flutter & GLSL - 贰 | 从坐标到颜色》《Flutter & GLSL - 叁 | 变量传参》《Flutter & GLSL - 肆 | 从条纹到马赛克》《Flutter &a...

2024-02-25 12:31:56 341

原创 Coze 扣子 | AI 养育计划 - "Flutter 大师"

theme: cyanosis扣子(coze.cn)是一款用来开发新一代 AI Chat Bot 的应用编辑平台。其中可以构建自己的知识库以及作为资源，这样的话，让 AI Bot 拥有我所有文章的 "智慧"，岂不是一位 Flutter 大师嘛。毕竟连我自己可能都记不清，很久以前文章里的知识细节，让用户和这种 "知识怪物" 交流，肯定能有意料之外的能力。另外有一点很重要，让读者读...

2024-02-24 09:50:26 507

原创 Flutter & GLSL - 陆 | 平滑过渡 smoothstep

theme: cyanosisFlutter & GLSL 系列文章：《Flutter & GLSL - 壹 | Shader 让绘制无限强大》《Flutter & GLSL - 贰 | 从坐标到颜色》《Flutter & GLSL - 叁 | 变量传参》《Flutter & GLSL - 肆 | 从条纹到马赛克》《Flutter &a...

2024-02-23 17:18:17 345

原创 FlutterUnit 3.0 全面升级 - 国际化、导航2.0、项目结构

theme: cyanosisFlutterUnit 是张风捷特烈的一个开源的 Flutter 全平台项目，支持 Android、iOS、Windows、MacOS、Linux、Web 六大主流平台。项目通过交互应用的形式，整理收录 Flutter 内置组件、实用有趣的知识集锦、辅助工具等要点，辅助 Flutter 开发者更快捷、优化地体验 Flutter 开发。春节期间，优化了一下...

2024-02-22 11:44:51 486

原创 Flutter & GLSL - 伍 | 图形区域控制

theme: cyanosisFlutter & GLSL 系列文章：《Flutter & GLSL - 壹 | Shader 让绘制无限强大》《Flutter & GLSL - 贰 | 从坐标到颜色》《Flutter & GLSL - 叁 | 变量传参》《Flutter & GLSL - 肆 | 从条纹到马赛克》《Flutter &a...

2024-02-21 09:01:14 803

原创 Flutter & GLSL - 肆 | 从条纹到马赛克

theme: cyanosisFlutter & GLSL 系列文章：《Flutter & GLSL - 壹 | Shader 让绘制无限强大》《Flutter & GLSL - 贰 | 从坐标到颜色》《Flutter & GLSL - 叁 | 变量传参》《Flutter & GLSL - 肆 | 从条纹到马赛克》案例代码开源地址 ...

2024-02-19 08:51:09 495

原创 Flutter & GLSL - 叁 | 变量传参

theme: cyanosisFlutter & GLSL 系列文章：《Flutter & GLSL - 壹 | Shader 让绘制无限强大》《Flutter & GLSL - 贰 | 从坐标到颜色》《Flutter & GLSL - 叁 | 变量传参》1. 从尺寸入参开始说起上一篇介绍了，在着色器中坐标和颜色的关系，将坐标归 ...

2024-02-14 13:25:23 367

原创 Flutter & GLSL - 贰 | 从坐标到颜色

theme: cyanosis上一篇《 Flutter 绘制集录 | Shader 让绘制无限强大 - 壹》介绍了 Flutter 本身支持 GLSL 语言进行 Shader 着色器的编写。这给 Flutter 的绘制能力增加了无限的可能。GLSL 着色器代码是一个比较独立的知识体系，接下来的几篇文章将会基于实际使用向大家进行介绍。1. 坐标与颜色我们都知道屏幕上的...

2024-02-06 16:26:11 363

空空如也

空空如也