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,"第三个")
                            }
                        )
            }
        );

 

 

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