常用组件

截屏2024-08-20 15.34.50.png
截屏2024-08-20 15.37.00.png

代码目录结构

截屏2024-08-20 18.23.18.png
截屏2024-08-20 18.24.45.png
截屏2024-08-20 18.26.04.png
截屏2024-08-20 18.26.50.png
截屏2024-08-20 18.27.55.png

部署模型

截屏2024-08-20 21.05.56.png

工程结构

截屏2024-08-20 21.03.21.png
截屏2024-08-20 21.05.23.png

布局

截屏2024-08-20 21.08.04.png

自适应布局

截屏2024-08-20 21.10.20.png

响应式布局

截屏2024-08-20 21.13.43.png
截屏2024-08-20 21.14.31.png
截屏2024-08-20 21.58.19.png
截屏2024-08-20 21.58.03.png
截屏2024-08-20 22.00.41.png
截屏2024-08-20 22.04.07.png
截屏2024-08-20 22.10.25.png
截屏2024-08-20 22.11.23.png

三层架构项目
1、新建3个目录common，features，products
2、将原来的entry目录挪到products里改名为phone
3、在features里新建模块login，选择Static Library
4、在features/login/src/main/ets/componets下新建ArkTs File名为Test.ets，随意写一些代码并导出
4、在features/login/src/Index.ets添加代码export {Test} from './src/main/ets/components/Test'，从而将新建的Test再次导出
5、在products/phone/oh-package.json5文件dependencies对象里添加"@ohos/login": "file:../../features/login"，进行导入
6、在products/phone/src/main/ets/pages/Index.ets里引入import { Test } from '@ohos/login/src/main/ets/components/Test';并使用Test()