Menu
According to iOS Human Interface Guidelines, a modal view can be in the form of a page sheet or form sheet, among others.
Page sheet is described as: Partially covers the underlying content on larger devices held in landscape orientation. All uncovered areas are dimmed to prevent interaction with them. Covers the entire screen on smaller devices and in portrait orientation.
And Form sheet as: Appears centered on screen, but may be repositioned if a keyboard is visible. All uncovered areas are dimmed to prevent interaction with them. May cover the entire screen on smaller devices.
What is the real difference in the look of these 2 forms?
I couldn't find the description of Form sheet in the developer docs. Only the page sheet (https://developer.apple.com/reference/uikit/uimodalpresentationstyle/1621358-pagesheet).
Can someone be so kind to explain, please? Thank you!
223
In watchOS, a sheet is a full-screen view that slides over your app's current screen.
An action sheet is a specific style of alert that appears in response to a control or action, and presents a set of two or more choices related to the current context. This tutorial is made with Xcode 11 and built for iOS 13.
Modality is a design technique that presents content in a separate, focused mode that prevents interaction with the parent view and requires an explicit action to dismiss. Presenting content modally can: Ensure that people receive critical information and, if necessary, act on it.
A bottom sheet usually refers to a UI anchored to the bottom of the screen with content that usually supplements the screen's primary UI region. As screen size keeps increasing year over year, this UI component becomes more popular.
You likely have found the answer to this by now, but I wanted to make sure this question has an answer for everyone else who stumbles upon it.
On regular-width, regular-height size class devices such as iPad, Page Sheet covers almost all vertical distance but does not go all the way to the top. Horizontally, space is left on both sides. An example of this is Apple's Mail application when composing a new email. Here's a simple screenshot from the simulator:
A Form Sheet is similar to a Page Sheet except that it leaves even more space on each side and also leaves more space on both the top and bottom. The effect is basically a floating box:
56
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
