寬高
子元素對齊方式。會讓元素撐滿父元素。
alignment: alignment.topleft
alignment: alignment.topcenter
alignment: alignment.topright
alignment: alignment.centerleft
alignment: alignment.center
alignment: alignment.centerright
alignment: alignment.bottomleft
alignment: alignment.bottomcenter
alignment: alignment.bottomright
顏色
color: color(0xff000000)
color: color.fromargb(255, 0, 0, 0)
color: color.fromrgbo(0, 0, 0, 1)
color: colors.red
//materialcolor是有個顏色map,可以選擇不同色深的顏色,map中含有的色值才能正常展示
color: colors.red[50]
外邊距
//上下左右均設定
margin: edgeinsets.all(20)
//left-top-right-bottom
margin: edgeinsets.fromltrb(20, 20, 20, 20)
//單獨設定單邊
margin: edgeinsets.only(left: 20,top: 20,right: 20,bottom: 20)
//設定上下或者左右
margin: edgeinsets.symmetric(vertical: 20,horizontal: 20)
內邊距。也是使用edgeinsets設定,同margin設定。
修飾,在child下面做背景展示
設定decoration,原控制項color屬性就要去除,設定在boxdecoration。
//邊框
decoration: boxdecoration(
border: border.all(
color: colors.black,
width: 1,
),),
//圓角
decoration: boxdecoration(
color: colors.red,
borderradius: borderradius.circular(10),
),//背景圖
decoration: boxdecoration(
image: decorationimage(
image: networkimage(
''), fit: boxfit.cover,
)),//背景色
decoration: boxdecoration(
color: colors.red
),//形狀
decoration: boxdecoration(
color: colors.red,
shape: boxshape.circle,
),//陰影
decoration: boxdecoration(
color: colors.red,
boxshadow:[
boxshadow(
color: colors.green,
blurradius: 5),]
),//漸變色
gradient: lineargradient(
begin: alignment.topright,
end: alignment.bottomleft,
// add one stop for each color. stops should increase from 0 to 1
stops: [
0.3,
0.5,
0.7,
0.9],
colors: [
colors.red[50],
colors.red[100],
colors.red[200],
colors.red[300]
]),
修飾,和decoration類似,在child上面做蒙版展示。
設定平移旋轉縮放之類。使用matrix4
//縮放
transform: matrix4.diagonal3values(1, 2, 1),
//平移
transform: matrix4.translationvalues(10.0, 10.0, 10.0),
//旋轉
import
'package:flutter/material.dart'
;transform: matrix4.rotationz(pi / 6),
為child設定限制約束。
//約束寬高
constraints: boxconstraints.expand(height: 100, width: 100),
//約束最小最大寬高
constraints: boxconstraints(
minheight: 100,
maxheight: 200,
minwidth: 100,
maxwidth: 200,
),
flutter常見問題
1.版本version channel切換問題 flutter go,官方的指南版本如下 如何設定版本和channel,嘗試 flutter help,發現原來flutter version不單是可以查所有版本 version查當前版本 還可以設定版本,既能get又能set,channel同 flu...
swt jface元件通用屬性
swt jface中的每乙個元件之間都有很多同名的方法,很幸運,這些同名方法在各個元件的作用和用法是相同或相似的,在此將一些常用的方法簡述如下 1 settext string string 說明 設定元件的標籤文字。例子 button.settext 確定 2 settooltiptext str...
(GATT)通用屬性規範
屬性協議定義了客戶端與伺服器如何相互傳送符合標準的訊息。gatt規程定義了如何發現與使用服務 特性與描述符的標準方法。gatt規程可以分為三種基本的型別 發現規程 客戶端發起規程 伺服器發起規程 1.發現規程 客戶端發現首先要服務。客戶端為每個首要服務設定控制代碼範圍。發現被引用的次要服務以及該服務...