抖音开放平台Logo
开发者文档
控制台
  • 体验抖音小游戏
  • 游戏引擎
  • Unity 引擎适配
  • WebGL 方案与优化
  • WebGL适配方案
  • 性能优化
  • 版本更新与资源部署
  • 能力适配
  • 加载外部js文件的支持
  • 使用新文件系统说明
  • 屏幕适配
  • 键盘输入法适配
  • 后端服务指引
  • 网络通信适配
  • 多点触控适配
  • 音频适配
  • Android WebGL2.0支持
  • 问题反馈
  • 方案概述与兼容性
  • BGDT 手册
  • 接入
  • C# API
  • Cocos/Laya/Egret引擎适配
  • 基础功能
  • 开放能力
  • 性能优化
  • 此文档描述小游戏制作时的屏幕适配问题

    游戏界面

    小游戏的屏幕适配与unity游戏适配常见手机屏幕没有区别。常见的适配方式都可以在小游戏中使用。区别的是一些屏幕信息的获取。 如安全区域的获取需调用 StarkSDK.API.GetSystemInfoSync得到其中的安全区域。
    要注意小游戏右上角默认有退出按钮和胶囊按钮,游戏界面设计时需要避开。
    在Unity Editor下通过mock可以显示出胶囊按钮的位置。

    安全区域的获取接口

    public struct SafeArea { /// <summary> /// 安全区域左上角横坐标 /// </summary> public int left; /// <summary> /// 安全区域右下角横坐标 /// </summary> public int right; /// <summary> /// 安全区域左上角纵坐标 /// </summary> public int top; /// <summary> /// 安全区域右下角纵坐标 /// </summary> public int bottom; /// <summary> /// 安全区域的宽度,单位逻辑像素 /// </summary> public int width; /// <summary> /// 安全区域的高度,单位逻辑像素 /// </summary> public int height; } /// <summary> /// 系统信息 /// </summary>S public class StarkSystemInfo { ... /// <summary> /// 在竖屏正方向下的安全区域 /// </summary> public SafeArea safeArea; } var systemInfo = StarkSDK.API.GetSystemInfo(); Debug.Log(systemInfo.safeArea);