iPhoneX UI适配注意

最新推荐文章于 2024-02-20 10:54:49 发布
最新推荐文章于 2024-02-20 10:54:49 发布
阅读量1.4k 收藏
点赞数
分类专栏： UI OC
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MHTios/article/details/78590226
版权
OC 同时被 2 个专栏收录
53 篇文章 0 订阅
订阅专栏
UI
44 篇文章 0 订阅
订阅专栏

iPhone 4.7 与iPhone X 的Safe Area高度仅相差67 Point（134 px，@2x）


对于大多数采用瀑布流的页面来说，仅仅是屏幕高度上的变化，可以无视。但对于如：新手引导页、音乐播放器等需要单屏显示的界面就需要重新布局。所以对于iOS开发者来说设计界面在安全区域内



IDEAINNET
关注
专栏目录
适配iPhone X要点：十分钟快速掌握iPhone X UI界面适配技巧
shengyin714959的博客
06-16 287
目前，第一批预约iPhone X手机的朋友们已经拿到真机了，目前还没有适配iPhone X的应用运营商，相信都在加班加点适配呢，本文为大家带来了适配iPhone X的要点，让你十分钟快速掌握iPhone X UI界面适配技巧　　iPhone X已经发售了有一周时间了，不少小伙伴也已经拿到了真机，目前还没有适配iPhone X的应用相信都在加班加点适配呢，否则那效果可真是惨不忍睹。11月6号的晚上八点半，静电也在SketchChina的Live!中直播了iPhone X的上手操作和UI设计师需要注意的适配要点
iPhoneX设计稿适配Android,UI设计干货：关于IPHONE X适配问题
weixin_34026997的博客
05-31 451
随着苹果iPhoneX上市大卖以来，市场份额越来越高，UI设计师不得不掌握IPHONEX的适配，今天就来讲讲IPHONEX的基础适配，高手绕道！iOS各个屏幕尺寸就不说了这里只介绍X的尺寸和适配 X的尺寸为1125X2436px,设计逻辑尺寸为：375X812PT 相对于iPhone8屏幕来说，高度增加了约435PX(@3)，对于经典屏幕的5 6 7 8来说，屏幕内部都是安全显示区域，X的屏幕多了...
iphoneX 屏幕适配 NGUI
qq_30585525的博客
03-14 479
其实其他UGui也是一样的 （也可以在界面Panel下做一个Widget来做停靠父物体，改Widget大小）1,首先要知道怎么判断是不是iphoneX平台通过SystemInfo.deviceModel获取设备型号，获取的值是形如：iPhone8,1这种。这里有个表：iPhone7,1         iPhone 6 PlusiPhone7,2         iPhone 6iPhone8,1...
超全面的UI设计规范整理汇总（包含iPhone X适配）
最新发布
lty_sky的专栏
02-20 5574
目前主流的iOS设备主要有iPhone SE（4英寸）、iPhone 6s/7/8（4.7英寸）、iPhone 6s/7/8 Plus（5.5英寸）、iPhone X（5.8英寸），它们都采用了Retina视网膜屏幕，其中iPhone 6s/7/8 Plus和iPhone X采用的是3倍率的分辨率，其他都是采用的2倍率的分辨率，无论是栏高度还是应用图标，设计师提供给开发人员的切片大小，前者始终是后者的1.5倍，并分别以@3x和@2x在文件名结尾命名，程序再根据不同分辨率自动加载@3x或者@2x的切片。
怎么适配高分屏_图解iPhoneX移动端UI适配设计
weixin_36141019的博客
01-06 486
今天你抢到 iPhone X 了嘛？一：发生了什么新变化不久前，苹果发布的 iPhone X 等新产品以及正式推出的 iOS 11 刷爆了朋友圈。作为设计师，在喧嚣过后最关心的莫过于怎样迎接接下来的界面设计适配工作了。本文将会针对新硬件及系统所带来的变化，将相关的适配经验分享给大家！二：如何做手机端适配1、选择合适的屏幕分辨率目前关于iPhone X 的设计资料有限，我们看官方的文档《Human ...
iPhoneX 序列适配方案(小结)
08-26
iPhoneX 序列适配方案 本文主要介绍了 iPhoneX 序列适配方案，旨在帮助开发者更好地适配 iPhoneX 序列机型。从 iPhoneX 开始，苹果公司引入了刘海设计，导致了顶部导航栏和底部导航栏的高度发生变化，这使得开发者...
iPhone X 美团适配记录
11-02
标题中提到的“iPhone X 美团适配记录”涉及到了iPhone X这款手机在美团iOS应用程序中的适配过程。适配是一个专业术语，通常指软件或者网页在不同的设备上能够正常显示和使用，不会因为设备的尺寸、分辨率、操作系统...
ios 11和iphone x的相关适配问题及解决方法
08-28
iOS 11和iPhone X的相关适配问题及解决方法 iOS 11和iPhone X的相关适配问题及解决方法是指在iOS 11中出现的一些适配问题，例如tableView莫名偏移问题和scrollView默认位移问题，以及iPhone X的特殊适配问题。下面...
iPhoneX适配
02-11
在iOS开发中，适配iPhone X是至关重要的一步，因为iPhone X引入了许多新的设计元素，如无边框屏幕、刘海屏（Notch）以及安全区域（Safe Area）。本篇文章将详细探讨如何进行iPhone X以及类似机型的适配，主要包括...
cocos2d-x适配方案demo
03-18
自定义的两种cocos2d-x的适配方案。
iphone计算机适配,iPhone UI界面尺寸如何一稿适配
weixin_39653764的博客
07-27 397
为什么出现适配？主要是更新换代的硬件屏幕分辨率不断提升，因此设计界面向上适配、向下兼容。在开始适配话题前，先铺垫几个单位和换算：分辨率(图像分辨率ppi、设备分辨率)、像素px、磅pt、倍率。一、单位1.分辨率可以从图像分辨率与显示分辨率两个方向来分类：图像分辨率ppi，则是单位英寸中所包含的像素点数，常用表达式：水平px × 垂直px显示分辨率，包括网屏分辨率lpi、设备分辨率dpi、角分辨率p...
unity如何适配iphoneX的全面屏
鱼蛋的开发小站
02-01 3811
Xcode升级太麻烦一直没有升级，一直停留在xcode7，这次出了iphoneX原本想混过去的，没想到硬是留左右两条黑边... 适配前长这样： 然后百度了很多办法，修改打包出来的xcode里的代码等等，都不管用。。。 后来升级了Xcode到xcode9.3就行了....完全不需要改代码也不需要修改unity工程。 适配后的效果如下：
phoneX适配
代码青春
12-18 408
var iphoneCompatibility = (function () {     return {         isIphoneX: function () {             if (window.devicePixelRatio && window.devicePixelRatio == 3 && document.documentElement.clientWidt
iPhoneX APP界面设计尺寸图-庞姿姿
Pangzizi_Pozi的博客
06-09 4793
​​本篇分享的是iPhoneX APP界面设计尺寸图，有很多UI新手说起尺寸问题就脑壳疼，其实这并不复杂，下面就来说说iPhoneX APP界面设计尺寸规范，觉得有用的话可以收藏一下，用的时候翻出来看看。下面进入正题。 本篇分享iPhoneX APP界面设计尺寸图到这里就结束了，希望对你有所帮助如果你有什么问题可以随时留言评论，看到就会回复。我将不定时分享一些ps使用的小技巧，如果您想了解更多关于ps使用、平面设计、UI设计相关信息，请持续关注庞姿姿。​​​​ ...
iPhoneX适配之UI设计、交互设计
热门推荐
iOS学堂
09-17 1万+
苹果近日发布了全新的iPhone X全面屏手机，这也是首款采用OLED屏幕的iPhone手机，它的正面设计被更多人吐槽，iPhone X 的刘海可能是让人又爱又恨的设计。这几天被iPhone X一顿刷屏，不少标题写着“iPhone X 适配、指南、设计稿” 内容却是发布会回顾和手机介绍。索性自己去官网找素材写一篇只针对iPhone X适配的贴子，与设计图无关的内容通通不提。 后续，我会发布iOS工程师如何从代码层面上做适配。
unity-iPhoneX适配
.
02-28 8375
iPhoneX适配，比较搓的一种方式，在不修改分辨率（720 x 1280）的情况下适配 iphone X 主屏尺寸： 5.8英寸 主屏分辨率： 2436 x 1125 核心代码 修改 工程目录/Classes/UnityAppController.mm 文件 判断的方式比较搓，以 iPhone X 的宽高的 与众不同来判断 ...
unity3d ngui 适配性价比最高的方案
yxriyin的专栏
07-08 3028
对于网上各种适配方法，说明的有很多，但我认为大部分都是自己写一个demo啥的能行然后就说这种方案可以。但实际上这些方法到底怎么样，恐怕并不尽如人意。       ngui的UIRoot自带缩放功能，假设你的游戏按照普遍的1280*720设计，那么所有以此比例的分辨率都将完美适配。       那么如果比例不同呢，uiroot并没有做任何处理，那么就是当宽度太宽，那么你的游戏将会被截边，如果高度
Unity中关于IphoneX的屏幕适配
qq_34912811的博客
04-25 3652
关于屏幕适配也在网上找了很多的解决方案，我也总结一下，保证自己能在以后翻出来可以不看代码就能想起完整流程。屏幕适配，就是为了不同的机型不同的屏幕尺寸做对应的处理，接下来开始正式的流程介绍：1.先定义一个普遍使用的分辨率，根据网上给出的统计结论，可以看到1280*720是比较通用的，以此为屏幕摄像机矩形。一、分辨率统计根据最新数据，目前android和ios的分辨率分布如下图1和图2所示：     ...
美团iOS App适配iPhone X：挑战与解决方案
美团技术团队在面对iPhone X这款具有标志性设计的新型手机时，对其iOS App进行了深度适配的过程记录。iPhone X的标志性特征包括顶部的刘海屏和全面屏设计，这对开发者提出了新的挑战。在App初次启动时（图1.1），...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值