Flutter 常見 通用的屬性

2021-10-07 22:01:41 字數 2847 閱讀 2611

寬高

子元素對齊方式。會讓元素撐滿父元素。

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.發現規程 客戶端發現首先要服務。客戶端為每個首要服務設定控制代碼範圍。發現被引用的次要服務以及該服務...