Flutter
16lz
2021-01-26
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.jpgImage.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:纵向重复,横向不重复。
更多相关文章
- 如何不让EditText不获得焦点
- 【转】Android.自定义控件的实现
- android 1.6 launcher研究之修改worksapce上的屏数
- android中自定义WebView显示网页或本地html文件
- Android使用DataBinding实现MVVM模式(基本使用)
- android相机Camera.Parameters所有的参数值
- android 使用SimpleCursorAdapter将SQLite数据显示到ListView
- Android(安卓)高仿iReader标签
- Android下Opengl程序显示文字的简单方法