Tag:iPhoneX

  • Considerations for IOS 11 & iPhone x adaptation & xcode9 packaging

    Time:2021-4-18

    1. Fit uitableview if#available(iOS11.0, *) { self.contentInsetAdjustmentBehavior= .never self.estimatedRowHeight=0 self.estimatedSectionHeaderHeight=0 self.estimatedSectionFooterHeight=0 }else{ } 2. Adapt to uiscrollview if#available(iOS11.0, *) { scrollView?.contentInsetAdjustmentBehavior= .never }else{ } 3. The display of section header or footer in uitableview is abnormal In addition, it is found that the height of section header and section footer of some interface tableview is […]

  • About adapting to IOS 11 and iPhone x

    Time:2021-4-14

    preface As we all know, the official version of IOS 11 has finally arrived. Recently, it has adapted the app. In fact, it’s not very troublesome. Let’s take a look at some of the operations I’ve done. I won’t say much. Let’s have a look. 1. Changes of uitableview and uicollectionview Self sizing is used […]

  • Simple adaptation of iPhone x (recommended)

    Time:2021-3-16

    Last week, Apple launched a new device, the most eye-catching one of which is the iPhone X. for this device, the official document has a detailed explanation. In addition to some of the latest AR, artificial intelligence and other functions, we found that it is also a new size device. Official documents point out that […]

  • Solution of no navigation bar page adaptation problem for iPhone x

    Time:2021-2-24

    The original full screen adaptation in the iPhone x will cause incomplete display due to changes in the security area. The solution is as follows: stay self.view Add a view to the view, and the rest of the views are based on the layout of the view, and the constraints of the view change with […]

  • Taking notes on various iPhone x adaptations (super comprehensive)

    Time:2020-10-26

    preface Unlike previous iPhones, this time, the iPhone x uses the popular full screen design. The resolution and scale of the screen are both adopted by apple for the first time, and there is also a “chic Bang”. This requires the existing app to re adapt the iPhone X. So the arrival of iPhone x, […]

  • How to take iPhone x screenshots

    Time:2020-7-30

    There are no rounded corners and bangs in the screenshot of iPhone x, as shown below. In fact, adding round corners and bangs is also very simple Step 1: screen capture Step 2: open my software and select the picture in the picture library Step 3: add round corners and bangs Step 4: save the […]

  • H5 page adapts to iPhone x (that’s easy)

    Time:2020-6-4

    The iPhone x removed the physical button and changed it to a small black bar at the bottom, which led to an awkward screen adaptation problem on the web page. For web pages, the top (banged part) of the browser has been dealt with, so we only need to pay attention to the bottom and […]

  • Solutions to the incompatibility of IOS 10 caused by iPhone x adaptation under Xcode 9

    Time:2020-3-21

    Preface I found a bug submitted by the test team a long time ago, saying that some layouts are normal on IOS 11 and abnormal on IOS 10. Run the app on IOS 11 simulator and IOS 10.3 simulator respectively, and it is found that this is true, as shown in the following figure: Click […]

  • HTML5 page adapts to iPhone x (that’s easy)

    Time:2020-2-17

    Preface The iPhone x removed the physical button and changed it to a small black bar at the bottom, which led to an awkward screen adaptation problem on the web page. For web pages, the top (banged part) of the browser has been dealt with, so we only need to pay attention to the bottom […]

  • About HTML5 pages adapting to the iPhone X

    Time:2019-10-12

    1. Introduction to the iPhone X   Screen size The development dimensions of the well-known iPhone series are summarized as follows: Development Dimensions of Different Types of the iPhone Convert to the pixel size we know well: Multidimensional dimensions for each model Multiplication is actually the multiplier relationship between the pixel size and the development […]

  • A tutorial on how to adapt client H5 pages to iphoneX

    Time:2019-9-25

    Preface At present, many app designers have begun to turn to H5 front-end development, but solving the problem of adapting all the iPhone and Android models is our top priority. Whether designing APP or writing front-end H5. Consider the compatibility of mobile terminals. Because the iphoneX has a full screen and retains a small bang, […]

  • Brief description of Html5 IphoneX adaptation method

    Time:2019-8-13

    The key to the adaptation of IphoneX is how to adapt the page to the “Qiliuhai”, the bottom operating area and the big rounded corner. The difference between IphoneX and other mobile phones is that although the device is also a screen, it is actually divided into several modules, as shown in the following figure: […]