真香！本来觉得用以前的java就能做的为啥还用flutter，但是最近接触flutter之后感觉这才是写移动应用的神器啊！ 尤其是用java写的listView，各种适配器传参简直了
Flutter中尺寸限制类容器组件包括ConstrainedBox、UnconstrainedBox、SizedBox、AspectRatio、FractionallySizedBox、LimitedBox、Container。这些组件可以约束子组件的尺寸，下面一一介绍。
AspectRatio 首先会在布局限制条件允许的范围内尽可能的扩展，widget 的高度是由宽度和比率决定的，类似于 BoxFit 中的 contain，按照固定比率去尽量占满区域。
AspectRatio的作用是根据设置调整子元素child的宽高比 AspectRatio首先会在布局限制条件允许的范围内尽可能的扩展，widget的高度是由宽度和比率确定的，按照固定比例去尽量占满区域。 在满足所有限制条件后无法找到一个可行的尺寸，AspectRatio最终将会去优先适应布局限制条件，而忽略所设置的比例。
和尚前几天尝试了 Flutter Stepper 简单实用，但样式等方面也有局限性，Stepper 的使用和尚在上一篇中有过尝试 图解基本 Stepper 步进器，现在和尚尝试在此基础上增加一些新特性；
在HTML中，常见的布局标签都有padding属性，但是在Flutter中，很多的widget是没有padding属性的。这时我们就可以使用padding组件来处理容器与子元素之间的间距。
* Padding(个人感觉和Container很像)（下面的代码很难看，重要的是思路）
在学习 Flutter 的过程中也看到一些江湖侠客们对于 Flutter 的议论。他们大多觉得 Flutter 不够友好、括号太多了，导致看起来代码非常复杂，对此呲之以鼻并以唱衰之。
Flutter七日游第三天：2018-12-18 天气：晴朗 零、前言 浪了两天，Dart语法基本上熟悉了，绘图也不怕了，现在进入正轨，继续浪~ 今天来学些枯燥的东西了--基础控件，戒骄戒躁，基础还是要好好掌握。 本文目的在于尽可能看清控件的全局(细枝末节点到为止),详细用法等布局实战再细说吧 本文能用图的，尽量不用字(看完你可能会觉得我脑洞有点大)，废话不多说，进入今天的内容 ---- 一、Widget简入 Widget:[小器具，装饰品，窗口小部件],以后简称：控件 下面看一下Widg
一个部件，将其子部件的体积缩小到可用空间的一部分。有关布局算法的更多详细信息，请参阅RenderFractionallySizedOverflowBox。
昨天和今天除了写一些小程序的代码之外，都在学习flutter相关的内容。感觉flutter的学习成本之所以高，很大的原因其实是因为它的学习资料真正能学到东西的，其实还是它的官网，但是官网又是英文版的，读起来就比较费劲。
平移矩阵和单位矩阵和类似。但是向量[x,y,z,1]前乘这个平移矩阵后的结构就是平移矩阵中定义的偏移量。
我们在构建UI的时候，为了适应不同的屏幕大小，通常需要进行一些自适应的配置，而最常见的自适应就是根据某个宽度或者高度自动进行组件的缩放。
撸码前有个点要注意一下，文档上面说了， 该widget 首先会尝试布局约束所允许的最大宽度。
和尚在做 Android 时经常会双击快速点击返回键弹出退出对话框，之后在进行操作，而 Flutter 也提供了监听返回导航的 WillPopScope，其中的回调方法返回一个 boolean 类型，true 时退出页面，false 时不退出，和尚设置在 1500ms 之内连续点击两次弹出提示框。在对时间进行监听时，和尚用到 Duration 可以设置时分秒毫秒微秒等，方便快捷。
Container组件 import 'package:flutter/material.dart'; //快捷方式:fim void main() { runApp(MyApp()); } //自定义组件 class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { // TODO: implement build return MaterialApp(
前面的博文《Android开发笔记（一百五十九）Android7.0的分屏模式》介绍了Android7.0的多窗口特性，但是这个分屏的区域是固定的，要么在屏幕的上半部分，要么在屏幕的下半部分，不但尺寸无法调整而且还不能拖动，使得它的用户体验不够完美。为此Android8.0又带了另一种更高级的多窗口模式，号称“Picture in Picture”（简称PIP，即“画中画”）。应用一旦进入画中画模式，就会缩小为屏幕上的一个小窗口，该窗口可拖动可调整大小，非常适合用来播放视频。那么如何才能让App支持画中画呢？接下来将对画中画的开发工作进行详细介绍。 经过前面的学习，大家知道Activity默认是支持分屏模式的，当然开发者要给activity节点添加下面的属性描述，从而声明允许分屏也是可以的：
CustomScrollView：一个滚动的容器，改组件不接受任何 child，但是你可以直接提供 Slivers 已创建各种滚动效果，例如页面中有多个可滑动的列表，如 Appbar， 列表，网格，等这种就可以直接使用 SliverAppBar,SliverList 和 SliverGrid
不介绍百度泛滥的，能搜到的，flutter对个人而言，易上手，业余人士也能迅速开发出一款跨平台APP，多么神奇啊。用的dart语言，scaffold 脚手架迅速对app布局，路由功能，更好管理页面。还有动画。小白能做到的极限就是到UI的设计，要更深入还得用dio库，学习get post使用，混编估计有点难，毕竟我连Java都没去了解过。 #Flutter安装 千篇一律，不多介绍,我用的是Android studio的安卓模拟器+vscode敲代码(vscode插件里面加几个插件扩展(extensions)，使dart语言敲起来更省时间。插件如下)
1 AspectRatio 一个widget，试图将子widget的大小指定为某个特定的长宽比 2 构造函数 AspectRatio({ Key key, @required this.aspectRatio, Widget child, }) 3 常用属性 3.1 aspectRatio：宽高比 aspectRatio: 2.0 / 1.0, 3.2 child：子widget child: Text('你好 Flutter'), 青年码农-获取更多.jpg
现在的app功能越来越强大，除了基本的图文之外，还需要各种各样的其他的功能,比如视频，和直播。
flutter布局机制的核心是组件。在flutter中，几乎所有的东西都是组件，布局模型也不例外。图片，Icon, 文本等等，我们在flutter客户端中看到的所有内容都是组件。我们看不到的东西，比如：rows，columns,等等等等也都是组件。
教程 OpenGLES入门教程1-Tutorial01-GLKit OpenGLES入门教程2-Tutorial02-shader入门 OpenGLES入门教程3-Tutorial03-三维变换 OpenGLES入门教程4-Tutorial04-GLKit进阶 OpenGLES进阶教程1-Tutorial05-地球月亮 OpenGLES进阶教程2-Tutorial06-光线 OpenGLES进阶教程3-Tutorial07-粒子效果 OpenGLES进阶教程4-Tutorial08-帧缓存
约束布局 bias 计算公式参考 【约束布局】ConstraintLayout 偏移 ( Bias ) 计算方式详解 ( 缝隙比例 | 计算公式 | 图解 | 测量图 + 公式 ) 方案 ;
那么，我们如何做到一次编码就可以适配不同的屏幕呢？总不能只适配手机尺寸，在PC端就可能看起来很丑了，这样用户体验就非常的差了，如下图：
安装video_player,我安装的是最新的版本，请根据你自己的flutter版本去安装对应的版本，安卓可以直接使用虚拟机，IOS需要真机才可以播放。
众所周知，Android平台不仅系统碎片化严重，而且不同手机的硬件配置差异导致开发某些模块的时候坑比较多，相机模块就是其中之一。为什么呢？首先，Android系统目前已经提供了两套Camera API，其中Camera 2 API是从Android 5.0(API Level 21)开始提供的。你可能会想了，那岂不是现在市面上很多机型都可以使用Camera 2 API啦？然而并不是，原因就是下面要说的第二点，很多Android手机对Camera 2 API的支持都不到位，即使是很多现在刚发的新机，它们有些依然只支持老的Camera API！这就导致做相机开发的时候不得不根据手机的实际情况切换不同的Camera API。
在 ios 目录下的 info.plist 清单文件中配置 iOS设置的http网络访问权限 ：
GPUImageSphereRefractionFilter 属于 GPUImage 图像视觉效果相关，用来处理图像球形折射效果。shader 源码如下：
GPUImagePinchDistortionFilter 属于 GPUImage 图像视觉效果相关，用来处理图像凹面镜放大。shader 源码如下：
GPUImagePinchDistortionFilter 属于 GPUImage 图像视觉效果相关，用来处理图像凹面镜。shader 源码如下：
教程 OpenGLES入门教程1-Tutorial01-GLKit OpenGLES入门教程2-Tutorial02-shader入门 OpenGLES入门教程3-Tutorial03-三维变换
相信做过移动端视频开发的同学应该了解，想要实现视频从普通播放到全屏播放的逻辑并不是很简单，比如在 GSYVideoPlayer 中的动态全屏切换效果，就使用了创建全新的 Surface 来替换实现:
Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。
GPUImageGlassSphereFilter 属于 GPUImage 图像视觉效果相关，用来处理图像水晶球效果。shader 源码如下：
对于一个前端框架来说，除了各个组件之外，最重要的就是将这些组件进行连接的布局了。布局的英文名叫做layout，就是用来描述如何将组件进行摆放的一个约束。
作者 | wuwhs https://segmentfault.com/a/1190000023486410
我们将上一篇文章中写的应用程序再次运行起来，然后将屏幕横过来，我们会发现空气曲棍球的桌子被压扁了。这之所以会发生，是因为我们没有考虑屏幕的宽高比，直接将坐标传递给了OpenGL。在这片文章中，我们会弄清楚为什么桌子被压扁了，以及如何使用投影解决这个问题。
http://blog.csdn.net/liyuanjinglyj/article/details/46624901
GPUImageBulgeDistortionFilter 属于 GPUImage 图像视觉效果相关，用来处理图像鱼眼扩散效果。shader 源码如下：
GPUImagePolarPixel GPUImage 同心圆像素化马赛克效果，shader 源码如下：
GPUImageBulgeDistortionFilter 属于 GPUImage 图像视觉效果相关，用来处理图像鱼眼移动效果。shader 源码如下：
Flutter是一个跨平台的应用开发框架，支持各种屏幕大小的设备，它可以在智能手表这样的小设备上运行，也可以在电视这样的大设备上运行。使用相同的代码来适应不同的屏幕大小和像素密度是一个挑战。
AdapterView顾名思义是适配器视图，Spinner、ListView和GridView都间接继承自AdapterView，这三个视图都存在多个元素并排展示的情况，所以需要引入适配器模式。 适配器视图的特点有： 1、定义了适配器的设置方法setAdapter，以及获取方法getAdapter。适配器用于传入视图展示需要的相关数据。 2、定义了一个数据观察者AdapterDataSetObserver，用于在列表数据发生变化时，可以通过notifyDataSetChanged方法来更新视图。 3、定义了单个元素的点击、长按、选中事件。其中点击方法为setOnItemClickListener，点击监听器为OnItemClickListener；长按方法为setOnItemLongClickListener，长按监听器为OnItemLongClickListener；选中方法为setOnItemSelectedListener，选中监听器为OnItemSelectedListener。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
