在鸿蒙 ArkTS 页面开发中，Image是展示本地 / 网络图片的基础组件，搭配Stack层叠容器可以轻松实现图片水印、图文卡片、浮标标签等常见 UI 效果。：纯 Image 图片基础用法，包含尺寸、圆角、填充模式、阴影美化；：Stack 层叠图片卡片，结合 Radio 单选框完成图文表单页面；同时讲解配套 Button 按钮美化、Column 垂直布局，适合零基础入门学习图片与层叠布局。

在鸿蒙 ArkTS 页面开发中，Image是展示本地 / 网络图片的基础组件，搭配Stack层叠容器可以轻松实现图片水印、图文卡片、浮标标签等常见 UI 效果。：纯 Image 图片基础用法，包含尺寸、圆角、填充模式、阴影美化；：Stack 层叠图片卡片，结合 Radio 单选框完成图文表单页面；同时讲解配套 Button 按钮美化、Column 垂直布局，适合零基础入门学习图片与层叠布局。

在鸿蒙 ArkTS 开发中，@State是实现数据驱动 UI的核心装饰器，只要状态变量发生变化，所有绑定该变量的组件会自动刷新页面，无需手动更新视图。TextInput 输入框双向实时回显Button 点击切换文本状态Toggle 滑动开关实现夜览模式全局换肤 覆盖线性布局Column/Row、三元表达式动态渲染、事件回调等高频知识点，适合 ArkTS 零基础入门学习。

在鸿蒙 ArkTS 开发中，@State是实现数据驱动 UI的核心装饰器，只要状态变量发生变化，所有绑定该变量的组件会自动刷新页面，无需手动更新视图。TextInput 输入框双向实时回显Button 点击切换文本状态Toggle 滑动开关实现夜览模式全局换肤 覆盖线性布局Column/Row、三元表达式动态渲染、事件回调等高频知识点，适合 ArkTS 零基础入门学习。

最近系统学习 HarmonyOS ArkTS 基础 UI 与状态管理，围绕@State响应式装饰器完成了多套实战案例，涵盖数字计数器、文本输入双向绑定、开关组件、完整登录页面，所有练习文件统一命名为。6.17Toggle2.ets:多按钮均分宽度：统一设置width('30%')，Row 设置间距space自动留白。6.17MypageLogin.ets：综合实战 —— 带记住密码、清空、登录注册

最近系统学习 HarmonyOS ArkTS 基础 UI 与状态管理，围绕@State响应式装饰器完成了多套实战案例，涵盖数字计数器、文本输入双向绑定、开关组件、完整登录页面，所有练习文件统一命名为。6.17Toggle2.ets:多按钮均分宽度：统一设置width('30%')，Row 设置间距space自动留白。6.17MypageLogin.ets：综合实战 —— 带记住密码、清空、登录注册

在 ArkTS 页面开发中，布局容器是页面排版的核心，日常开发最常用Stack层叠Flex弹性RelativeContainer相对三种布局，本文结合实操案例梳理用法。

在 ArkTS 页面开发中，布局容器是页面排版的核心，日常开发最常用Stack层叠Flex弹性RelativeContainer相对三种布局，本文结合实操案例梳理用法。

垂直布局 Column：主轴方向为从上到下，主要用于竖向排列文字、个人信息、列表内容，适合页面主体内容展示。水平布局 Row：主轴方向为从左到右，主要用于横向排列按钮、导航、功能选项，适合页面局部模块排版。