Before embarking on any solution, we all need to take a closer look at the nature of things. For example, what changes have been made in the shape of the iPhone X, what are the different interactive gestures, how big is its screen, what is the resolution, and so on.
1. Screen size, resolution
The iPhone X, which pursues a full screen, uses a 5.8-inch Super Retina HD display with a screen pixel density of 458ppi.
The pixel resolution of the vertical screen reaches 1125px × 2436px (375pt × 812pt @3x). It can be found that the width of the iPhone X is the same as the width of the original 4.7-inch screen such as the iPhone 7, but the height is 145pt larger. It has also changed from the usual 16:9 to 13:6.
2. Top sensor
In the process of pursuing maximization of the screen, due to the current process problems, Apple adopted a black strip with a height of 30pt to place the speakers, front camera and various sensors, etc. The people in the rivers and lakes called it "Liu Haier", which also means The content of the original page may be blocked, resulting in poor display, which will affect the user experience, so this is also a focus of our adaptation process.
At the same time, in different states of iPhone X, the Status bar at the top will also present different information content:
Lock screen status: the operator's name is on the left, and the signal grid and battery level are on the right.
Unlocked state: The left side becomes the time information, and the right side is the signal grid and power.
App management (long press the b2b data desktop App Icon, the app is in a shaking state): Only the "Finish" button is displayed on the right side, which is used to exit the App management.
3. Virtual home button
iPhone X canceled the previous solid circular home button, and replaced it with a 134pt × 5pt virtual indicator bar at the bottom of the screen.
The original physical Home button click to return to the desktop, double-click to evoke multitasking, long-press to start Siri and other basic functional operations have also been transformed into different gesture operations or new technology replacements. The specific interactive gestures will be detailed in the next section. In order to enhance the operational sense of gestures, the entire virtual Home button also occupies a reserved area with a height of 34pt.