一统天下 图形flutter天下
flutter中背景图片（动态图片）
单页面设置背景图片 使用 Container 组件和 decoration 属性： 优点：简单易用，适用于大多数情况下的页面背景设置。 缺点：无法控制背景图片的位置和层级。 class MyBook extends StatelessWidget { const MyBook({super.key} ......
flutter 桌面通知 气泡消息数量
先上效果 原理 Android 操作系统提供的 NotificationManager 接口来设置应用程序图标上的徽章 iOS 操作系统提供的 UIApplication.shared.applicationIconBadgeNumber 使用flutter flutter pub add flut ......
Flutter 显式动画
创建 AnimationController 的同时，也赋予了一个 vsync 参数。 vsync 的存在防止后台动画消耗不必要的资源。您可以通过添加 SingleTickerProviderStateMixin 到类定义，将有状态的对象用作 vsync 因为addListener() 函数调用 s ......
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提供了许多配置选项和扩展点，你可以根据自己的 ......
如何使用不同的纹理贴图制作逼真的 3D 图形？
要实现逼真的 3D 视觉效果，需要关注细节并了解照明、纹理和材质的原理。要使 3D 场景看起来更逼真，请专注于精确的照明设置，使用高分辨率纹理和凹凸贴图来增加表面的深度，并合并逼真的着色器和材质。此外，请注意构图、摄像机角度和后期处理效果，以增强 3D 渲染的整体真实感。 ......
以root登陆桌面_需要图形化界面
修改配置 1.su root：在终端里切换到root用户下 2.gedit /etc/pam.d/gdm-autologin（打开文本编辑器） 这一行前加一个#，进行注释 #auth required pam_succeed_if.so user != root quiet_success 关闭并保 ......
flutter常用的音乐播放器库
audioplayers： 优势：audioplayers 是一个简单易用的音乐播放器库，支持主流平台（Android、iOS）并提供了丰富的功能，比如播放、暂停、快进、音量控制等。 缺点：audioplayers 的定位相对较低级，可能需要自行处理一些高级功能（如音效处理、音频分析等）。此外，由于 ......
WPF自定义控件之图形解锁控件 ScreenUnLock
ScreenUnLock 与智能手机上的图案解锁功能一样。通过绘制图形达到解锁或记忆图形的目的。 本人突发奇想，把手机上的图形解锁功能移植到WPF中。也应用到了公司的项目中。 在创建ScreenUnLock之前，先来分析一下图形解锁的实现思路。 1.创建九宫格原点(或更多格子)，每个点定义一个坐标值 ......
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 ......
Flutter Key 以及通过Key获取子组件的状态和方法
import 'package:flutter/material.dart'; class ColorItem { GlobalKey key; Color color; //设置子组件的key，这里用的GlobalKey，用来后面获取子组件 //如果不用获取子组件，也可以用Valuekey Col ......
backdrop-filter：为元素后面区域添加图形效果
backdrop-filter：为元素后面区域添加图形效果 该属性可以让你为一个元素后面区域（即背景区域）添加图形效果（如模糊或颜色偏移）。它适用于元素背后的所有元素，为了看到效果，必须使元素或其背景至少部分透明。作用于元素背后的区域所覆盖的所有元素 与filter的区别：filter作用于元素本身 ......
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 ......
【Dotnet 工具箱】推荐一个 Flutter 和 .NET 开源的实时聊天 APP
1. 推荐一个 Flutter 和 .NET 开源的实时聊天 APP Heyy-chat-app Heyy-chat-app 是一个开源的聊天应用，使用 Flutter、Asp.Net Core Web Api、SignalR、WebRTC 等技术构建的。 Flutter 作为用户客户端。 Asp. ......
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 ......
Flutter Dialog Toast 弹窗
AlertDialog showDialog( barrierDismissible, //点击遮罩背景是否关闭弹窗 context: context, builder: (context) { return AlertDialog( title: const Text('Alert弹窗'), co ......
计算机图形：明暗处理
目录多边形绘制算法恒定强度的明暗处理Gouraud明暗处理概述线性插值公式增量法线性插值Phong明暗处理概述双线性插值求法向量增量法线性插值求法向量快速Phong明暗处理小结参考 多边形绘制算法 通常用多边形近似表示物体，多边形的表面绘制一般用扫描线实现. 而将光照模型应用于表面绘制，称为明暗处理 ......
带领新手小白如何在SSH终端打开图形化界面！！！
写在前面 博主最近在做一个类似于网络聊天室的东西，需要在服务器端把哪个客户机加入了、客户机之间发送的什么消息打印出来。本来以为是个挺简单的东西，没想到卡在了第一步！！！linux本身并没有自带图形化界面，需要我们进行设置。 博主使用的SSH终端是MobaXterm。 X11转发 首先需要设置X11- ......
flutter中显示年月日、星期与时间
代码 import 'package:flutter/material.dart'; import 'package:intl/intl.dart'; import 'dart:async'; import 'package:intl/date_symbol_data_local.dart'; // ......
flutter屏幕适配方案
使用MediaQuery和比例因子 优点：使用简单，可以处理大多数情况下的屏幕适配需求。 缺点：需要手动计算比例因子，并且随着UI元素变得更加复杂和层次化（例如多层次列表或动画效果），使用此方法可能会变得更加困难。 import 'package:flutter/material.dart'; cl ......
Flutter 路由跳转
//普通跳转 Navigator.pushNamed(context, '/search'); //返回上一页 Navigator.of(context).pop(); // 替换路由（重定向） Navigator.of(context).pushReplacementNamed('/categor ......
Flutter 命名路由与传参
路由配置 router/router.dart import 'package:flutter/material.dart'; import '../pages/home.dart'; import '../pages/search.dart'; import '../pages/category. ......