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屬性.net

設置顯示的行數.maxLines:1

overflow屬性插件

clip:切斷文字. ellipsis:在後面顯示省略號. fade:溢出的部分作一個漸變消失的效果.

style屬性code

padding屬性對象

padding:const EdgeInsets.fromLTRB(10,23,21,12), /*設置內邊距*/

margin屬性圖片

margin: const EdgeInsets.all(10.0),  /*設置外邊距*/

decoration屬性ip

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:縱向重複,橫向不重複。
相關文章
相關標籤/搜索