草庐IT

flutter-widget

全部标签

iOS16锁屏小组件:Creating Lock Screen Widgets and Watch Complications

DemoGitHub:https://github.com/wangxiaobai1840/LockScreenWidgets1.简介    从iOS16和watchOS9开始,苹果支持应用程序中小组件同时能够在iPhone锁屏和watch表盘上展示。可以让用户更方便的获取应用的相关信息。屏幕小组件和watch表盘应用使用WidgetKit和SwiftUI创建和开发,使我们能够:        a.更新现有的iOS主屏幕和watch上今日视图小部件的代码以支持iPhone上的锁屏小部件。        b.watchOS应用程序中使用WidgetKit替换ClockKit,让我们的iOS和wa

在 Flutter 项目中将 Hive 作为数据库与 Provider 集成

什么是Hive?Hive是一个No-SQL轻量级和快速键值数据库解决方案,它是跨平台的(在移动设备、桌面和Web上运行)并且是用纯Dart编写的。与不支持Flutterweb的sqflite相比,这使其具有立竿见影的优势——Hive具有任何原生依赖项,因此它可以在web上无缝运行。深入了解何时以及为什么应该使用hive。据统计,在写入或删除方面,Hive大大优于SQLite和SharedPreferences,在从存储中读取数据方面,SharedPreferences在读取性能方面与Hive不相上下。SQLite的表现要差得多。下图显示了基准测试是在搭载AndroidQ的Oneplus6T上执

RE: 从零开始的车载Android HMI(二) - Widget

1.Widget概述Widget,又叫“微件”、“小部件”。小部件是放置在主屏幕(Launcher)上的Android应用程序的小工具或控件。通过小部件可以将自己喜欢的应用程序放在主屏幕上,以便快速访问它们或是显示一些重点信息。小部件可以是多种类型,例如信息小部件、集合小部件、控件小部件和混合小部件。Android为我们提供了一个完整的框架来开发我们自己的小部件。在手机上我们已经看过一些常见的小部件,例如音乐小部件,天气小部件,时钟小部件等。由于车载系统需要我们额外开发天气、音乐、时钟等应用,所以Widget在车载应用开发中,也算是必修课了。不仅如此,开发车载Launcher时还需要做额外开发

Apple M2 macOS Flutter环境搭建记录

1.安装Rosetta2环境sudosoftwareupdate--install-rosetta--agree-to-license2.下载FlutterSDKflutter_macos_arm64_3.7.7-stable.zip当然你也可以在这个文档中找到最新的安装包SDK,下载arm64版本即可。当然,你也可以使用克隆的方式下载SDK。具体,根据个人喜好。3.添加环境变量vim~/.zshrc在~/.zshrc中添加以下内容:PATH=[flutter安装目录]/bin:$PATHexportPUB_HOSTED_URL=https://pub.flutter-io.cnexportF

用 Flutter 的 Canvas 画点有趣的图形

简介上一篇我们介绍了使用Flutter的Canvas绘制基本图形的示例,简单的示例没什么好玩的,今天这一篇我们来点有趣的,我们会完成如下图形的绘制:发现数学重复之美:使用等边三角形组合成彩虹伞面。绘制彩虹。绘制评分用的五角星。通过这一篇,我们可以知道自定义形状绘制的基本原理,然后可以在这个基础上绘制你自己想要绘制的图形。等边三角形构建重复之美首先我们来绘制等边三角形,其实上一篇我们也有绘制等边三角形,只是那是将三个顶点手动计算出来的,这一篇我们封装一个绘制等边三角形的通用方法。老规矩,先定义方法的输入参数,如下所示:canvas:Canvas画布color:绘制颜色startVertex:三角

2022年flutter面试简答题

一、Dart1.Dart当中的「..」表示什么意思?Dart当中的「..」意思是级联操作符,为了方便配置而使用。链式编程,返回的是this「..」和「.」不同,「..」返回的相当于是this,「.」返回的则是该方法的返回值2.Dart的作用域Dart没有public,private等关键字,默认都是公开的,私有变量使用下划线_开头3.Dart是不是单线程模型?是如何运行的?Dart是单线程模型Dart在单线程中是以消息循环机制来运行的,包含两个任务队列,一个是“微任务队列”microtaskqueue,一个是事件队列eventqueue当flutter应用启动后,消息循环机制便启动了,首先会按

[Qt] 怎么将Widget调整为自适应大小?

怎么将Widget调整为自适应大小?要将Qt中的Widget调整为自适应大小,可以通过以下步骤实现:为Widget设置自适应大小属性:将QWidget的sizePolicy设置为QSizePolicy::Expanding,可以使Widget在布局中自适应大小,如下所示:QWidget*widget=newQWidget();widget->setSizePolicy(QSizePolicy::Expanding,QSizePolicy::Expanding);在Widget的resizeEvent()事件中重新布置控件:当Widget的大小发生变化时,会触发resizeEvent()事件。可

使用Flutter给小姐姐的照片调个颜色滤镜

前言我们之前讲述的动画都需要主动触发或者是重复执行,那有没有自己触发动画的组件呢?这样我们就可以在StatelessWidget里直接使用了。答案是有的,那就是TweenAnimationBuilder组件。本篇我们就利用TweenAnimationBuilder来实现一个图片调色的过渡动画,效果如下所示,滑动一次滑块,颜色逐渐从偏绿色变到偏橙色,然后再滑动一次又恢复之前的色调。颜色滤镜.gifTweenAnimationBuilder介绍TweenAnimationBuilder是一个自带过渡动画效果的组件,构造方法定义如下:constTweenAnimationBuilder({Key?k

Flutter-AnimatedWidget组件源码解析

配图来自网络,如侵必删在日常的开发当中,可能会出现FlutterSDK自带的动画组件不能满足我们实际的开发需求;遇到这种情况,我们可以通过AnimatedWidget组件来自定义动画组件,这篇博客分享AnimatedWidget组件相关的内容,记录一次AnimatedWidget组件的源码解读。AnimatedWidget组件源码abstractclassAnimatedWidgetextendsStatefulWidget{constAnimatedWidget({Key?key,requiredthis.listenable,}):assert(listenable!=null),supe

Flutter 实现扫码

目录实现效果实现步骤1.引入扫码依赖这里使用的是qr_code_scannerdependencies:qr_code_scanner:^1.0.12.添加代码扫码页面的代码如下:classScanQrCodePageextendsStatefulWidget{constScanQrCodePage({Key?key}):super(key:key);@overrideStatecreateState()=>_ScanQrCodePageState();}class_ScanQrCodePageStateextendsState{finalGlobalKeyqrKey=GlobalKey(de