Flutter CustomPaint paint方法每帧都会调用

最新推荐文章于 2024-04-10 23:29:09 发布
最新推荐文章于 2024-04-10 23:29:09 发布
阅读量493 收藏
点赞数 1
分类专栏： Flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/devday/article/details/118652419
版权

本以为shouldRepaint方法返回false就不会触发了，结果还是会。

@override
  bool shouldRepaint(CustomPainter oldDelegate) {
    return false;
  }

结果发现需要在CustomPaint外面用RepaintBoundary包装一层。

这下就不会每帧都触发了，开森哦！！

大招至胜
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
flutter开发：CustomPaint 自由绘制
whale的博客
12-08 4065
1.简介 在flutter里面有着万物皆是widget这句话，CustomPaint是Flutter中用于自由绘制的一个widget。它与android原生的绘制规则基本一致，以当前Canves(画布)的左上角为原点进行绘制。 2.使用 简单的使用 这个页面除去AppBar，下面整个都是CustomPaint的范围。 要实现绘制，需传入painter参数，定义自己的painter继承自Custo...
flutter CustomPaint解析
晨风的小窝
05-28 2322
import 'dart:math'; import 'dart:ui' as ui; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { r
Flutter：教你用CustomPaint画一个自定义的CircleProgressBar
weixin_30319097的博客
05-13 132
https://www.jianshu.com/p/2ea01ae02ffe Flutter：教你用CustomPaint画一个自定义的CircleProgressBar paint_page.dart import 'package:flutter/material.dart'; import 'package:tetris/paint/paint.dart'; ...
Flutter开发之——CustomPaint
我的博客
04-21 363
一 概述 CustomPaint：创建自定义画板时的扩展类 CustomPaint可以实现很多酷炫的动画和效果 二 CustomPaint 2.1 构造函数 const CustomPaint({ Key? key, this.painter, this.foregroundPainter, this.size = Size.zero, this.isComplex = false, this.willChange = false, Widge
Flutter 动画鼻祖之CustomPaint
keocce的博客
06-03 126
老孟导读：CustomPaint可以称之为动画鼻祖，它可以实现任何酷炫的动画和效果。CustomPaint本身没有动画属性，仅仅是绘制属性，一般情况下，CustomPaint会和动画控制配合使用，达到理想的效果。 基本用法无弹窗小说网 https://www.amini.net CustomPaint的用法非常简单，如下： CustomPaint( painter: MyCustomPainter(), ) MyCustomPainter定义如下： class MyCustomPain...
Flutter-自定义绘制
u010194271的博客
02-16 540
Flutter-自定义绘制
Flutter调用Android和iOS原生代码的方法示例
01-20
在开发跨平台应用程序时，Flutter框架提供了一...需要注意的是，每个平台上实现的逻辑应与Flutter端声明的方法名保持一致，以便正确地进行通信。同时，处理任何可能出现的错误和异常是非常重要的，以确保应用的健壮性。
详解Flutter WebView与JS互相调用简易指南
01-04
WebView与JS互相调用是一个刚需，但是貌似现在大家写的文章讲的都不是很清楚，我这个简易指南简单粗暴地分为两部分：JS调用Flutter和Flutter调用JS，拒绝花里胡哨，保证一看就懂，一学就会。 开始之前先简单了解...
flutter调用c/c++方法并在项目中使用（记录）
01-20
在本文中，我们将探讨如何在Flutter应用中调用C或C++的方法并将其集成到项目中。这个过程涉及创建一个Flutter插件，编写C++代码，配置构建系统，以及在Flutter Dart代码中设置接口来调用原生方法。 首先，我们需要...
用Flutter做桌上弹球(绘图（Canvas&CustomPaint）API)
08-18
Flutter桌上弹球使用Canvas和CustomPaint API Flutter桌上弹球是Flutter中使用Canvas和CustomPaint API实现的一种桌面弹球游戏。该游戏使用Canvas和CustomPaint API实现了小球的绘制、运动逻辑和用户交互处理。通过...
【Flutter】【基础】CustomPaint 绘画功能（一）
自动人生博客
08-10 1131
painter=》child=》oregroundPainter，foregroundPainter最外面的一层会覆盖painter，child 层里面的widget.我们绘制1000个彩色点点，从上往下掉落，看看性能，没有任何的卡顿，真给力。CustomPaint： 能使你绘制的东西显示在你的ui 上面，
Flutter：教你用CustomPaint画一个自定义的CircleProgressBar，附高频面试题合集
2401_84148911的博客
04-08 1005
相信大多数从事Android开发的朋友们越来越发现，找工作越来越难了，面试的要求越来越高了除了基础扎实的java知识，数据结构算法，设计模式还要求会底层源码，NDK技术，性能调优，还有会些小程序和跨平台，比如说flutter，以思维脑图的方式展示在下图；《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！发现，找工作越来越难了，面试的要求越来越高了。
Flutter：如何使用 CustomPaint 绘制心形
最新发布
2301_76352508的博客
04-10 948
最后为了帮助大家深刻理解Android相关知识点的原理以及面试相关知识，这里放上相关的我搜集整理的24套。
说说Flutter中的RepaintBoundary
Dream It Possible
07-21 1703
其实总结起来就是一句话，根据场景合理使用RepaintBoundary，它可以帮你带来性能的提升。其实优化方向不止RepaintBoundary，还有RelayoutBoundary。那这里就不介绍了，感兴趣的可以查看文末的链接。最后也希望大家支持我的Flutter开源项目flutter_deer，我会将我关于Flutter的实践都放在其中。本篇应该是今年的最后一篇博客了，因为没有专门写年度总结的习惯，就顺便在这来个年度总结。总的来说，今年定的目标不仅完成了，甚至还有点超额完成。httpshttps。...
如何给puerts调用jsEnv.Tick 使用 DontDestroyOnLoad
游戏人生
01-07 604
接puerts 需要每帧调用jsEnv.Tick()方法 无从下手 你可以这样 timerManagerGO = new GameObject("TimerManager"); GameObject.DontDestroyOnLoad(timerManagerGO); timerManagerGO.AddComponent<TimerManager>(); 在你的TimerManager的Update里写jsEnv.Tick() 运行的时候会变成这样 顺便提一句 D
Flutter入门进阶之旅（二十二）Flutter自定义view
谢栋的专栏
08-27 1637
在前面的章节中我们基本完成了所有对Flutter的基础知识讲解，到目前为止通读该专栏的读者应已经具备Flutter常见开发场景以及各种基础UI组件的绘制能力，但是在日常开发中业务逻辑千差万别各种场景交替存在，这时候官方提供的各种组件就很难完全满足复杂业务需求了，好在Flutter跟Native平台一样，给开发者保留了自定义VIEW的可能，开发者可以基于不同的场景，利用Flutter平台提供的API来完成高可定制化的VIEW视图来完成各种复杂的UI界面绘制
Flutter实现页面状态缓存的几种方法
Z.Dragon 的博客
06-20 4376
有以下两种方法：1、使用IndexedStack组件缓存页面 IndexedStack组件会把组件一次性先创建好，堆叠窗口，通过index切换显示对应的窗口 2、使用PageView组件，组件混入AutomaticKeepAliveClientMixin配合使用**（推荐使用）** 然后在需要缓存的组件里混入AutomaticKeepAliveClientMixin 如果觉得有用随手点个赞吧，谢谢 关注我，不定时分享技术干货~扫二维码关注公众号...
flutter 调用js 方法
04-01
Flutter 可以通过 `flutter_webview_plugin` 插件来调用 WebView 中的 JavaScript 方法。 首先，在 Flutter 中引入 `flutter_webview_plugin` 插件： ```dart dependencies: flutter_webview_plugin: ^0.3.5+1 ``` 然后在需要使用 WebView 的页面中，导入插件并创建 WebView： ```dart import 'package:flutter_webview_plugin/flutter_webview_plugin.dart'; class WebViewPage extends StatefulWidget { @override _WebViewPageState createState() => _WebViewPageState(); } class _WebViewPageState extends State<WebViewPage> { FlutterWebviewPlugin flutterWebviewPlugin = FlutterWebviewPlugin(); String url = 'https://www.example.com'; @override Widget build(BuildContext context) { return WebviewScaffold( url: url, withJavascript: true, ); } } ``` 在 `WebviewScaffold` 中设置 `withJavascript` 为 `true`，表示开启 WebView 中的 JavaScript 功能。 接下来，可以通过 `evaluateJavascript` 方法来调用 WebView 中的 JavaScript 方法，例如： ```dart flutterWebviewPlugin.evalJavascript('window.alert("Hello, world!")'); ``` 这里调用了 JavaScript 中的 `alert` 方法，弹出一个提示框。 完整的示例代码如下： ```dart import 'package:flutter/material.dart'; import 'package:flutter_webview_plugin/flutter_webview_plugin.dart'; class WebViewPage extends StatefulWidget { @override _WebViewPageState createState() => _WebViewPageState(); } class _WebViewPageState extends State<WebViewPage> { FlutterWebviewPlugin flutterWebviewPlugin = FlutterWebviewPlugin(); String url = 'https://www.example.com'; @override void initState() { super.initState(); flutterWebviewPlugin.onStateChanged.listen((WebViewStateChanged state) { print('onStateChanged: ${state.type} ${state.url}'); }); } @override Widget build(BuildContext context) { return WebviewScaffold( url: url, withJavascript: true, appBar: AppBar( title: Text('WebView'), ), bottomNavigationBar: BottomAppBar( child: Row( mainAxisAlignment: MainAxisAlignment.spaceAround, children: [ IconButton( icon: Icon(Icons.arrow_back), onPressed: () { flutterWebviewPlugin.goBack(); }, ), IconButton( icon: Icon(Icons.arrow_forward), onPressed: () { flutterWebviewPlugin.goForward(); }, ), IconButton( icon: Icon(Icons.refresh), onPressed: () { flutterWebviewPlugin.reload(); }, ), IconButton( icon: Icon(Icons.info), onPressed: () { flutterWebviewPlugin.evalJavascript('window.alert("Hello, world!")'); }, ), ], ), ), ); } } ``` 在底部导航栏中添加了返回、前进、刷新和弹出提示框的按钮，点击弹出提示框时会调用 JavaScript 中的 `alert` 方法。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值