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.