You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

从Git导入BasicLayoutCodelab项目后,Android Studio运行预览求助

配置Android Studio运行BasicLayoutCodelab项目的步骤

一、预览Jetpack Compose布局

Compose支持编辑器内实时预览,无需启动设备:

  • 打开项目中的Compose代码文件(比如MainActivity.kt或教程指定的布局文件)
  • 定位到带有@Preview注解的函数,示例代码如下:
    @Preview(showBackground = true)
    @Composable
    fun DefaultPreview() {
        BasicLayoutsTheme {
            // 布局内容
        }
    }
    
  • 点击函数上方的Split按钮切换到拆分视图,或直接查看右侧的Preview面板(首次加载可能需要等待依赖下载与编译)
  • 若预览未显示,先执行顶部菜单的Build > Make Project(快捷键:Ctrl+F9 / Cmd+F9)确保项目编译通过

二、启动完整项目运行

1. 配置运行设备

  • 点击顶部工具栏的Device Manager图标(手机样式),选择创建模拟器:
    • 点击Create device,挑选一款手机型号(如Pixel 5),再选择对应系统镜像(推荐带Google Play的版本,需等待下载完成)
    • 完成创建后启动模拟器;也可直接连接开启调试模式的真机

2. 运行项目

  • 确认顶部工具栏的Run Configuration已选中当前项目的app模块
  • 点击绿色三角箭头的Run按钮(快捷键:Shift+F10 / Ctrl+R),等待项目编译、安装到设备后即可查看运行效果

常见问题排查

  • 编译报错时,检查File > Settings > System Settings > Android SDK,确保已安装项目build.gradle中指定的compileSdk版本
  • 预览面板提示"Preview not available"时,尝试重启Android Studio,或通过File > Invalidate Caches... > Invalidate and Restart清理缓存

内容的提问来源于stack exchange,提问作者Fabrice

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.03 06:07:08