草庐IT

flutter-canvas

全部标签

Flutter学习—— Vscode创建项目

目录一、Vscode创建项目二、补充五种项目类型 Application: Module模块开发,Package开发Plugin插件开发Skeleton骨架开发一、Vscode创建项目1.快捷键Ctrl+Shift+P打开命令面板,选择新项目2.选择需要开发的项目类型Application应用开发(下面会补充这五种项目类型说明)3.选择Application后弹出文件目录,选择项目存放的文件夹地址4.数入项目名称后按回车键创建项目 5.创建完成后的项目目录二、补充五种项目类型 Application:应用开发,也就是最常用的app开发android:安卓原生项目代码和配置ios:ios原生代码

小程序使用canvas标签生成海报并保存图片

先说一下做功能前的感受,简直一脸懵逼,第一次用canvas,只知道是个画布,其余什么都不知道…琢磨了一天才画出来…开始之前百度了很久,想看看别人怎么写的,但是目前网上基本上用的都是wx.createCanvasContext这个api,但是这个api已经停止维护了,要求使用canvas代替, https://developers.weixin.qq.com/miniprogram/dev/api/canvas/wx.createCanvasContext.html上面是官方文档的出处,只好开始硬怼canvas文档,言归正传,下面是我的代码。第一步是先创建canvas标签; {isshow}}"

Flutter 父子组件互调方法

Flutter父子组件互调方法文章目录Flutter父子组件互调方法一、父组件调用子组件方法1、概述2、代码实现3、效果二、子组件调用父组件方法1、概述2、代码实现3、效果一、父组件调用子组件方法1、概述使用GlobalKey:可以为子组件创建一个GlobalKey对象,通过该GlobalKey可以获取到子组件的状态,并调用其方法。2、代码实现import'package:flutter/material.dart';classHomePageextendsStatefulWidget{constHomePage({super.key});@overrideStateHomePage>crea

Flutter系列文章-Flutter在实际业务中的应用

不同场景下的解决方案1.跨平台开发:在移动应用开发中,面对不同的平台(iOS和Android),我们通常需要编写两套不同的代码。而Flutter通过一套代码可以构建适用于多个平台的应用,大大提高了开发效率,降低了维护成本。2.混合开发:在一些已有的原生应用中,引入Flutter可以用于开发某些特定的模块,从而实现混合开发的方式。这能够在不重写整个应用的情况下,引入Flutter的高性能、丰富的UI组件。3.新项目开发:对于全新的项目,Flutter提供了完整的开发框架,可以从头开始构建应用。这为开发者提供了更大的灵活性,能够根据项目需求来设计架构和实现。Flutter的业务架构模型1.BLoC

flutter 常见的状态管理器

flutter常见的状态管理器前言一、Provider二、Bloc三、Redux四、GetX总结前言当我们构建复杂的移动应用时,有效的状态管理是至关重要的,因为应用的不同部分可能需要共享数据、相应用户交互并保持一致的状态。Flutter中有多种状态管理解决方案,下面详细介绍一些常见的状态管理方式:Provider、Bloc和Redux、getx等等一些管理工具。一、ProviderProvider:Provider是Flutter社区广泛使用的状态管理库,它使用了InheritedWidget和ChangeNotifier的概念来实现状态共享和更新。Provider适用于中小型应用或对于简单状

【Flutter】运行报错:Cannot run with sound null safety, because the following dependencies

flutter在运行老项目的时候,或者是添加一些第三方库的时候,会报Cannotrunwithsoundnullsafety,becausethefollowingdependenciesdon‘tsupportnullsafety;报错是因为这些包不支持safety模式。解决方法:运行的时候添加–no-sound-null-safetyAndroidStudio工具选择【Run】-->【EditConfigurations】-->【AddAdditionalRunargs】–>【–no-sound-null-safety】,如下图:VS按图操作添加--no-sound-null-safety

flutter开发实战-多语言flutter intl

flutter开发实战-多语言flutterintl之前做的应用中有用到多语言,一直没有整理,这里整理一下多语言设置流程。使用的是Androidstudio一、flutter_intl插件使用Androidstudio安装flutter_intl插件,更新或者安装flutter_intl插件后会提示重新启动IDE。如图所示:二、使用fluter_intl插件在AndroidStudio中菜单Tools找到flutterintl创建多语言配置。创建后会在pubspec.yaml出现flutter_intl:enabled:true如图所示在工程的lib会生成l10n与generated文件夹l1

java - 画笔型 GUI 中的 paintComponent() 与 paint() 和 JPanel 与 Canvas

我从this得到了一些有趣的想法和批评,this和this发布(有关GUI的代码,请参阅上一篇文章)。尽管如此,我仍然对某些事情感到困惑。主要是,显示用户介绍图形的成本最低的方法是什么?更具体地说,我通过在MouseDragged()方法中创建此类的对象,使用了JPanel类中的paintComponent()方法连同paintComponent(getGraphics())方法(AuxClass2和AuxClass1相应地)。显然,使用getGraphics()和paintComponent()而不是repaint()是个坏主意,我怀疑与内存有关利用。每次用户拖动鼠标时调用AuxCl

如何搭建flutter开发环境

学习Flutter,首先需要搭建好Flutter的开发环境,下面我将一步步带领大家搭建开发环境并且成功运行flutter项目。一、系统基本要求操作系统:windows7以上64位操作系统git环境:flutter需要git环境的支持二、Java环境安装因为Flutter是基于Android的,所以要安装Java环境Java环境下载地址:https://www.oracle.com/java/technologies/downloads/#java8-windows根据自己的系统选择对应文件类型进行安装安在终端输入java后,可以看到以下内容的话就代表Java环境安装成功了三、安装Flutter

微信小程序canvas画布绘制base64图片并保存图片到相册中

WXML部分:保存图片样式可以根据自己需求自行调整canvas绘制成图片部分://写在接口成功回调中constfs=wx.getFileSystemManager();varcodeimg=wx.env.USER_DATA_PATH+'/'+'.jpg';fs.writeFile({filePath:codeimg,data:res.data.slice(22),//code就是接口返回的base64数据(分割掉前面的data:image/png;base64,)encoding:'base64',success:()=>{//console.log(codeimg);wx.createSel