必须启用多端自适应布局并按窗口宽度断点动态切换布局：①≤600vp单栏；②601–840vp双栏；③≥841vp三栏，同时禁用px硬编码、启用layoutWeight和FlexWrap.Wrap。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
用码上飞AI生成的安卓应用在折叠屏、平板或小屏手机上出现按钮错位、留白大片、文字挤成一团，说明布局没走对路——它默认输出的是手机窄屏逻辑，必须主动触发多尺寸适配机制才能让界面在不同设备上“各就各位”。
确认项目已启用响应式布局开关
登录码上飞AI官网 → 进入「我的项目」→ 找到目标安卓应用 → 点击右侧「设置」图标 → 在弹出面板中勾选【启用多端自适应布局】。这一步不可跳过，未勾选时所有后续配置均不生效。
勾选后系统会自动为项目注入ArkUI栅格引擎支持，并禁用固定px单位硬编码路径。
定义屏幕断点与对应布局结构
方法一：使用预设断点模板（推荐新手）
在项目设置页 →「屏幕适配」模块 → 下拉选择「折叠屏三态模板」→ 确认应用将按以下规则切换：
① 闭合态（≤600vp）：单列垂直流，隐藏侧边导航，详情页全屏展开；
② 半展开（601–840vp）：双栏布局，左侧列表+右侧摘要卡片；
③ 完全展开（≥841vp）：三栏结构，左侧导航+中部列表+右侧详情面板同步可见。
方法二：手动输入断点值
点击「自定义断点」→ 输入三个数值（单位vp），例如：580, 768, 1024 → 系统会基于此生成GridRow/GridCol的span映射表。注意：三个值必须严格递增，否则编译报错。
方法三：绑定物理传感器信号（仅限折叠屏真机调试）
开启「铰链状态感知」开关 → 应用运行时将监听deviceFoldState事件 → 自动调用onFoldChange回调重绘界面。该功能需在鸿蒙3.1+系统上实机验证，模拟器不支持。
调整组件级伸缩行为
进入「页面编辑器」→ 选中需要自适应的容器组件（如Flex、Scroll、Column）→ 右侧属性面板中关闭【固定高度】和【固定宽度】选项。
对内容区子组件设置layoutWeight：比如导航栏占1份、主内容区占3份，这样在横屏变宽时主区会自动撑开，而非留白或拉伸图片。
若存在图片类组件，将其width/height设为“match_parent”并勾选“scaleType=fitCenter”，避免90°悬停时因宽高比突变导致裁切。
启用FlexWrap.Wrap：当一行放不下多个标签时，自动折行而非压缩变形——这对动态生成的标签云、技能图标组特别关键。
验证不同设备渲染效果
点击顶部「预览」→ 选择「多设备联调模式」→ 勾选「折叠屏模拟器」、「平板横屏」、「小屏竖屏」三项 → 点击「启动联调」。
系统将同时打开三个窗口，实时同步操作：你在其中一个窗口点击按钮，其余窗口同步触发相同交互逻辑，可直观对比布局是否错位、滚动是否卡顿、文字是否换行异常。
发现某设备下按钮被遮挡？立即返回编辑器，选中该按钮 → 属性面板中将marginBottom从20改为“16vp” → vp单位会随屏幕密度自动缩放，px则不会。
