25
4
CFSDN nhấn mạnh vào giá trị tạo ra nguồn mở và chúng tôi cam kết xây dựng nền tảng chia sẻ tài nguyên để mọi nhân viên CNTT có thể tìm thấy thế giới tuyệt vời của bạn tại đây.
Bài viết trên blog CFSDN Sơ đồ chuyển thể nối tiếp iPhoneX (tóm tắt) này được tác giả sưu tầm và biên soạn. Nếu các bạn quan tâm đến bài viết này thì nhớ like nhé.
Như thường lệ, khi Apple phát hành sản phẩm mới, chúng tôi với tư cách là nhà phát triển cần phải thích ứng với hệ thống và bố cục giao diện người dùng, và năm nay cũng vậy. Bắt đầu từ iPhoneX ra mắt năm ngoái, điện thoại iPhone đã có thêm thiết kế tóc mái và cần có sự điều chỉnh đặc biệt cho tóc mái của iPhone. Ba mẫu iPhone mới ra mắt năm nay đều có tóc mái nên đương nhiên cũng không ngoại lệ.
Trước iPhone 64, đổi thành 88, vì chiều cao của thanh trạng thái thay đổi từ 20 thành 44; chiều cao của thanh điều hướng phía dưới thay đổi từ 49 thành 83.
Do đó, để thích ứng với điện thoại di động dòng iPhoneX, cần phải điều chỉnh điều hướng trên và điều hướng dưới cùng. Chỉ là phương pháp đánh giá iPhoneX ban đầu không còn có thể đánh giá hoàn toàn mẫu iPhoneX mới nữa. Hoặc tiếp tục thêm if{}else{} để đưa ra phán đoán hoặc tìm một phương pháp mới. May mắn thay, tỷ lệ khung hình của các mẫu iPhoneX là đều đặn.
Tôi thấy bài đăng trực tuyến của người khác liệt kê chiều rộng, chiều cao và tỷ lệ của các mẫu iPhoneX series:
|
1
2
3
4
5
|
// Chiều cao và chiều rộng màn hình của các mẫu nối tiếp iphoneX
//CHIỀU CAO MÀN HÌNH XSM = 896.000000, CHIỀU RỘNG MÀN HÌNH = 414.000000 2.1642512077
//CHIỀU CAO MÀN HÌNH XS = 812.000000, CHIỀU RỘNG MÀN HÌNH = 375.000000 2.1653333333
//CHIỀU CAO MÀN HÌNH XR = 896.000000,CHIỀU RỘNG MÀN HÌNH = 414.000000 2.1642512077
//X CHIỀU CAO MÀN HÌNH = 812.000000, CHIỀU RỘNG MÀN HÌNH = 375.000000 2.1653333333
|
Chuyển thể gốc của dòng iPhonex sang iOS.
|
1
2
3
4
|
#define SCREEN_HEIGHTL [Màn hình chính UIScreen].bounds.size.height
#define SCREEN_WIDTHL [Màn hình chính UIScreen].bounds.size.width
#define KIsiPhoneX ((int)((SCREEN_HEIGHTL/SCREEN_WIDTHL)*100) == 216)?CÓ:KHÔNG
//Xác định xem đó là iPhoneXS Max, iPhoneXS, iPhoneXR, iPhoneX
|
Reac -igen được điều chỉnh phù hợp với các mẫu dòng iPhonex.
|
1
2
3
4
5
6
7
8
9
|
const {chiều rộng, chiều cao} = Kích thước.get(
'cửa sổ'
);
// Chiều cao và chiều rộng màn hình của các mẫu nối tiếp iphoneX
//CHIỀU CAO MÀN HÌNH XSM = 896.000000, CHIỀU RỘNG MÀN HÌNH = 414.000000 2.1642512077
//CHIỀU CAO MÀN HÌNH XS = 812.000000, CHIỀU RỘNG MÀN HÌNH = 375.000000 2.1653333333
//CHIỀU CAO MÀN HÌNH XR = 896.000000,CHIỀU RỘNG MÀN HÌNH = 414.000000 2.1642512077
//X CHIỀU CAO MÀN HÌNH = 812.000000, CHIỀU RỘNG MÀN HÌNH = 375.000000 2.1653333333
// Thuật toán thích ứng hiện tại cho iPhone
xuất khẩu const isIphoneX = (Platform.OS ===
'ios'
&& (Số(((chiều cao/chiều rộng)+
""
).substr(0,4)) * 100) === 216);
|
Tóm tắt.
Cho dù đó là bản gốc iOS hay bản địa phản ứng, miễn là nó được xác định là kiểu máy dòng iPhoneX, thì có thể thực hiện xử lý đặc biệt cho thanh điều hướng trên cùng và thanh điều hướng dưới cùng. Đảm bảo rằng giao diện người dùng của điều hướng trên cùng và điều hướng dưới cùng được hiển thị chính xác và có thể phản hồi chính xác các sự kiện. (Nếu khả năng thích ứng không tốt, giao diện người dùng có thể hiển thị không chính xác và các sự kiện có thể không phản hồi.) .
Trên đây là toàn bộ nội dung bài viết này hi vọng nó sẽ giúp ích cho việc học của mọi người và cũng mong mọi người ủng hộ mình.
Liên kết gốc: https://segmentfault.com/a/1190000016499851.
Cuối cùng, bài viết về giải pháp thích ứng nối tiếp iPhoneX (tóm tắt) kết thúc tại đây. Nếu bạn muốn biết thêm về giải pháp thích ứng nối tiếp iPhoneX (tóm tắt), vui lòng tìm kiếm bài viết CFSDN hoặc tiếp tục duyệt các bài viết liên quan. trong tương lai! .
25
4
0
Trung tâm cá nhân
Điều phát hành
từ bỏ
Tôi là một lập trình viên xuất sắc, rất giỏi!