10 老孟Flutter

尚未进行身份认证

我要认证

出版《Flutter 实战入门》一书,专注分享Flutter原理及实践应用,个人博客地址:http://laomengit.com

等级
TA的排名 6k+

Flutter 实现酷炫的3D效果

老孟导读:此文讲解3个酷炫的3D动画效果。下面是要实现的效果:Flutter 中3D效果是通过 Transform 组件实现的,没有变换效果的实现:class TransformDemo extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('3D 变换Demo&..

2020-07-23 07:47:29

2020年20个Flutter最漂亮的UI库和项目

Best-Flutter-UI-Templates地址:https://github.com/mitesh77/Best-Flutter-UI-TemplatesThe History of Everything地址:https://github.com/2d-inc/HistoryOfEverythingflame一款简约的Flutter游戏引擎。地址:https://github.com/flame-engine/flameflutter_swiper地址:https://g.

2020-07-20 08:11:03

Flutter 快捷开发 Mac Android Studio 篇

老孟导读:此快捷方式适用于Mac下的 Android Studio 。Windows 下的快捷方式请参考这篇文章:https://juejin.im/post/5efe71365188252e7d7fd0ca快速创建一个新的Stateless or Stateful组件创建新的 Stateless 组件,输入stless,回车:创建新的 Stateful 组件,输入 stful,回车:创建新的 动画组件,输入 stanim,回车:还有其他的一些快捷方式,这里不一一介绍,这些快捷方式在 ..

2020-07-16 07:24:20

Canonical通过Flutter启用Linux桌面应用程序支持

子标题:Ubuntu团队为所有Linux发行版上的Flutter应用程序制作了一个新的基于GTK +的主机。此文翻译自:https://medium.com/flutter/announcing-flutter-linux-alpha-with-canonical-19eb824590a9作者:克里斯·塞尔斯(Chris Sells)(Google)和肯·范丁(Ken VanDine)(Canonical)Google 对 Flutter 的目标一直是提供一个可移植的工具包,以构建媲美本机速度运..

2020-07-10 10:05:45

Flutter 1.17 新 Material motion 规范的预构建动画

老孟导读:在 Flutter 1.17 发布大会上,Flutter 团队还发布了新的 Animations 软件包,该软件包提供了实现新的 Material motion 规范的预构建动画。软件包 pub 地址:https://pub.dev/packages/animations Material motion 规范:https://material.io/design/motion/the-motion-system.html引入插件,版本号请到 pub 上查看最新版本号:animatio..

2020-07-09 20:23:48

【Flutter 实战】动画核心

老孟导读:动画系统是任何一个UI框架的核心功能,也是开发者学习一个UI框架的重中之重,同时也是比较难掌握的一部分,下面我们就一层一层的揭开 Flutter 动画的面纱。任何程序的动画原理都是一样的,即:视觉暂留,视觉暂留又叫视觉暂停,人眼在观察景物时,光信号传入大脑神经,需经过一段短暂的时间,光的作用结束后,视觉形象并不立即消失,这种残留的视觉称“后像”,视觉的这一现象则被称为“视觉暂留”。人眼能保留0.1-0.4秒左右的图像,所以在 1 秒内看到连续的25张图像,人就会感到画面流畅,而 1 秒内..

2020-07-07 07:11:11

Flutter 中渐变的高级用法

Flutter 中渐变有三种:LinearGradient:线性渐变RadialGradient:放射状渐变SweepGradient:扇形渐变看下原图,下面的渐变都是在此图基础上完成。LinearGradient给一张图片添加从上到下的线性渐变:ShaderMask( shaderCallback: (Rect bounds) { return LinearGradient( begin: Alignment.topCenter, end: Ali.

2020-07-05 10:00:42

Flutter —快速开发的IDE快捷方式

老孟导读:这是老孟翻译的精品文章,文章所有权归原作者所有。欢迎加入老孟Flutter交流群,每周翻译2-3篇付费文章,精彩不容错过。原文地址:https://medium.com/flutter-community/flutter-ide-shortcuts-for-faster-development-2ef45c51085b如果您是一个 Flutter 初学者,那么您一定厌恶嵌套结构,在代码中添加或删除一个小部件,或者找到一个小部件在何处结束、何处开始是多么困难。 然后,您需要花费一整天的..

2020-07-03 07:43:38

【Flutter 实战】简约而不简单的计算器

老孟导读:这是 【Flutter 实战】组件系列文章的最后一篇,其他组件地址:http://laomengit.com/guide/widgets/Text.html,接下来将会讲解动画系列,关注老孟,精彩不断。先看一下效果:大家学习UI编程语言时喜欢用哪个 App 当作第一个练手的项目呢?,我喜欢使用 计算器 ,可能是习惯了吧,学习 Android 和 React Native 都用此 App 当作练手的项目。下面我会一步一步的教大家如何实现此项目。整个项目的 UI 分为两大部分,一部分是..

2020-07-01 07:15:12

为什么我认为Flutter是移动应用程序开发的未来

老孟导读:这是老孟翻译的精品文章,此篇文章共有 3.6K的赞。加入老孟Flutter交流群(wx:laomengit),精彩文章不容错误。原文地址:https://medium.com/free-code-camp/why-i-think-flutter-is-the-future-of-mobile-app-development-768332b73c0d几年前,我使用Java和Objective-C涉足了Android和iOS开发,使用它们尝试了大约1个月后,我决定继续前进。但是最近,我了..

2020-06-30 07:26:43

Flutter 中那么多组件,难道要都学一遍?

在 Flutter 中一切皆是 组件,仅仅 Widget 的子类和间接子类就有 350 多个,整理的 Flutter组件继承关系图 可以帮助大家更好的理解学习 Flutter,回归正题,如此多的组件到底如果学习,真的需要学习 350 多个组件?在经济学中有一个著名的 二八定律二八定律是意大利经济学家帕累托发现的。帕累托认为任何一组东西中最重要的只占其中一小部分约占20%,其余80%尽管是多数,却是次要的。而我们学习 Flutter 也适用于二八定律,大部分组件是平时很少用到的,因此作为初学者,只.

2020-06-30 07:25:15

【Flutter实战】自定义滚动条

老孟导读:【Flutter实战】系列文章地址:http://laomengit.com/guide/introduction/mobile_system.html默认情况下,Flutter 的滚动组件(比如 ListView)没有显示滚动条,使用 Scrollbar 显示滚动条:Scrollbar( child: ListView.builder( reverse: false, itemBuilder: (BuildContext context, int index) {..

2020-06-29 06:46:20

谈谈我对 Flutter 未来发展 和 “嵌套地狱” 的浅显看法

Flutter 未来发展提到 Flutter 就不得不提到 Fuchsia 系统,这是一个尚未正式发布的操作的系统,引用 Android 和 Chrome 的高级副总裁 Hiroshi Lockheimer 在一档播客节目中对 Fuchsia 的介绍是:不仅仅是手机和个人电脑,在物联网的世界里,越来越多的设备需要操作系统、新的软件运行环境等支持。我认为,在具有不同优势和专业化的诸多操作系统中还存在很大的发展空间。Fuchsia 就是其中之一,所以,请继续保持关注。是的,Fuchsia 系统是为物.

2020-06-23 20:30:54

【Flutter实战】定位装饰权重组件及柱状图案例

老孟导读:Flutter中有这么一类组件,用于定位、装饰、控制子组件,比如 Container (定位、装饰)、Expanded (扩展)、SizedBox (固定尺寸)、AspectRatio (宽高比)、FractionallySizedBox (占父组件比例)。这些组件的使用频率非常高,下面一一介绍,最后给出项目中实际案例熟悉其用法。【Flutter实战】系列文章地址:http://laomengit.com/guide/introduction/mobile_system.htmlCont..

2020-06-22 20:58:17

【Flutter实战】六大布局组件及半圆菜单案例

老孟导读:Flutter中布局组件有水平 / 垂直布局组件( Row 和 Column )、叠加布局组件( Stack 和 IndexedStack )、流式布局组件( Wrap )和 自定义布局组件(Flow)。水平、垂直布局组件Row 是将子组件以水平方式布局的组件, Column 是将子组件以垂直方式布局的组件。项目中 90% 的页面布局都可以通过 Row 和 Column 来实现。将3个组件水平排列:Row( children: <Widget>[ Contai..

2020-06-18 22:34:30

【Flutter实战】图片组件及四大案例

老孟导读:大家好,这是【Flutter实战】系列文章的第三篇,这一篇讲解图片组件,Image有很多高级用法,希望对您有所帮助。图片组件是Flutter基础组件之一,和文本组件一样必不可少。图片组件包含Image和Icon两个组件,本质上Icon不属于图片组件,但其外形效果上类似于图片。在项目中建议优先使用Icon组件,Icon本质上是一种字体,只不过显示的不是文字,而是图标,而Image组件先通过图片解码器将图片解码,所以Icon有如下优点:通常情况下,图标比图片体积更小,显著的减少App包体..

2020-06-16 21:15:27

Flutter实战】文本组件及五大案例

老孟导读:大家好,这是【Flutter实战】系列文章的第二篇,这一篇讲解文本组件,文本组件包括文本展示组件(Text和RichText)和文本输入组件(TextField),基础用法和五个案例助你快速掌握。第一篇链接:【Flutter实战】移动技术发展史TextText是显示文本的组件,最常用的组件,没有之一。基本用法如下:Text('老孟')注意:Text组件一定要包裹在Scaffold组件下,否则效果如下:文本的样式在style中设置,类型为TextStyle,Te..

2020-06-11 07:21:44

【Flutter实战】移动技术发展史

老孟导读:大家好,这是【Flutter实战】系列文章的第一篇,这并不是一篇Flutter技术文章,而是介绍智能手机操作系统、跨平台技术的演进以及我对各种跨平台技术看法的文章。智能手机操作系统塞班(Symbian)系统后浪们可能都没有听说过塞班系统,而很多前浪们也会诧异,塞班是智能手机操作系统吗?让我们先来看下智能手机的定义:智能手机,是指像个人电脑一样,具有独立的操作系统,独立的运行空间,可以由用户自行安装软件、游戏、导航等第三方服务商提供的程序,并可以通过移动通讯网络来实现无线网络接入的...

2020-06-09 07:20:35

【Flutter组件终结篇】332个组件 658页PDF

老孟导读:历时1年的时间,整理完成了330+组件的详细用法,不仅包含UI组件,还包含了功能性的组件。虽然整理了 330+的组件基本用法,但并不是让你每一个都学习一遍,任何技术基本都是掌握 20%就可以解决 80%的问题,因此只需学会基础组件就可以上手项目了,至于其他的控件只需大概浏览一下,做项目的时候遇到一些功能能够想起 Flutter 已经提供了此组件就可以了。因此不要看到330+个组件就心生恐惧,这不是一篇让你从入门到放弃的文章,而是一篇让你更快入门的文章。希望你把此当成一本工具书,当用到的时..

2020-06-03 07:03:07

Flutter 动画鼻祖之CustomPaint

老孟导读:CustomPaint可以称之为动画鼻祖,它可以实现任何酷炫的动画和效果。CustomPaint本身没有动画属性,仅仅是绘制属性,一般情况下,CustomPaint会和动画控制配合使用,达到理想的效果。基本用法CustomPaint的用法非常简单,如下:CustomPaint( painter: MyCustomPainter(),)MyCustomPainter定义如下:class MyCustomPainter extends CustomPainter { @ove..

2020-06-02 22:07:58

查看更多

CSDN身份
  • 博客专家
勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 技术圈认证(专家版)
    技术圈认证(专家版)
    博客专家完成年度认证,即可获得
  • 新人勋章
    新人勋章
    用户发布第一条blink获赞超过3个即可获得
  • 阅读者勋章Lv2
    阅读者勋章Lv2
    授予在CSDN APP累计阅读博文达到7天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 原力探索
    原力探索
    参与《原力计划【第二季】——打卡挑战》的文章入选【每日精选】的博主将会获得此勋章。
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。