图片来源：黑马程序员 bz

第一个页面：声明式 UI 需要什么样的 UI 就声明什么样的组件。

@Component 可复用的UI组件。在 ArkUI 中，组件是构建界面的基本单元，可以包含模板、样式和逻辑。

它是定义UI组件的基础。

@Entry 用于标识应用的入口组件。在 ArkUI 应用中，需要有一个根组件作为整个应用界面的【起点】。

@State

• 用于定义组件的状态变量。在 ArkUI 中，状态管理是界面响应数据变化的关键。
• 详细解释：当标记了@State的变量发生变化时，与该变量绑定的界面部分将自动重新渲染，反映最新的状态。
• 优点：实现了数据和视图的自动同步，简化了状态管理。
• 局限性：频繁的状态变更可能导致性能问题，因为每次变更都会触发界面的重新渲染。
• 替代注解：@Computed和@Prop等注解也涉及状态管理，但用于不同的场景。

最粽效果：

图片显示组件

ets 文件代码

TextInput：文本输入框

Button：按钮组件

slider：滑动条组件

Column容器

column 分布、space 空余位置分布 FlexAlign

水平 位置、垂直位置。

最后，代码：