和尚继续尝试 Flutter 的基本按钮;今天和尚学习 MaterialButton 系列相关 Button;该系列以 MaterialButton 为父类,衍生出 RaisedButton 凸起按钮,FlatButton 扁平按钮和 OutlineButton 边框按钮;可根据不同场景灵活运用;
OutlineButton(child:Text('Button'),onPressed:(){},) 效果如下: 设置其边框样式,代码如下: 代码语言:javascript 代码运行次数:0 复制 Cloud Studio代码运行 OutlineButton(borderSide:BorderSide(color:Colors.blue,width:2),disabledBorderColor:Colors.black,highlightedBorderColor:Colors.red,child:Text('Button')...
OutlineButton(线框按钮) OutlineButton是一个有默认边线且背景透明的按钮,也就是说我们设置其边线和颜色是无效的,其他属性基本上同上。 OutlineButton( child: Text("线框按钮"), splashColor: Colors.white, //点击按钮时水波纹的颜色 highlightColor: Colors.white, //长按按钮时的颜色 onPressed: (){ }, ...
FloatingActionButton是在侧面浮起来的那种按钮。 这一章重点介绍 OutlineButton ,中文叫线框按钮。 先看效果。 代码: newPadding( padding:newEdgeInsets.fromLTRB(30.0,10.0,30.0,10.0), child:newRow( children:<Widget>[newExpanded( child:newOutlineButton( borderSide:newBorderSide(color: Theme.of(context)....
通过shape参数可以设置按钮的形状,常见的形状有RoundedRectangleBorder矩形、CircleBorder圆形、StadiumBorder椭圆形、BeveledRectangleBorder八边形。 1.5 背景颜色 RaisedButton( child: Text("背景颜色"), color: Colors.red, onPressed: () {}, ); 通过传入color可以设置按钮的背景颜色。
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(30.0)), clipBehavior: Clip.antiAlias, child: MaterialButton( color: Colors.teal.withOpacity(0.4), height: 60.0, child: Text('MaterialButton'), onPressed: () {})) 1. 2. ...
Inkwell Button 墨水按钮 PopupMenu Button 弹出菜单按钮 Outline Button 轮廓按钮 Flat Button 扁平按钮ーー这是一个文本标签按钮,没有太多装饰,显示没有任何标高。平面按钮有两个必需的属性: ー child 和 onPress ()。默认情况下,平面按钮没有颜色,其文本为黑色。但是,我们可以分别使用 color 和 textColor 属性对...
这一章重点介绍 OutlineButton ,中文叫线框按钮。 先看效果。 代码: new Padding( padding: new EdgeInsets.fromLTRB(30.0, 10.0, 30.0, 10.0), child: new Row( children: <Widget>[ new Expanded( child: new OutlineButton( borderSide:new BorderSide(color: Theme.of(context).primaryColor), ...
FlatButton 和 RaisedButton 属性一样。 OutlineButton color 设置无效。 newOutlineButton(onPressed:(){print(BorderStyle.values);},borderSide:BorderSide(color:Colors.blue,width:2.0,style:BorderStyle.solid),child:newText('pressed'),) borderSide 边框样式。BorderStyle 里面枚举值只有两个,none 和 solid。
OutlineButton 是一个带边框的按钮,用法和RaisedButton一样,代码如下: OutlineButton( child: Text('Button'), onPressed: () {}, ) 效果如下: 设置其边框样式,代码如下: OutlineButton( borderSide: BorderSide(color: Colors.blue,width: 2), disabledBorderColor: Colors.black, ...