zoukankan      html  css  js  c++  java
  • Flutter 学习 ---- Contain、Text

    Flutter Contain、Text组件

    Text组件是在编写界面中使用频率算是靠前的一个

    Flutter 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 正常体)

    Flutter 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 容器子元素
  • 相关阅读:
    Uva 11806 拉拉队 二进制+容斥原理 经典!
    CSU CHESS
    hdu 4049 Tourism Planning 状态压缩dp
    HDOJ 4661: Message Passing(找递推公式+逆元)
    HDU
    hdu4647(思路啊!)
    spoj 370. Ones and zeros(搜索+同余剪枝+链表存数(可能越界LL))
    URAL
    URAL
    hdu4614 (二分线段树)
  • 原文地址:https://www.cnblogs.com/bananafish/p/12231544.html
Copyright © 2011-2022 走看看