鸿蒙开发-第五天

============背景属性============

backgroundColor   背景色

backgroundImage  背景图
backgroundImage(背景图地址，背景图平铺方式 ImageRepeat)
背景图平铺方式是可选参数，是枚举类的
Norepeat    => 默认值
X    => 横向平铺
Y    => 纵向平铺
XY    => 全铺

背景图 VS 图片
如果看到了图片，没有什么东西，用谁都可以，建议用 Image 组件
如果图上还有别的东西，用背景图 backgrondImage

背景图缩放
backgroundImageSize  背景图大小
backgrondImageSize( {width:  , height:  } )
width 和 height 往往只给一个，另一个自适应缩放
backgrondImageSize(ImageSize.Cover)
backgrondImageSize(ImageSize.Contain)
backgrondImageSize(ImageSize.Auto)   => 默认效果

backgroungImagePosition     背景图位置
backgroungImagePosition({x:  , y: })
枚举 :  Alignment

源码
interface Position {x: number,y: number}
enum Alinment {}

===============线性布局=============

主轴    无论Column还是Row，其子结构都是按照主轴方向排列的
交叉轴    垂直于主轴的另一个方向

主轴方向的间距
Column( {space: 20} ) {}

主轴对齐方式
justifyContent()
参数：FlextAlign   枚举类的

Start   => 默认值
Center
End
SpaceBetween  两边顶到底，间距平均分配 => 用的最多
SpaceAround        中间间距是两头的2倍
SpaceEvenly        所有间距都一样

交叉轴(侧轴)对齐方式
alignItems(HorizontalAlign.枚举值)
Center => 默认值
Start
End

alignItems(VerticalAlign.枚举值)
Center => 默认值
Top
Bottom

主轴对齐方式 默认值都是Start

设置子结构单独在交叉轴（侧轴）的对齐方式
alignSelf(ItemAlign.枚举值)
alignSelf(ItemAlign.Stretch)  交叉轴上拉满父容器

自适应缩放
layoutWeight()

layoutWeight(数字)

文字的颜色，大小，加粗最后写，先考虑布局

知识点思维导图