開發技巧分享—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 屏幕尺寸


分享到:


相關文章: