Flutter

Flutter
Flutter是完全免费的开源的谷歌移动UI框架,可以快速在Android和IOS上构建高质量的原生用户界面,使用Dart语言开发,还可以与现有代码一起工作。
Windows开发环境搭建
在Win10企业版系统上,安装Git/PowerShell,安装TortoiseGit,安装Java SE, 安装Flutter SDK (下载,解压,配置环境变量),在Android Studio官网下载安装包且安装。
VS Code 配置
安装Flutter插件,安装Dart插件。

Dart

Dart是面对对象的语言.
TextAlign属性

是文本的对齐方式, textAlign:TextAlign.left (左对齐), textAlign:TextAlign.center(居中对齐), 
textAlign:TextAlign.right(右对齐), textAlign:TextAlign.start(开始位置对齐), textAlign:TextAlign.end(结尾处对齐).

maxLines属性

设置显示的行数.maxLines:1

overflow属性

clip:切断文字. ellipsis:在后面显示省略号. fade:溢出的部分做一个渐变消失的效果.

style属性

padding属性

padding:const EdgeInsets.fromLTRB(10,23,21,12), /*设置内边距*/

margin属性

margin: const EdgeInsets.all(10.0),  /*设置外边距*/

decoration属性

decoration是Container的修饰器,设置背景和边框.

border属性

border:Border.all(width:2.0,color:Colors.red)

图片组件

Image.asset:加载资源图片,使用相对路径.
Image.network: 网络资源图片,使用https://www.demo.com/demo.jpg
Image.file: 加载本地文件的路径.
Image.memory: 加载Unit8List资源图片.

fit属性

BoxFit.fill:全图显示,图片会被拉伸,并充满父容器。
BoxFit.contain:全图显示,显示原比例,可能会有空隙。
BoxFit.cover:显示可能拉伸,可能裁切,充满(图片要充满整个容器,还不变形)。
BoxFit.fitWidth:宽度充满(横向充满),显示可能拉伸,可能裁切。 
BoxFit.fitHeight :高度充满(竖向充满),显示可能拉伸,可能裁切。
BoxFit.scaleDown:效果和contain差不多,但是此属性不允许显示超过源图片大小,可小不可大。

repeat属性

ImageRepeat.repeat : 横向和纵向都进行重复,直到铺满整个画布。
ImageRepeat.repeatX: 横向重复,纵向不重复。
ImageRepeat.repeatY:纵向重复,横向不重复。

相关推荐