2024年8月4日发(作者:乌雅雅隽)
1.坚果 R1 屏幕特点
1080px
2242px
18.68
:
9
82px
82 × 104px
45px45px
18.68
:
9
坚果 R1 屏幕
分辨率 = 2242 × 1080px
屏幕高宽比 ≈ 18.68
:
9
状态栏高度高调整
由 Android 原生的 60px 调整为 82px
屏幕顶部中间有不规则开孔
(以下简称 “前置摄像头”)
高 = 82px
宽 = 104px
屏幕顶部两边有圆角
圆角半径 = 45px
2.坚果 R1 安全显示区域介绍
应用全屏显示时屏幕顶部 “两边圆角” 及 “前置摄像头” 可能会遮挡应用内容,如
【图 1】,安全显示区域避开了这些遮挡【图 2】,应用界面显示在该区域可以
保证内容显示的完整性
1080px
2242px
图示 1
2160px
1080px
图示 2
3.应用显示时可能存在的问题及推荐解决方案
应用显示在长屏幕上时有 “黑条”
推荐解决方案:
出现此类问题【图1】的原因一般是应用没有采用自适应布局,导致屏幕部分区域没有显示应用内容,建
议应用采用自适应布局,在不同高度的屏幕上都可以让应用内容铺满整个屏幕【图2】。需要注意关键按
钮及关键信息布局在安全显示区域中,防止被遮挡,同样要关注应用内容是否被拉伸和压缩
图示 1图示 2
2160px
2160px
1080px1080px
应用在屏幕顶部左右两边圆角区域信息显示不全
推荐解决方案:
应用全屏显示时,可以将内容布局到状态栏区域,因为屏幕顶部左右有圆角,此区域的信息可能显示
在圆角外,建议在屏幕顶部圆角区域(左右顶部宽度 = 45px)内不放关键信息(按钮、文字等),只
用背景填充
45px45px
屏幕顶部不规则开孔遮挡应用信息
推荐解决方案:
a)
竖屏时,建议应用关键信息(按钮、文字等)避开前置摄像头区域(中间顶部,高 82px × 宽 104px),
只用背景填充
1080px
82 × 104px
b)
横屏时,考虑到用户可能顺时针旋转手机也可能逆时针旋转手机,建议应用两侧中间关键信息(按钮、文
字等)避开前置摄像头区域,或只在安全区内显示操作项,不规则区域只用背景填充
82px82px
c)
锤科提供接口来判断当前设备是否为异形屏
包名:
类名:DisplayUtilsSmt
接口:public static boolean isFeatureSupport(int mask)
异形屏判断参数:0 x 00000001
返回值:true 表示此设备为异形屏,
false 表示此设备不是异形屏
* 备注:目前仅在 Smartian OS 6.0 及以上版本提供该接口,为兼容低版本请使用反射调用
应用顶部信息离状态栏很近
推荐解决方案:
此问题的一般原因是应用写死了状态栏高度为 60px,而状态栏黑色背景高度为 82px,所以会有 22p 的
内容被状态栏遮挡,建议应用调用系统接口获取实际的状态栏高度,保证应用内容正常显示
2242px
App 主显示区
3.其他注意事项
边缘防误触
手机边框设计已经变得越来越窄,虽然手机系统本身会做一定的防误触处理,但难免个别场景覆盖不
到,导致靠近手机边框的按钮等操作项在握持手机时容易被误点击,建议应用设计时重要操作避免过
于靠近手机两侧边框,防止误触
易误触易误触
2024年8月4日发(作者:乌雅雅隽)
1.坚果 R1 屏幕特点
1080px
2242px
18.68
:
9
82px
82 × 104px
45px45px
18.68
:
9
坚果 R1 屏幕
分辨率 = 2242 × 1080px
屏幕高宽比 ≈ 18.68
:
9
状态栏高度高调整
由 Android 原生的 60px 调整为 82px
屏幕顶部中间有不规则开孔
(以下简称 “前置摄像头”)
高 = 82px
宽 = 104px
屏幕顶部两边有圆角
圆角半径 = 45px
2.坚果 R1 安全显示区域介绍
应用全屏显示时屏幕顶部 “两边圆角” 及 “前置摄像头” 可能会遮挡应用内容,如
【图 1】,安全显示区域避开了这些遮挡【图 2】,应用界面显示在该区域可以
保证内容显示的完整性
1080px
2242px
图示 1
2160px
1080px
图示 2
3.应用显示时可能存在的问题及推荐解决方案
应用显示在长屏幕上时有 “黑条”
推荐解决方案:
出现此类问题【图1】的原因一般是应用没有采用自适应布局,导致屏幕部分区域没有显示应用内容,建
议应用采用自适应布局,在不同高度的屏幕上都可以让应用内容铺满整个屏幕【图2】。需要注意关键按
钮及关键信息布局在安全显示区域中,防止被遮挡,同样要关注应用内容是否被拉伸和压缩
图示 1图示 2
2160px
2160px
1080px1080px
应用在屏幕顶部左右两边圆角区域信息显示不全
推荐解决方案:
应用全屏显示时,可以将内容布局到状态栏区域,因为屏幕顶部左右有圆角,此区域的信息可能显示
在圆角外,建议在屏幕顶部圆角区域(左右顶部宽度 = 45px)内不放关键信息(按钮、文字等),只
用背景填充
45px45px
屏幕顶部不规则开孔遮挡应用信息
推荐解决方案:
a)
竖屏时,建议应用关键信息(按钮、文字等)避开前置摄像头区域(中间顶部,高 82px × 宽 104px),
只用背景填充
1080px
82 × 104px
b)
横屏时,考虑到用户可能顺时针旋转手机也可能逆时针旋转手机,建议应用两侧中间关键信息(按钮、文
字等)避开前置摄像头区域,或只在安全区内显示操作项,不规则区域只用背景填充
82px82px
c)
锤科提供接口来判断当前设备是否为异形屏
包名:
类名:DisplayUtilsSmt
接口:public static boolean isFeatureSupport(int mask)
异形屏判断参数:0 x 00000001
返回值:true 表示此设备为异形屏,
false 表示此设备不是异形屏
* 备注:目前仅在 Smartian OS 6.0 及以上版本提供该接口,为兼容低版本请使用反射调用
应用顶部信息离状态栏很近
推荐解决方案:
此问题的一般原因是应用写死了状态栏高度为 60px,而状态栏黑色背景高度为 82px,所以会有 22p 的
内容被状态栏遮挡,建议应用调用系统接口获取实际的状态栏高度,保证应用内容正常显示
2242px
App 主显示区
3.其他注意事项
边缘防误触
手机边框设计已经变得越来越窄,虽然手机系统本身会做一定的防误触处理,但难免个别场景覆盖不
到,导致靠近手机边框的按钮等操作项在握持手机时容易被误点击,建议应用设计时重要操作避免过
于靠近手机两侧边框,防止误触
易误触易误触