输入数据 → 保存 → 读取验证 → 可清除。页面自上而下分为四块区域：顶部返回栏（返回按钮 + 标题「数据存储」）；主操作卡片（标题 + 姓名输入框 + 年龄输入框 + 保存/读取/清除三按钮 + 已保存数据展示区）；底部提示文字（「应用重启后数据仍然保留，试试重新进入本页」）。是 HarmonyOS 提供的轻量级数据存储 API，来自模块。键值对存储：数据以 key-value 形式存储，ke

输入关键字 → 实时过滤列表 → 点击查看详情 → 可清空重置。页面自上而下分为五块区域：顶部返回栏（返回按钮 + 标题「城市搜索」）；搜索栏（TextInput输入框 + 「清空」按钮）；结果统计文本（「共 N 条结果」）；结果列表（ListForEach渲染匹配的城市）或空状态提示（无匹配时显示）；底部提示文字（「支持中文包含匹配，如输入"北"可匹配"北京"」）。示例 94 的搜索列表展示了实

查看成绩表 → 点击排序 → 查看排序结果与平均分。页面自上而下分为五块区域：顶部返回栏（返回按钮 + 标题「表格数据」）；表头行（姓名/年龄/城市/分数四列，蓝色背景白色文字）；数据区（Grid5 行 4 列，斑马纹交替背景，分数列动态颜色）；统计卡片（学生人数 + 平均分）；排序按钮 + 使用提示文字。GridGrid() {Row() {}, ...)}, ...)Grid：列模板，表示 4

选择城市 → 选择日期 → 选择时间 → 查看汇总结果 → 可重置。页面自上而下分为五块区域：顶部返回栏（返回按钮 + 标题「选择器演示」）；城市选择卡片（标签 + 当前值 +Select下拉组件）；日期选择卡片（标签 +DatePicker滚轮）；时间选择卡片（标签 +TimePicker滚轮）；汇总结果卡片（城市/日期/时间三行蓝色文字）；底部「重置」按钮。@State cityText: s

点击打开菜单 → 查看菜单项 → 点击选中 → 自动收起。页面自上而下分为三块区域：顶部是返回栏，左侧「返回」按钮调用返回上一页，中间是标题「侧滑菜单」；中部是容器，左侧菜单栏占 40% 宽度，深色背景（#1f2733），右侧主内容区占满剩余空间，浅灰背景（#f2f3f5底部功能说明卡片列出三条使用提示。示例 91 的侧滑菜单虽然代码量不大，但涉及了的核心用法、状态绑定与双向同步、动态样式绑定、列

滑动删除」功能是移动端列表交互的标配——用户在列表项上向左滑动，露出删除按钮，点击即可删除该项。同时，我们也提供「添加」功能，让用户可以动态扩充列表。功能描述技术实现列表展示以列表形式展示数据项滑动显示删除左滑列表项露出删除按钮手势监听 + 状态控制删除确认点击删除按钮移除列表项splice 删除 + 状态更新新增项添加新的列表条目数组 push + List 刷新删除按钮切换点击按钮切换为删除模

标签页（Top Tabs Demo）是一个顶部标签切换应用，四个标签（推荐、关注、热门、附近）对应不同的内容页面，点击标签切换并带有下划线指示器。这是典型的顶部导航模式，广泛用于新闻客户端、社交应用的内容分类场景。与第 46 个应用（底部导航）不同，顶部标签页更强调内容分类展示而非全局导航。在 HarmonyOS 中，这个应用展示了Row 标签栏 + 下划线指示器的自定义实现方式，以及Text组件

表单验证」模块是每个应用中不可或缺的组成部分。无论是登录、注册、信息填写还是支付流程，可靠的输入校验都是保障数据质量和用户体验的关键防线。字段验证规则错误提示用户名4-20 个字符，仅允许字母、数字、下划线用户名长度不符或包含非法字符邮箱标准邮箱格式正则匹配请输入有效的邮箱地址手机号11 位数字，以 1 开头请输入正确的 11 位手机号密码不少于 8 位，需含字母和数字密码强度不足确认密码与密码字

底部导航（Bottom Navigation）是一个模拟主流 App 底部 Tab 切换的演示应用。四个标签页（首页、发现、消息、我的）各自关联不同的页面内容，点击标签平滑切换内容区域。底部导航栏是移动应用中最常见的导航模式，iOS 的 UITabBar 和 Android 的 BottomNavigationView 都采用类似设计。在 HarmonyOS 中，底部导航的实现没有使用专门的 Ta

底部导航（Bottom Navigation）是一个模拟主流 App 底部 Tab 切换的演示应用。四个标签页（首页、发现、消息、我的）各自关联不同的页面内容，点击标签平滑切换内容区域。底部导航栏是移动应用中最常见的导航模式，iOS 的 UITabBar 和 Android 的 BottomNavigationView 都采用类似设计。在 HarmonyOS 中，底部导航的实现没有使用专门的 Ta