Flutter自带了Material的图标,但还是不太满足我们国内的需求,比如微信、微博、Q
转载 2022-09-17 08:57:57
954阅读
在实际开发过程中Flutter框架自带的Material图标并不能满足我们项目的实际需求,因此一般情况下我们需要在项目中添加我们自己的字体图标(iconfont),在国内我们一般使用iconfont-阿里巴巴矢量图标库管理我们的字体图标,所以本文示例也是以此为例去给大家讲一下如果在Flutter项目中添加自定义字体图标。添加自定义字体图标其实并不是很复杂,希望我这篇文章可以帮助到大家。一、获取自定
flutter SliverAppbar 控件介绍一、使用方法与CustomScrollView、NestedScrollView集成的材质设计应用栏。应用栏由工具栏和其他小部件组成,例如 TabBar和FlexibleSpaceBar。应用栏通常会使用IconButton公开一个或多个常见操作,后者可选地后跟 PopupMenuButton以进行不太常见的操作 构造函数const Sli
在写一个界面,用到了ZTree插件。 我的目录分类有:大目录,小目录和文件。默认的
原创 2022-08-05 10:38:28
154阅读
方法1:GlobalKey 方法2:builder
转载 2021-08-13 09:30:42
1000阅读
 RaisedButton (凸起的按钮,其实就是Android中的Material Design风格的Button ,继承自MaterialButton)RaisedButton的常用属性属性名称值类型属性值onPressedVoidCallback ,一般接收一个方法必填参数,按下按钮时触发的回调,接收一个方法,传null表示按钮禁用,会显示禁用相关样式childWidget文本控件
转载 5月前
63阅读
实现效果  floatbutton的菜单展开在开发中还是比较常用的一种方式,因为flutter官方没有专门去实现这么一个效果,我这里就写了一个View能够实现菜单的收缩和展开以及提供部分的自定义。View代码  以下便是整体View的实现代码,可直接复制到新的dart文件里使用,原理是基于Stack做为空间上的层叠,然后通过transform进行子菜单自身的移动,移动方向由type决定,然后再根据
转载 5月前
55阅读
1.自定义UI控件首先UI控件按照是否能够与用户交互分为交互型控件和非交互型控件。下面就是创建了一个交互型控件,只是关于界面是空的,如果我们继承StatelessWidget就是创建了一个非交互型控件,比如我们最顶层的容器MyApp就是一个非交互型控件至于MyWidgetState是来实现UI控件的界面class MyWidget extends StatefulWidget { @overr
转载 3月前
3阅读
目录简介WidgetStatelessWidget 案例:自定义ButtonStatefulWidget 案例:更新UI效果图:总结简介Flutter是谷歌开发的跨平台UI工具包。通过一套代码库,我们能够构建出能运行在Android,IOS上的APP,本文总结介绍Flutter中的Widget,期待能达到抛砖引玉的作用。WidgetFlutter提出了一切皆Widget的设计思想,如同汽车领域,使
Flutter只需要修改MaterialApp构造器中ThemeData的primarySwatch和primaryColor值即可实现主题颜色的自定义。需要注意的是:primaryColor的值是一个Color类型的,为所有的Widget 提供基础颜色;primarySwatch的值是一个MaterialColor类型,而不是Color类型的,主要为Material 系列组件提供基础色。所以想
简介Flutter新建组件有俩种状态组件:StatelessWidget和StatefulWidget,这些在新建Flutter项目就能看到相关展示代码,下面就详细解释下这俩者区别:StatefulWidget:是指有状态变化的组件,例如系统提供的 Checkbox, Radio, Slider, InkWell, Form, and TextField 都是 stateful widgets,
转载 8月前
60阅读
Flutter 自定义Widget一、相应属性介绍1.CustomPainter介绍CustomPaint可以称之为动画鼻祖,它可以实现任何酷炫的动画和效果。CustomPaint本身没有动画属性,仅仅是绘制属性,一般情况下,CustomPaint会和动画控制配合使用,达到理想的效果。 CustomerPainter是真实绘制的基础类,需要绘制的图形和画笔都是在此类中实现,一般会自定义一个类继承此
转载 2月前
38阅读
一,flutter SliverAppbar 控件介绍  SliverAppBar “应用栏” 相当于升级版的 appbar 于 AppBar 位置的固定的应用最上面的; 而 SliverAppBar 是可以跟随内容滚动的;使用方法 与CustomScrollView、NestedScrollView集成的材质设计应用栏。应用栏由工具栏和其他小部件组成,例如 TabBar和FlexibleSpac
转载 4月前
299阅读
上周组内项目 安排在应用内显示一个toast的弹窗提醒 由于是flutter项目,其框架本身所提供的toast组件并不好用,UI上也不支持自定义的设计。因此决定自己写一个toast组件。虽然是一个很小的组件,但是前前后后也折腾了快两个礼拜,也算是正式上手flutter开发后的第一次实践吧。1.0由于toast出现的时间是不定的,因此它将以绝对定位的方式插入页面之中。所以使用了 overlay 这个
转载 7月前
61阅读
For information on the generic Dart part of this file, see the# following page: https://dart.dev/tools/pub/pubspec# The following section is specific to Flutter.flutter: # The.
原创 2022-01-05 15:37:57
422阅读
Flutter 作为谷歌的移动 UI 框架,在快速构建 iOS 和 Android 应用及开发、高性能、可移植性上表现优秀,并可以与现有代码一起工作,基于这些特点使其越来越受到开发者的推崇。在本次举行的 2019 谷歌 I/O 大会上,公布了 Fluttery 实现 web 访问、提供自定义图像分类模型的新特性,并介绍 Flutter 在桌面系统及嵌入式设备中的应用与未来的发展,对于开发者来说可谓
"这里有个工作示例"
转载 2019-09-04 01:38:00
366阅读
2评论
技术无止境,只怕不学习啊,Flutter 我们开始吧绘制路径drawPathdrawPath(Path path, Paint paint)绘制路径非常的简单,首先需要一个要绘制的路径path,然后就是这个paint了。 Path的用法也非常的简单,下面列出一下常用的方法:方法名作用moveTo将路径起始点移动到指定的位置relativeMoveTo相对于当前位置移动到lineTo从当前位置连接指
一、Flutter 组件简介、二、Flutter 自定义 StatelessWidget 组件流程、1、导入父类包、2、选择继承的父类、3、设置成员变量及构造函数、4、重写 build 方法、5、完整代码示例、三、Flutter 自定义 StatefulWidget 组件流程、四、使用 final 修饰 Widget 组件成员变量分析、五、调用自定义组件、1、主要方法、2、完整代码、3、效果展示、
TabBar常用于放在AppBar中,以标签页的形式展示同一个页面不同内容的主题标签。常见的属性如下:1. tabs 标签组。值的类型为Widgeindicat
原创 2023-03-23 00:50:10
310阅读
  • 1
  • 2
  • 3
  • 4
  • 5