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

如何在横向模式下查看Compose预览

在Jetpack Compose中设置横向预览
  • 通过注解参数指定横向模式
    在@Preview注解里添加uiMode参数,配置为横向模式即可,示例代码:

    @Preview(
        name = "横向预览",
        uiMode = Configuration.UI_MODE_NIGHT_NO or Configuration.UI_MODE_LANDSCAPE,
        showBackground = true
    )
    @Composable
    fun LandscapePreview() {
        YourAppTheme {
            // 这里放你的Compose布局代码
            MainScreen()
        }
    }
    
  • 直接在预览面板切换
    打开Android Studio的预览面板,点击顶部的旋转图标(类似手机横向摆放的按钮),就能快速将默认预览切换为横向模式。

  • 模拟特定设备横向(可选)
    如果需要适配平板等特定设备的横向尺寸,可在@Preview中指定device参数,示例:

    @Preview(
        name = "平板横向预览",
        device = Devices.PIXEL_C,
        showBackground = true
    )
    @Composable
    fun TabletLandscapePreview() {
        YourAppTheme {
            MainScreen()
        }
    }
    

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.28 06:34:55