(5)、Study Flutter MaterialButton Widget組件學(xué)習(xí)

這篇文章開(kāi)始譬挚,我將介紹在MaterialButton锅铅,它包含了三個(gè)子類(lèi):RaisedButton、OutlineButton减宣、FlatButton盐须。

MaterialButton屬性學(xué)習(xí)

首先看看MaterialButton有哪些屬性。


QQ截圖20190108114256.png
  • onPressed:被@required標(biāo)記漆腌,必須贼邓。表示按下的點(diǎn)擊事件,如果為空闷尿,則按鈕表示禁用塑径。
  • child:設(shè)置一個(gè)子widget,一般是它給按鈕設(shè)置一個(gè)文本內(nèi)容填具。
  • textTheme:按鈕上文本的主題统舀。
  • textColor :按鈕文字顏色,該屬性要求onPressed不能為null劳景。
    -disabledTextColor:未選中時(shí)誉简,文本顏色。
    -color:填充的顏色枢泰,可理解為背景顏色描融,該屬性要求onPressed不能為null。
 child: MaterialButton(
            onPressed: null,
            child: Text("確定"),
            color: Colors.amber,
            textColor: Colors.red,
            disabledTextColor: Colors.lightBlue,
          ),
QQ截圖20190108140442.png

-disabledColor:禁用按鈕時(shí)衡蚂,按鈕的背景顏色窿克。和color屬性剛好相反。
-colorBrightness:按鈕的主題亮度毛甲,灰暗年叮、明亮。
-elevation:控制Z軸的高度玻募,用于實(shí)現(xiàn)按鈕周?chē)幱啊?br> -highlightElevation:高亮是Z軸的高度只损,需要按鈕可用,該屬性要求onPressed不能為null七咧。
-disabledElevation:按鈕不可用時(shí)跃惫,Z軸的高度,用于實(shí)現(xiàn)按鈕周?chē)幱啊?br> -padding:按鈕內(nèi)部子Widget填充方式
-shape:定義按鈕的形狀
-clipBehavior:當(dāng)內(nèi)部widget溢出邊界時(shí)艾栋,剪切方式爆存。
-materialTapTargetSize:配置tap目標(biāo)的最小大小
-animationDuration:定義動(dòng)畫(huà)的執(zhí)行時(shí)間。
-minWidth:最小寬度
-height:高度

 body: Column(
          children: <Widget>[
            RaisedButton(
              child: Text(
                "RaisedButton",
                style: TextStyle(fontSize: 20.0),
              ),
              textColor: Colors.white,
              color: Colors.blue[900],
              onPressed: logPrint,
              //按下時(shí)蝗砾,背景高亮顏色先较。即onPressed不為null
              highlightColor: Colors.blue,
              //不可點(diǎn)擊時(shí)携冤,背景顏色。即onPressed為null
              disabledColor: Colors.amberAccent[100],
              //觸摸按鈕時(shí)闲勺,類(lèi)似水波紋擴(kuò)散的顏色
              splashColor: Colors.deepPurpleAccent,
            ),
            FlatButton(
              child: Text(
                "FlatButton",
              ),
              //文本顏色
              textColor: Colors.amber,
              onPressed: logPrint,
              //按下時(shí)曾棕,背景高亮顏色。即onPressed不為null
              highlightColor: Colors.blue,
              //不可點(diǎn)擊時(shí)菜循,背景顏色翘地。即onPressed為null
              disabledColor: Colors.amberAccent[100],
              //觸摸按鈕時(shí),類(lèi)似水波紋擴(kuò)散的顏色
              splashColor: Colors.deepPurpleAccent,
            ),
            OutlineButton(
              child: Text(
                "OutlineButton",
              ),
              //文本顏色
              textColor: Colors.amber,
              onPressed: logPrint,
              //不可點(diǎn)擊時(shí)债朵,邊框顏色子眶。即onPressed為null
              disabledBorderColor: Colors.purpleAccent,
              //可點(diǎn)擊時(shí),邊框顏色序芦。即onPressed為null
              highlightedBorderColor: Colors.teal,
            ),
          ],
        ),

void logPrint() {
    print("hhhh");
  }
GIF.gif
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市粤咪,隨后出現(xiàn)的幾起案子谚中,更是在濱河造成了極大的恐慌,老刑警劉巖寥枝,帶你破解...
    沈念sama閱讀 211,817評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件宪塔,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡囊拜,警方通過(guò)查閱死者的電腦和手機(jī)某筐,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,329評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)冠跷,“玉大人南誊,你說(shuō)我怎么就攤上這事∶弁校” “怎么了抄囚?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,354評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)橄务。 經(jīng)常有香客問(wèn)我幔托,道長(zhǎng),這世上最難降的妖魔是什么蜂挪? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,498評(píng)論 1 284
  • 正文 為了忘掉前任重挑,我火速辦了婚禮,結(jié)果婚禮上棠涮,老公的妹妹穿的比我還像新娘谬哀。我一直安慰自己,他們只是感情好故爵,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,600評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布玻粪。 她就那樣靜靜地躺著隅津,像睡著了一般。 火紅的嫁衣襯著肌膚如雪劲室。 梳的紋絲不亂的頭發(fā)上伦仍,一...
    開(kāi)封第一講書(shū)人閱讀 49,829評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音很洋,去河邊找鬼充蓝。 笑死,一個(gè)胖子當(dāng)著我的面吹牛喉磁,可吹牛的內(nèi)容都是我干的谓苟。 我是一名探鬼主播,決...
    沈念sama閱讀 38,979評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼协怒,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼涝焙!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起孕暇,我...
    開(kāi)封第一講書(shū)人閱讀 37,722評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤仑撞,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后妖滔,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體隧哮,經(jīng)...
    沈念sama閱讀 44,189評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,519評(píng)論 2 327
  • 正文 我和宋清朗相戀三年座舍,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了沮翔。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,654評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡曲秉,死狀恐怖采蚀,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情岸浑,我是刑警寧澤搏存,帶...
    沈念sama閱讀 34,329評(píng)論 4 330
  • 正文 年R本政府宣布,位于F島的核電站矢洲,受9級(jí)特大地震影響璧眠,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜读虏,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,940評(píng)論 3 313
  • 文/蒙蒙 一责静、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧盖桥,春花似錦灾螃、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,762評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)嵌赠。三九已至,卻和暖如春熄赡,著一層夾襖步出監(jiān)牢的瞬間姜挺,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,993評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工彼硫, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留炊豪,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,382評(píng)論 2 360
  • 正文 我出身青樓拧篮,卻偏偏與公主長(zhǎng)得像词渤,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子串绩,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,543評(píng)論 2 349

推薦閱讀更多精彩內(nèi)容