简短回答理论上是的如果游戏全屏运行scale 1那么1 个图片像素 1 个屏幕像素 图片 1920×1080 ┌──────────────────────┐ │ │ 刚好铺满不放大、不缩小 │ │ 画面最清晰 └──────────────────────┘ 屏幕 1920×1080但实际开发中有几种情况会让它不是刚好铺满。情况 1游戏能用的区域可能比屏幕小手机参数写的 1920×1080 是整块屏幕但游戏不一定能用满┌──────────────────────────┐ │ 状态栏时间、电量 │ ← 如果没开全屏这块被系统占了 ├──────────────────────────┤ │ │ │ 游戏实际可用区域 │ │ │ ├──────────────────────────┤ │ 导航栏返回、主页 │ ← 部分安卓手机有 └──────────────────────────┘例如开着导航栏时游戏实际拿到的可能是1920×1008。这时scale min(1920/1920, 1008/1080) 0.933 图片会被缩小约 7%左右多出一点空间解决游戏一般设置为全屏/沉浸模式隐藏状态栏和导航栏就能拿到完整的 1920×1080。情况 2横竖屏方向参数表通常写成1080×1920竖着说或1920×1080横着说是同一块屏幕。横屏游戏屏幕 1920×1080图片 1920×1080 → 刚好铺满 ✓ 竖屏游戏屏幕 1080×1920图片 1920×1080 → 方向不对 ✗竖屏游戏要做1080×1920的资源。情况 3刘海、挖孔、圆角会挡住一部分即使图片铺满了屏幕的圆角和挖孔处本来就不显示╭──────────────────────╮ │● │ ← 挖孔和圆角处的像素被遮挡 │ │ ╰──────────────────────╯所以背景可以铺满但重要内容按钮、文字不要放在边角要留在安全区内。情况 4游戏可能不是按原生分辨率渲染有些游戏为了省电、提高帧率会降低渲染分辨率比如按 1280×720 渲染再放大到屏幕上。这时 1920×1080 的图片会先被缩小再放大就不是 1:1 了。更重要的问题现在 1920×1080 的手机很少了现在大部分手机比 16:9 更长例如 2400×108020:9。按上次讲的方法scale min(2400/1920, 1080/1080) 1.0 可见区域 2400 × 1080一张 1920×1080 的背景放上去┌────┬──────────────────────┬────┐ │黑边│ 1920×1080 背景 │黑边│ ← 左右各缺 240 像素 └────┴──────────────────────┴────┘ 2400 宽实际做法背景比设计分辨率做得大一些设计分辨率仍然是 1920×1080按钮、重要内容都放在里面但背景图往外多画一圈┌──────────────────────────────────────┐ │ 额外区域出血区 │ │ ┌────────────────────────────┐ │ │ │ 1920×1080 安全设计区域 │ │ ← 按钮、文字、角色放这里 │ │ │ │ │ └────────────────────────────┘ │ │ │ └──────────────────────────────────────┘ 背景图例如 2560×1440各种屏幕会显示背景的不同部分设备可见区域设计坐标背景至少需要16:9 手机1920×10801920×108020:9 长屏手机2400×10802400 宽21:9 更长的屏约 2520×1080约 2520 宽4:3 iPad1920×14401440 高所以背景常做成约 2560×1440就能覆盖从 iPad 到长屏手机的所有情况多出来的部分在不同手机上被裁掉没有黑边。总结1. 横屏、全屏模式、原生分辨率渲染时 1920×1080 的图片在 1920×1080 的手机上刚好 1:1 铺满 ✓ 2. 但要注意 - 状态栏/导航栏会占空间 → 开启全屏模式 - 圆角、挖孔会遮挡边角 → 重要内容放安全区内 - 竖屏游戏要用 1080×1920 3. 实际开发中 - 设计分辨率 1920×1080放按钮和重要内容 - 背景图做得更大如 2560×1440适配长屏和 iPad一句话1920×1080 的资源只能刚好适配 16:9 的屏幕为了适配所有手机背景要比设计分辨率画得更大重要内容放在中间的设计区域内。
简短回答理论上是的如果游戏全屏运行scale 1那么1 个图片像素 1 个屏幕像素 图片 1920×1080 ┌──────────────────────┐ │ │ 刚好铺满不放大、不缩小 │ │ 画面最清晰 └──────────────────────┘ 屏幕 1920×1080但实际开发中有几种情况会让它不是刚好铺满。情况 1游戏能用的区域可能比屏幕小手机参数写的 1920×1080 是整块屏幕但游戏不一定能用满┌──────────────────────────┐ │ 状态栏时间、电量 │ ← 如果没开全屏这块被系统占了 ├──────────────────────────┤ │ │ │ 游戏实际可用区域 │ │ │ ├──────────────────────────┤ │ 导航栏返回、主页 │ ← 部分安卓手机有 └──────────────────────────┘例如开着导航栏时游戏实际拿到的可能是1920×1008。这时scale min(1920/1920, 1008/1080) 0.933 图片会被缩小约 7%左右多出一点空间解决游戏一般设置为全屏/沉浸模式隐藏状态栏和导航栏就能拿到完整的 1920×1080。情况 2横竖屏方向参数表通常写成1080×1920竖着说或1920×1080横着说是同一块屏幕。横屏游戏屏幕 1920×1080图片 1920×1080 → 刚好铺满 ✓ 竖屏游戏屏幕 1080×1920图片 1920×1080 → 方向不对 ✗竖屏游戏要做1080×1920的资源。情况 3刘海、挖孔、圆角会挡住一部分即使图片铺满了屏幕的圆角和挖孔处本来就不显示╭──────────────────────╮ │● │ ← 挖孔和圆角处的像素被遮挡 │ │ ╰──────────────────────╯所以背景可以铺满但重要内容按钮、文字不要放在边角要留在安全区内。情况 4游戏可能不是按原生分辨率渲染有些游戏为了省电、提高帧率会降低渲染分辨率比如按 1280×720 渲染再放大到屏幕上。这时 1920×1080 的图片会先被缩小再放大就不是 1:1 了。更重要的问题现在 1920×1080 的手机很少了现在大部分手机比 16:9 更长例如 2400×108020:9。按上次讲的方法scale min(2400/1920, 1080/1080) 1.0 可见区域 2400 × 1080一张 1920×1080 的背景放上去┌────┬──────────────────────┬────┐ │黑边│ 1920×1080 背景 │黑边│ ← 左右各缺 240 像素 └────┴──────────────────────┴────┘ 2400 宽实际做法背景比设计分辨率做得大一些设计分辨率仍然是 1920×1080按钮、重要内容都放在里面但背景图往外多画一圈┌──────────────────────────────────────┐ │ 额外区域出血区 │ │ ┌────────────────────────────┐ │ │ │ 1920×1080 安全设计区域 │ │ ← 按钮、文字、角色放这里 │ │ │ │ │ └────────────────────────────┘ │ │ │ └──────────────────────────────────────┘ 背景图例如 2560×1440各种屏幕会显示背景的不同部分设备可见区域设计坐标背景至少需要16:9 手机1920×10801920×108020:9 长屏手机2400×10802400 宽21:9 更长的屏约 2520×1080约 2520 宽4:3 iPad1920×14401440 高所以背景常做成约 2560×1440就能覆盖从 iPad 到长屏手机的所有情况多出来的部分在不同手机上被裁掉没有黑边。总结1. 横屏、全屏模式、原生分辨率渲染时 1920×1080 的图片在 1920×1080 的手机上刚好 1:1 铺满 ✓ 2. 但要注意 - 状态栏/导航栏会占空间 → 开启全屏模式 - 圆角、挖孔会遮挡边角 → 重要内容放安全区内 - 竖屏游戏要用 1080×1920 3. 实际开发中 - 设计分辨率 1920×1080放按钮和重要内容 - 背景图做得更大如 2560×1440适配长屏和 iPad一句话1920×1080 的资源只能刚好适配 16:9 的屏幕为了适配所有手机背景要比设计分辨率画得更大重要内容放在中间的设计区域内。
