build() {
// build 里面的内容就是界面的真正内容
// 手机界面的结构都是函数调用完成的
}
枚举
enum xx {
Max = 0,
Mid = 1,
Min = 2
}
xx.大
结构函数 => 调用他就能得到一个结构
// Row
// Column
// Text
结构是分层级的 => 父子的包含层级 和 兄弟的并列层级
基础结构(组件) Text Image Buttom
容器结构(容器组件) Column(从上到下排列) Row (从左到右排列)
Column() { 子结构 }
Text(数据)
先理结构 再填内容
Build() 中有且只能有一个容器
某一个结构加自己的样式(颜色,大小,粗细,宽度)
找到那个组件 .方法(数据)
fontSize fontColor 不能用于容器组件 => 非通用属性
width height backgroundColor => 通用属性
任何结构 默认情况下都是透明色
==================================================
build 中有且只能有一个容器
鸿蒙的数值的单位是 vp
单位面积内,像素格子越小,像素点个数越多,屏幕越高清
px: 物理像素,也叫设备像素
px 作为一个单位,在不同的设备上 不能保证视觉效果一致
vp: 虚拟像素,会根据不同设备显示能力,自动进行转换成对应的px物理像素,保证不同设备显示效果一致
默认是 vp ,带单位 需要写成字符串 例如:'20vp' , 20
1vp ≈ 3px
文本属性(不通用的属性) fontSize fontColor
fp 约等于 vp,字体的单位是fp
默认的字体大小是16
字体颜色的设置
1 .fontColor(枚举的数据)
2 .fontColor(十六进制的颜色色值)
3. .fontColor('rgb()') 三个参数取值范围0~255
4. .fontColor('rgba()') 四个参数,最后的一位是透明度,范围是0~1
字体是否倾斜
fontStyle()
参数:枚举
字体粗细
fontWeight()
参数: [100,900] 默认是400 加粗是700
1. .fontWeight(枚举的值)
2. .fontWeight(数字100~900)
文本行高
lineHeight()
文本装饰线
参数: {}
必选的属性 type => type: TextDecorationType.LineThrough
可选的属性 color => color: Color.Black 默认是黑色
文本的水平对齐方式
容器的宽度和高度默认是内容撑开的
文字默认在结构中是左对齐的
textAlign()
文本的竖直(垂直)对齐方式的设置
align() 默认是居中对齐的
文本的首行缩进
textIndent() 文字当前大小*数值 表是数值个缩进
课后练习
1.找新闻中的某个段落 加7个效果 => 3个大段落
2.找短一点的新闻标题 两个对齐方式 => 3个标题