1.color 颜色 设置背景颜色 Colors.red 2.border 边框 3.borderRadius 圆角 4.boxShadow 阴影 5.gradient 渐变 6.image 图片 Color 颜色设置: Colors.red 用这个方法来设置颜色。 Border 边框设置: 1.border: Border(top: BorderSide(width: 15,color: Colors.red),right: BorderSide(width: 5,color: Color...
this.boxShadow,//阴影 this.gradient,//渐变色 this.backgroundBlendMode,//图像混合模式 this.shape = BoxShape.rectangle,//形状,BoxShape.circle和borderRadius不能同时使用 }) boxShadow 阴影 color - 阴影颜色 offset - 阴影相偏移量 blurRadius - 高斯模糊数值 spreadRadius - 阴影膨胀量,这个值我是真不知...
BorderRadius.only({Radius topLeft, Radius topRight, Radius bottomLeft, Radius bottomRight}) 单独设置每个角的圆角效果。 boxShadow 设置阴影效果。参数类型是List<BoxShadow>,是一个集合,可以看出应该是多个BoxShadow叠加后的效果。BoxShadow参数如下: Color color:阴影颜色 Offset offset:偏移量 double blurRadius...
0),height:50,width:300,//边框设置decoration:newBoxDecoration(//背景color:Colors.white,//设置四周圆角 角度borderRadius:BorderRadius.all(Radius.circular(4.0)),//设置四周边框border:newBorder.all(width:1,color:Colors.red),),child:Text("Container 的圆角边框"),),...
border: Border.all( color: Colors.white, width: 1.0, ), boxShadow: [ BoxShadow( offset: Offset(5.0, 5.0), color: Colors.blueAccent, blurRadius: 2.0,//模糊程度 spreadRadius: 2.0,//扩散,整数变大 ) ], shape: BoxShape.circle,//不能与borderRadius同时存在 ...
this.border, 边色 this.borderRadius, // 圆角度 this.boxShadow, // 阴影 this.gradient, // 渐变 this.backgroundBlendMode, // 混合Mode this.shape = BoxShape.rectangle, // 形状 }) 3.1 边框+圆角: decoration: new BoxDecoration( border: new Border.all(color: Color(0xFFFF0000), width: 0.5...
一:Decoration,装饰类 二:BoxDecoration,盒子装饰 color,设置背景色 borderRadius,设置圆角 border,设置边框 shape,设置形状 boxShadow,设置阴影 gradient,设置渐变色 image,设置背景图片 三:ShapeDecoration,形状装饰 Border.all,设置所有边的颜色和宽度 Border,设置任一边的颜色和宽度 ...
decoration: new BoxDecoration( //背景 color: Colors.white, //设置四周圆角 角度 borderRadius: BorderRadius.all(Radius.circular(4.0)), //设置四周边框 border: new Border.all(width: 1, color: Colors.red), ), child: Text("Container 的圆角边框"), ...
SliverPadding(padding:EdgeInsets.symmetric(horizontal:8,vertical:8),sliver:DecoratedSliver(decoration:BoxDecoration(borderRadius:BorderRadius.circular(20),boxShadow:[BoxShadow(color:Color(0xFF111133),blurRadius:2,offset:Offset(-2,-1))],gradient:LinearGradient(colors:<Color>[Color(0xFFEEEEEE),Color(...
decoration: BoxDecoration( gradient: LinearGradient( colors: [Color(0xffadf30e), Color(0xff3896fe)], ), borderRadius: BorderRadius.all(Radius.circular(10.0)), boxShadow: [ BoxShadow( color: Colors.black45, offset: Offset(3.0, 3.0), ...