帅次的博客

一、线性布局（Row、Column）二、层叠布局（StackLayout）三、弹性布局（Flex）四、相对布局(RelativeContainer)五、列表 (List)六、网格布局 (Grid)七、轮播 (Swiper)

文本显示（Text/Span）按钮（Button）文本输入（TextInput/TextArea）单选框（Radio）切换按钮（Toggle）进度条（Progress）弹窗/自定义弹窗（AlertDialog/CustomDialog）视频播放（Video）

ArkUI 为HarmonyOS应用的UI开发提供了完整的基础设施，包括简洁的UI语法、丰富的UI功能（组件、布局、动画以及交互事件），以及实时界面预览工具等，可以支持开发者进行可视化界面开发。应用性能：如下图所示，两种开发范式的UI后端引擎和语言运行时是共用的，但是相比类Web开发范式，声明式开发范式无需JS框架进行页面DOM管理，渲染更新链路更为精简，占用内存更少，应用性能更佳。：后端引擎提供了兼容不同开发范式的UI渲染管线，提供多种基础组件、布局计算、动效、交互事件，提供了状态管理和绘制能力。

一、DevEco Studio 下载根据自己环境进行下载，下面就是常规的安装应用方式。二、DevEco Studio 诊断开发环境第一次打开会自动诊断，后面可通过右下方 help（帮助） 进入诊断开发环境。如下：这里很容易出现两个小问题：npm 仓库是否可访问报错，需要配置NPM代理。ohpm 是否设置正确报错。2.1 配置NPM代理1.第一次进入：如果报错可通过提示直接进入设置页面 2.通过项目进入设置页面:npm 注册表：配置npm仓的地址信息。