Unity_UIWidgets学习笔记08_组件Row/Column

1,构造函数

public Row(
            TextDirection? textDirection = null,//TextDirection.rtl文本从右向左TextDirection.ltr文本从左向右
            TextBaseline? textBaseline = null,//TextBaseline.alphabetic文本基线是普通的字母基线TextBaseline.ideographic文本基线是表意基线。
            Key key = null,
            MainAxisAlignment mainAxisAlignment = MainAxisAlignment.start,
            /*
             public enum MainAxisAlignment {
在 Row中起作用 start,//将子控件放在主轴的开始位置 end,//将子控件放在主轴的结束位置 center,//将子控件放在主轴的中间位置 spaceBetween,//将主轴空白位置进行均分,排列子元素,手尾没有空隙 spaceAround,//将主轴空白区域均分,使中间各个子控件间距相等,首尾子控件间距为中间子控件间距的一半 spaceEvenly,////将主轴空白区域均分,使各个子控件间距相等 }
*/ MainAxisSize mainAxisSize = MainAxisSize.max, CrossAxisAlignment crossAxisAlignment = CrossAxisAlignment.center, /* enum CrossAxisAlignment {
在Column中起作用 start,//将子控件放在交叉轴的起始位置 end,//将子控件放在交叉轴的结束位置 center,//将子控件放在交叉轴的中间位置 stretch, //使子控件填满交叉轴 baseline, //将子控件放在交叉轴的上,并且与基线相匹配(不常用) }
*/ VerticalDirection verticalDirection = VerticalDirection.down,//VerticalDirection.down盒子应从顶部开始,并垂直向底部堆叠VerticalDirection.up盒子应从底部开始,并垂直向顶部堆叠。 List children = null )

 

2,例子

  先画一个带渐变的图形

  Widget box(BuildContext context,string intext) {
    return new  Container(
      width: 100,
      height: 10,
      alignment: Alignment.center,
      decoration: new BoxDecoration(
        gradient:new  LinearGradient(
            colors:new List(){
                Colors.orangeAccent,
                Colors.orange, 
                Colors.deepOrange
            } )
      ),
      child:new  Text(
        intext,
        style: new TextStyle(
          color: Colors.white,
          fontSize: 5,
          fontWeight: FontWeight.bold
        )
      )
    );
  }

 

 

new Column(
            children:new List(){
                new Text("默认"),
                new Row(
                     children:new List(){
                        box(context,"第一个"),
                        box(context,"第二个"),
                        box(context,"第三个")
                        }
                        ),
                new Text("TextDirection.rtl"),
                new Row(
                    textDirection:TextDirection.rtl,
                    children:new List(){
                        box(context,"第一个"),
                        box(context,"第二个"),
                        box(context,"第三个")
                            }
                        ),
                new Text("MainAxisAlignment.end"),
                new Row(
                    mainAxisAlignment:MainAxisAlignment.end,
                    children:new List(){
                        box(context,"第一个"),
                        box(context,"第二个"),
                        box(context,"第三个")
                            }
                        ),
                new Text("MainAxisAlignment.spaceAround"),
                new Row(
                    mainAxisAlignment:MainAxisAlignment.spaceAround,
                    children:new List(){
                        box(context,"第一个"),
                        box(context,"第二个"),
                        box(context,"第三个")
                            }
                        ),
                new Text("MainAxisAlignment.spaceBetween"),
                new Row(
                    mainAxisAlignment:MainAxisAlignment.spaceBetween,
                    children:new List(){
                        box(context,"第一个"),
                        box(context,"第二个"),
                        box(context,"第三个")
                            }
                        ),
                new Text("MainAxisAlignment.spaceEvenly"),
                new Row(
                    mainAxisAlignment:MainAxisAlignment.spaceEvenly,
                    children:new List(){
                        box(context,"第一个"),
                        box(context,"第二个"),
                        box(context,"第三个")
                            }
                        )
            }
        );

 

Unity_UIWidgets学习笔记08_组件Row/Column_第1张图片

 

转载于:https://www.cnblogs.com/PandaHome/p/11113430.html

你可能感兴趣的:(Unity_UIWidgets学习笔记08_组件Row/Column)