基础知识
第一章
1.文件解读
1.代码文件
enrty/src/main/ets/pages
2.资源文件
entry/src/main/resourses
开发语言:ATkTs
基于TypeScript进行扩充和提升
@Entry
@Component
struct 结构名{
build(){
}}
2.数据类型
1.字符串类型
2.数字类型
3.布尔类型
let 变量名:数据类型=
3.数组
一次性保存多个同类型数据
let 数组名:类型[]=[数据1,数据2,数据3,…]
索引从0开始
4.对象
一次性保存不同类型的数据
1.定义接口
interface 接口名{
变量名:数据类型,
变量名:数据类新
}
2.赋值
let 对象名:数据类型={
变量名:,
变量名
}
5.函数
1.普通函数
1.定义
function 函数名(变量名:数据类型){ }
2.调用
形参–>定义
实参–>调用
2.箭头函数
{} =>{}
第二章
1.布局
bulid里面必须有唯一根组件
先布局,在内容
Column()列
列里面填行布局
Row()行
行里面填列布局
2.属性
| 属性名 | 作用 | 属性值 |
|---|---|---|
| width | 宽度 | TD_1_3 |
| height | 高度 | TD_2_3 |
| backgroudColor | 背景颜色 | TD_3_3 |
| fontSize | 字体大小 | TD_4_3 |
| fontColor | 字体颜色 | TD_5_3 |
| fontWeight | 字体粗细 | TD_6_3 |
| ---- | ---- | ---- |
| ---- | ---- | ---- |
| ---- | ---- | ---- |
| ---- | ---- | ---- |
3.图片
1.不用加后缀名
resourse/base/media/
img($r(‘app.media.xx’))
4.边距
与组件的边缘
1.内边距
padding
2.外边距
margin
5.边框
具体实例
1.先整体,在布局2.先布局,在内容,后美化1.可滚动组件
List(){ListItem(){}}.scroller(BarState.Off)2.layoutWeight的作用
将外层组件剩余尺寸分成指定份数,当前组件占用对应的份数3.扩充组件安全区代码
第三章
1.if
if(逻辑条件){}elseif{}else{}2.循环渲染
ForEach(数组,(item:类型,index:number)=>{组件})3.状态管理
.onclick(()=>{ })