Flutter
Flutter是徹底免費的開源的谷歌移動UI框架,能夠快速在Android和IOS上構建高質量的原生用戶界面,使用Dart語言開發,還能夠與現有代碼一塊兒工做。
Windows開發環境搭建
在Win10企業版系統上,安裝Git/PowerShell,安裝TortoiseGit,安裝Java SE, 安裝Flutter SDK (下載,解壓,配置環境變量),在Android Studio官網下載安裝包且安裝。
VS Code 配置
安裝Flutter插件,安裝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:縱向重複,橫向不重複。