鸿蒙开发-第四天

文本溢出
属性：textOverflow
文本超出默认是剪裁效果
1. 超出的内容部分以省略号显示  => 超出几行后？
 .textOverflow({
 // 设置超出显示的方式 => 省略号 滚动形式 
 overflow: TextOverflow.Ellipsis  // 省略号显示
 }).maxLines(2)   // 最多几行

2. 滚动播放显示（跑马灯）
 .textOverflow({
 // 设置超出显示的方式 =>  滚动形式 
 overflow: TextOverflow.MAQUEE  // 省略号显示
 })   // 滚动播放形式，是一行播放，不需要 maxLines 属性
 
3. 裁剪效果 可以配置最多几行，和默认效果有区别

4. None 和裁剪效果差不多，可以设置最多几行

Image组件属性
显示图片
// Image(网络图片地址)
Image()
可以设置宽度和高度的，如果只设置高度，宽度会跟着高度等比例改变，如果只设置宽度，高度也会跟着变

// 本地图片地址
注意：图片存在这个位置  =>  resources/base/media
Image($r('app.media.图片名'))
注意：图片的命名需要是纯字母的

aspectRatio  设置宽高比 => 通用属性
aspectRatio(2) 宽高比为两倍

针对网络图片加载不出来
alt(本地图片地址)  => 空着不好看，本地照片先顶一下  是非通用属性

图片填充
属性：objectFit 
参数类型：枚举 ImageFit