Flutter之BoxDecoration組件

/** 裝飾器究西,可以用來修飾其他的組件,和Android里面的shape很相似
    const BoxDecoration({
    this.color,//背景色
    this.image,//圖片
    this.border,//描邊
    this.borderRadius,//圓角大小
    this.boxShadow,//陰影
    this.gradient,//過度效果
    this.backgroundBlendMode,
    this.shape = BoxShape.rectangle,//形狀,BoxShape.circle和borderRadius不能同時(shí)使用
    })
 */
body: ListView(
            children: <Widget>[
              Container(
                width: 100.0,
                height: 100.0,
                margin: EdgeInsets.all(20.0),
                decoration: new BoxDecoration(
                  color: Color(0x6600ff00),
                  border: Border.all(
                      color: Color(0xff0000ff)
                  ),
                  borderRadius: BorderRadius.circular(10.0),
                ),
              ),

              Container(
                width: 100.0,
                height: 100.0,
                margin: EdgeInsets.all(20.0),
                decoration: new BoxDecoration(
                  image: DecorationImage(image: NetworkImage(
                      "http://img8.zol.com.cn/bbs/upload/23765/23764201.jpg")),
                ),
              ),

              Container(
                width: 100.0,
                height: 100.0,
                margin: EdgeInsets.all(20.0),
                decoration: new BoxDecoration(
                    color: Color(0xffffffff),
                    boxShadow: [
                      BoxShadow(
                          color: Color(0xffff0000),
                          offset: Offset(2.0, 3.0),
                          blurRadius: 6.0 /*,spreadRadius:2.0*/)
                    ],
                    gradient: LinearGradient(
                        colors: [
                          Color(0xff00ff00),
                          Color(0xffffffff),
                          Color(0xff00ff00)
                        ]
                    )
                ),
              ),
              Align(
                alignment: Alignment.center,
                child: Container(
                  width: 100.0,
                  height: 100.0,
                  margin: EdgeInsets.all(20.0),
                  decoration: new BoxDecoration(
                      color: Color(0xffffffff),
                      border: Border.all(
                          color: Color(0xff0000ff)
                      ),
//                    borderRadius: BorderRadius.circular(10.0),
                      image: DecorationImage(
                          image: NetworkImage(
                              "http://img8.zol.com.cn/bbs/upload/23765/23764201.jpg"),
                          fit: BoxFit.fill
                      ),
                      shape: BoxShape.circle,
                  ),
                ),
              )
            ],
          )

碼云地址:https://gitee.com/xgljh/Flutter.git

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末物喷,一起剝皮案震驚了整個濱河市卤材,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌峦失,老刑警劉巖扇丛,帶你破解...
    沈念sama閱讀 219,110評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異尉辑,居然都是意外死亡帆精,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,443評論 3 395
  • 文/潘曉璐 我一進(jìn)店門隧魄,熙熙樓的掌柜王于貴愁眉苦臉地迎上來卓练,“玉大人,你說我怎么就攤上這事购啄〗笃螅” “怎么了?”我有些...
    開封第一講書人閱讀 165,474評論 0 356
  • 文/不壞的土叔 我叫張陵闸溃,是天一觀的道長整吆。 經(jīng)常有香客問我,道長辉川,這世上最難降的妖魔是什么表蝙? 我笑而不...
    開封第一講書人閱讀 58,881評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮乓旗,結(jié)果婚禮上府蛇,老公的妹妹穿的比我還像新娘。我一直安慰自己屿愚,他們只是感情好汇跨,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,902評論 6 392
  • 文/花漫 我一把揭開白布务荆。 她就那樣靜靜地躺著,像睡著了一般穷遂。 火紅的嫁衣襯著肌膚如雪函匕。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,698評論 1 305
  • 那天蚪黑,我揣著相機(jī)與錄音盅惜,去河邊找鬼。 笑死忌穿,一個胖子當(dāng)著我的面吹牛抒寂,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播掠剑,決...
    沈念sama閱讀 40,418評論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼屈芜,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了朴译?” 一聲冷哼從身側(cè)響起井佑,我...
    開封第一講書人閱讀 39,332評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎动分,沒想到半個月后毅糟,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,796評論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡澜公,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,968評論 3 337
  • 正文 我和宋清朗相戀三年姆另,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片坟乾。...
    茶點(diǎn)故事閱讀 40,110評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡迹辐,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出甚侣,到底是詐尸還是另有隱情明吩,我是刑警寧澤,帶...
    沈念sama閱讀 35,792評論 5 346
  • 正文 年R本政府宣布殷费,位于F島的核電站印荔,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏详羡。R本人自食惡果不足惜仍律,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,455評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望实柠。 院中可真熱鬧水泉,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,003評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至炕横,卻和暖如春源内,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背份殿。 一陣腳步聲響...
    開封第一講書人閱讀 33,130評論 1 272
  • 我被黑心中介騙來泰國打工姿锭, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人伯铣。 一個月前我還...
    沈念sama閱讀 48,348評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像轮纫,于是被迫代替她去往敵國和親腔寡。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,047評論 2 355

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

  • If today were the last day of my life 如果今天 生命行將結(jié)束 For the...
    花落長安各生歡閱讀 915評論 0 0
  • 1 本真就是美
    yangaga閱讀 115評論 0 0
  • 表達(dá)式全集字符 描述\ 將下一個字符標(biāo)記為一個特殊字符掌唾、或一個原義字符放前、或一個向后引用、或一個八進(jìn)制轉(zhuǎn)義符糯彬。...
    敲代碼的令狐蔥閱讀 430評論 0 2
  • 有些時(shí)候不知不覺凭语,就會發(fā)現(xiàn)自己已經(jīng)跟過去那些朋友們越走越遠(yuǎn)了漠烧。我從來都覺得友情似乎是一個你情我愿的事情凤覆,似乎只...
    唉喲那個喂閱讀 174評論 0 0
  • 外甥今年五歲,腦袋眼睛都圓圓的垄惧,特別萌搓谆。元旦回家他有幾件比較有趣的事情讓我笑了好久炒辉。我姐我媽我還有外甥一起逛街的...
    汪汪汪eerr閱讀 223評論 0 0