玖叶教程网

前端编程开发入门

Flutter基础widgets教程-IconButton篇

1 IconButton

IconButton一个Material图标按钮,点击时会有水波动画

2 构造函数

IconButton({
 Key key,
 this.iconSize = 24.0,
 this.padding = const EdgeInsets.all(8.0),
 this.alignment = Alignment.center,
 @required this.icon,
 this.color,
 this.highlightColor,
 this.splashColor,
 this.disabledColor,
 @required this.onPressed,
 this.tooltip
})

3 常用属性

3.1 iconSize:图标大小

iconSize:24.0,

3.2 icon:图标资源

icon: Icon(Icons.android),

3.3 alignment:图标位置

alignment: Alignment.center,

3.4 color:颜色

color: Colors.black,

3.5 highlightColor:高亮颜色,点击(长按)按钮后的颜色

highlightColor: Colors.green,

3.6 padding:内边距,其接收值的类型是EdgeInsetsGeometry类型的

3.6.1 一次性设置上下左右的间距

padding: EdgeInsets.all(20),

3.6.2 单独设置

3.6.2.1 上内边距

padding: EdgeInsets.only(top: 30),    

3.6.2.2 下内边距

padding: EdgeInsets.only(bottom: 30), 

3.6.2.3 左内边距

padding: EdgeInsets.only(left: 30),  

3.6.2.4 右内边距

padding: EdgeInsets.only(right: 30), 

3.6.3 一次性设置上下左右的间距 左上右下顺序设置

padding: EdgeInsets.fromLTRB(0,30,20,40),

3.7 splashColor:水波纹颜色

splashColor: Colors.black,

3.8 disabledColor:不可点击时高亮颜色

disabledColor: Colors.black,

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言