开发技巧分享—FileMaker Go 适配新 iPad Pro 屏幕尺寸

新的 iPad Pro 已经发布一段时间,其卓越的性能和超大的屏幕为移动办公提供了更高效率。FileMaker Inc.也在最近更新了 FileMaker Go,全面兼容了新 iPad Pro 圆角全面屏。为了方便大家更好的使用 iPad Pro,今天我们就来分享一下如何让 FileMaker 移动端系统全面适配新 iPad Pro,同时我们也会附赠其他 iOS 设备的适配尺寸。

iPad Pro 屏幕可用区域的尺寸是多少

iOS 设备的屏幕像素尺寸是固定的,比如普通 iPad 是 2048x1536(横屏)。但是由于 iOS 设备都是 Retina 高清屏幕,所以 iOS 设备的原生像素尺寸需要除以 2 才是我们可以使用的设计和开发尺寸。依据此,普通 iPad 的设计&开发尺寸应为(横屏):1024x768pt。

但是,不是屏幕上所有的位置我们都可以使用。老款的 iPad & iPhone 的最上面都有固定的显示时间和电池电量的信息栏,这个区域的高度为 20pt。所以,1024x748(横屏)才是我们真实可用的 FileMaker 开发尺寸。

新款 iPad Pro 会略复杂一些。因为其使用底部 Home 条(Home Indicator)代替了 Home 键(Home Button),所以这一块要从可用区域中减去。比如:11寸 iPad Pro 原本的设计&开发尺寸为:1194x834pt,首先减去上面信息栏的高度 24pt(老款的是 20pt),然后再减去下面 Home 条的高度 15pt,最后实际可用区域的尺寸为:1194x795pt。

开发技巧分享—FileMaker Go 适配新 iPad Pro 屏幕尺寸

当然这个尺寸是表单布局的尺寸,有时候列表模式或者布局很长需要上下滑动时,则不受这个高度影响。

其他新 iPad Pro 适配注意点

除了尺寸,还有一些适配新 iPad Pro 的注意点。

1. Home 条的颜色跟随正文部分的颜色。所以如果设计了底部导航,并且导航带有颜色,则需要通过正文部分来控制。

2. 顶部信息栏的颜色可以通过多个部分控制:正文、页眉、顶部导航等等都可以。

3. 标准 iPad 界面包含顶部导航和底部导航,新 iPad Pro 分别为 50pt,而老版为顶部:44pt、底部:50pt。

4. 对于同类 iOS 设备的微小尺寸差别,可以使用边缘锁定功能来自适应。

以上就是适配新 iPad Pro 的内容。最后为大家附上所有 iOS 的可用区域尺寸对照表,希望大家都能利用 FileMaker + iOS 设备来为企业提高办公效率。

开发技巧分享—FileMaker Go 适配新 iPad Pro 屏幕尺寸


分享到:


相關文章: