• Flutter布局5---Container


    Container 容器

    简介
    一个常用的widget,它结合了常见的绘画,定位和大小调整
    ·该容器首先让child填充绘制,然后再将其他的约束应用于填充范围。
    ·在绘画过程中,容器先应用给定的转换,再绘制装饰以填充的范围,然后绘制child,最后绘制前景,同时填充需要填充的范围·没有child的容器将尽可能的大,除非传入的约束是无限制的。child的大小会被width,height等约束覆盖。
    基本用法
    Container 可以结合多种其他widget,每个widget都有自己的布局行为,因此Container的布局行为有点复杂。
    ·简单说,就是如果窗口小部件没有子窗口,没有height,没有width,没有约束,并且父窗口提供无限制约束,则Container会尝试尽可能小。

    参数:

    • alignment对齐方式 Alignment(重点)
    • padding:内边距 EdgeInsets
    • margin:外边距 EdgeInsets
    • color
    • decoration:装饰
    • foregroundDecoration:
    • width: 包含padding
    • height:包含padding
    • constraints:BoxConstraints:
    • transform
    • child:子view,可以为空,就是一个空view

    alignment:对齐方式 Alignment

    如下图所示象限一样,左上角为(-1,-1),右下角为(1,1)

    2、padding: 内边距 margin:外边距 这两个一起讲了,具体的用法取值如下:

    • EdgeInsets.fromLTRB(10,10,10,10) ,L表示左边距(left缩写),T表示上边距(top缩写),R表示右边距(right缩写),B表示底边距(bottom缩写),四个值可以分开写;
    • EdgeInsets.all(10),上下左右边距均为10;
    • EdgeInsets.only(left: 10, right: 5, top: 10, bottom: 10),可分别指定4个方向的边距值,如果只需要上边距,可以写成EdgeInsets.only( top: 10)
    • EdgeInsets.symmetric(vertical: 20, horizontal: 10) ,可以指定垂直和水平方向的边距,也可以单独指定垂直或者水平方向的边距。如只需要垂直方向的边距,可写成EdgeInsets.symmetric(vertical: 20)
    • EdgeInsets.fromWindowPadding(),创建与给定窗口填充匹配的insets。具体的用法目前还不知道,第一个参数是给定的widget的windowpadding,第二个是屏幕的分辨率;
  • 相关阅读:
    SQLite学习手册(开篇)
    SQLite学习手册(索引和数据分析/清理)
    SQLite学习手册(在线备份)
    SQLite学习手册(数据类型)
    SQLite学习手册(表达式)
    SQLite学习手册(C/C++接口简介)
    SQLite学习手册(命令行工具)
    (转)Graphical Execution Plans for Simple SQL Queries
    诡异的Request
    今天用windows live writer 2009写博客了
  • 原文地址:https://www.cnblogs.com/stroll/p/11585578.html
Copyright © 2020-2023  润新知