Flutter學習-3-2（學習補充） 7/12

 1.三元運算子（不是很喜歡的一種寫法，因為很難寫註解，但還是記錄一下）

原程式：

if(_counter>=10){
  _counter=0;
}else{
  _counter++;
}

三元運算子寫法 a ? b : c;

 前方a的判斷為true，執行b程式 : 前方判斷為false，執行c程式。因此上面的式子，可簡寫成

counter >= 10 ? _counter = 0 : _counter++;

2.FloatingActionButton如果有好幾個，需要加上heroTag，區別不同的飄浮按鍵，或統一飄浮按扭鈕形式，以便同時使用效果。

如下範例：

FloatingActionButton(
  child: const Icon(Icons.add),
  heroTag: 1,
  onPressed:()=>_incrementCounter("add"),
),
FloatingActionButton(
  child: const Icon(Icons.remove),
  heroTag: 2,
  onPressed:()=>_incrementCounter("remove"),
),

其它屬性及方法說明

属性  意義
child   放在中間的视圖，一般为Icon圖案，Icon(Icons.remove)
tooltip FAB的文字提示說明
foregroundColor 前景色
backgroundColor 背景色，預設為藍色
heroTag 該FAB的標籤，用於辨識
elevation   陰影，默認6.0
focusColor 成為焦點時的顏色
hignlightElevation  點擊時的陰影，默認12.0
onPressed   點擊要執行的方程式
mini    此FAB是否為mini的模式，預設為否
shape   FAB的外形，默認為CircleBorder
clipBehavior
isExtended  是否为”extended”類型，預設為否

使用多個FAB的寫法如下：

floatingActionButton: Wrap( //可用其它布局像是Row,Column
  direction: Axis.horizontal, //決定排列的方法 、Axis.vertical為垂直
  children: [
    Container(
        margin:const EdgeInsets.all(10), //外邊距
        child: FloatingActionButton(
          onPressed: ()=>_incrementCounter("add"), //沒有參數寫法，onPressed: _incrementCounter()
          child: const Icon(Icons.add),
        )
    ), //button first

    Container(
        margin:const EdgeInsets.all(10), //外邊距
        child: FloatingActionButton(
          onPressed:  ()=>_incrementCounter("remove"),
          backgroundColor: Colors.green,
          child: const Icon(Icons.remove),
        )
    ), // button second
    // Add more buttons here
  ],),

3.按鍵中onPressed要執行的函式。

（1）匿名寫法：

（）{方法直接寫裡面}

（2）不匿名加參數寫法：

()=>_incrementCounter("remove")

如下：

onPressed:()=>_incrementCounter("remove"),