zoukankan      html  css  js  c++  java
  • Container 组件、Text 组件

    一、Text 组件


    textAlign : 文本对齐方式(center 居中,left 左对齐,right 右对齐,justfy 两端对齐)
    textDirection :  文本方向(ltr 从左至右,rtl 从右至左)
    overflow :  文字超出屏幕之后的处理方式(clip裁剪,fade 渐隐,ellipsis 省略号)
    textScaleFactor : 字体显示倍率
    maxLines : 文字显示最大行数
    style :  字体的样式设置

    二、TextStyle

    decoration 文字装饰线(none 没有线,lineThrough 删除线,overline 上划线,underline 下划线)
    decorationColor 文字装饰线颜色
    decorationStyle 文字装饰线风格([dashed,dotted]虚线,
    double 两根线,solid 一根实线,wavy 波浪线)
    wordSpacing 单词间隙(如果是负值,会让单词变得更紧
    letterSpacing 字母间隙(如果是负值,会让字母变得更紧凑)
    fontStyle 文字样式(italic 斜体,normal 正常体)
    fontSize 文字大小
    color 文字颜色
    fontWeight 字体粗细(bold 粗体,normal 正常体)
     
     

    三、Container

    alignment topCenter:顶部居中对齐
    topLeft:顶部左对齐
    topRight:顶部右对齐
    center:水平垂直居中对齐
    centerLeft:垂直居中水平居左对齐
    centerRight:垂直居中水平居右对齐
    bottomCenter 底部居中对齐
    bottomLeft:底部居左对齐
    bottomRight:底部居右对齐
    decoration decoration: BoxDecoration(
        color: Colors.blue,
        border: Border.all(
          color: Colors.red,
           2.0,
        ),
        borderRadius: BorderRadius.all(
          Radius.circular(8.0)
        )
    )
    margin margin 属性是表示 Container 与外部其他组件的距离。
    EdgeInsets.all(20.0),
    padding padding 就 是 Container 的 内 边 距 , 指
    Container 边缘与 Child 之间的距离
    padding: EdgeInsets.all(10.0)
    transform 让 Container 容易进行一些旋转之类的
    transform: Matrix4.rotationZ(0.2)
    height 容器高度
    width 容器宽度
    child 容器子元素

     

     

     

  • 相关阅读:
    项目沟通管理
    项目人力资源管理
    项目质量管理
    项目成本管理
    项目时间管理
    项目的范围管理
    css3:flex overflow ellipsis 层级处理
    Python3.7在win10下安装PyAudio库以及实现音频的录制与播放
    利用爬虫、SMTP和树莓派3B发送邮件&续集&(爬取墨迹天气预报信息)
    利用爬虫、SMTP和树莓派3B发送邮件(爬取墨迹天气预报信息)
  • 原文地址:https://www.cnblogs.com/jiefangzhe/p/15233491.html
Copyright © 2011-2022 走看看