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,