适配IPhone X的技巧】的更多相关文章

#define TabbarHeight ([[UIApplication sharedApplication] statusBarFrame].size.height>20?83:49) // 适配iPhone x 底部高度 #define Is_Iphone (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPhone) #define Is_Iphone_X (Is_Iphone && ScreenHeight == 812.0…
App适配iPhone 6/ Plus和iOS 8:10条小秘诀   iPhone 6iOS 8适配   (原文:raywenderlich 作者:Jack Wu 译者:@TurtleFromMars) 过节啦!为庆祝佳节,看看我给这篇文章写的这段极客小诗吧: “Keynote前夜,无人知晓,新API能否登场对Siri的期待,Touch ID的希望而此刻iOS 8应声而出,震惊全场扩展,Swift,Metal,整整一箩筐通用Storyboard,又有谁曾料想一片欢呼声中,有人开始迷惘现有的这些A…
iOS:界面适配--iPhone不同机型适配 6/6plus        机型变化 坐标:表示屏幕物理尺寸大小,坐标变大了,表示机器屏幕尺寸变大了: 像素:表示屏幕图片的大小,跟坐标之间有个对应关系,比如1:1或1:2等: ppi:代表屏幕物理大小到图片大小的比例值,如果ppi不变,则坐标和像素的比例不会变: iPhone 4以前            iPhone.iPhone3/3G机型未采用retina,坐标是320 x 480,屏幕像素320 x 480 ,他们一一对应,1:1关系.即…
UICollectionView 适配 iPhone 7 Plus 需求:在屏幕上水平放置 5 张正方形图片,每张图片的宽度相等,无缝隙排列铺满一个屏幕宽度. 看似很简单的需求.用 UICollectionView 实现的话,把 UICollectionView 的宽度设置为屏幕宽度:屏幕宽度除以 5 即为 UICollectionViewCell 的边长,边长也是 UICollectionView 的高度.以下是简单的示例,UICollectionViewCell 不加图片,直接显示背景色.…
最近在修改一个老项目,里面有很多xib文件,需要适配iPhone X,但是又不想重写页面用代码适配,分享个小方法,也算是个笨办法吧, 适配iPhone X底部,iPhone X底部有34px的操作区域,而其他机型的则是没有的,具体步骤如下: 1.…
昨日,iOS版微信迎来v6.5.21正式版发布,本次升级主要适配iPhone X,在聊天中查找聊天内容时,可以查找交易消息.可以给聊天中的消息设置日期提醒.上一个正式版v6.5.16发布于9月13日,时隔51天又迎来了更新. 微信近期版本收藏笔记可以添加项目符号,可以在聊天中置顶.可以生成自己的赞赏码,接受打赏.优化搜索聊天记录的体验. 优化了对 iPad 的适配,增加分栏布局. 微信6.5.21 for iOS正式版更新 - 适配 iPhone X - 在微信聊天中查找聊天内容时,可以查找交易…
http://cankeyyin.blog.163.com/blog/static/12336178320124149391202/ 原理:将iphone的hd图片给ipad用,即: 使用原iphone版HD资源(960*640),不用适配到1024*768,四周可留黑边 不改动原有逻辑代码 经测试,这个适配方法可以让一份代码同时运行与iphone.iphone retina.ipad.ipad retina四种分辨率. 1.让ipad能够读入HD图片 在cocos2d-x源代码CCFileUt…
一.原生适配iphoneX 原生适配很简单,查看机型图:   只要用 #define KIsiPhoneX ([UIScreen mainScreen].bounds.size.height>800.0f 判断是iPhone X的机型时,就在控制器的顶端,和底部留出 44px和34px的距离,然后webView装在这个控制器内就OK! 优点:在原生中适配,h5页面不用更改任何一句代码. 缺点:1)意味着如右图某些通栏页面无法实现, 2)顶部和底部显色固定,无法适应页面颜色,(王者荣耀用链接地址传…
趁iPhone新品还没有发布,先整理一下屏幕适配.启动图适配.APP图标适配的笔记,方便以后查阅: 注:部分图片来源于网络 违删; (一)iPhone屏幕适配: (1)屏幕分辨率: ①设计尺寸规范(表格): ②设计尺寸规范(图文): ③开发尺寸易理解: (二)iPhone刘海屏/非刘海屏PT尺寸简要图: (三)APP图标适配尺寸简要图: (四)启动图尺寸简要图: (五)部分适配相关宏定义(简要说明): /** * MARK:-屏幕尺寸宏定义 * 导航栏高度 状态栏高度 底部tabbar高度 苹果…
首先需要为meta标签加上viewport-fit=cover,默认viewport-fit=contain,跟background-size类似.当值设置为cover既可让安全区域铺满全屏,就跟适配其他设备没什么区别了.但是内容会被顶部和底部的硬件遮挡,如果不想被遮挡,就需要头部底部预留一定高度.所以就需为body加上padding,官方提供了四个值,可以直接获取到头部底部以及横屏时候的左侧右侧值,我们只需要在自己的容器设置上着四个值即可:constant-top: (safe-area-in…
1.获取设备型号 App({ // 全局数据 globalData: { // 其他数据定义 ... isIPX: false, // 当前设备是否为 iPhone X }, // 小程序启动入口 onLaunch: function (options) { // 其他启动代码... // 判断设备是否为 iPhone X this.checkIsIPhoneX() }, checkIsIPhoneX: function() { const self = this wx.getSystemInf…
取消掉Constrain to margin 然后添加左右约束 版权声明:本文为博主原创文章,未经博主允许不得转载.    …
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY2h1bmdlc2hpaHVhdGlhbg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">代码推断.你也能够用xib自带的自己主动布局选项 我是用的纯代码写的 #define Mainscreen [[UIScreen mainScreen] applica…
using UnityEngine; using System.Collections; [RequireComponent(typeof(UIPanel))]public class FixedUIRect : MonoBehaviour{ public enum SAVE_AREA { FULL_SCREEN, SAVE_AREA_WITH_BOTTOM, SAVE_AREA, } public SAVE_AREA type = SAVE_AREA.FULL_SCREEN; public f…
一,改动状态栏: 1.增加[[UIApplication sharedApplication] setStatusBarHidden:YES animated:NO];但此方法仅仅是不显示状态条,状态条所占用的空间仍然存在. 2.能够改动Info.plist文件,在info.plist文件里增加一条新键值,命名为:UIStatusBarHidden;选择Valuetype为Boolean,而后又一次编译执行. 3,改动屏幕显示方向: [[UIApplication sharedApplicati…
摘自:http://blog.ibireme.com/2014/09/16/adapted_to_iphone6/ 苹果公司官网设计介绍到:Retina显示屏的超高像素密度已超过人眼能分辨的范围.Retina对图像设计(图标.启动画面和其它所有像素有关的东西)有什么影响呢?如果我们的app要支持Retina,就要提供高分辨率的(宽x2,高x2)的图片.同时,为了支持没有Retina的设备,仍旧要准备低分辨率的版本. 换言之,我们要准备两套设计图. 针对不同分辨率的图片,苹果规定了一个命名规范:假…
因为公司开启了一个新的iOS项目, 所以近期比较忙, 没有更新博客,今天打算总结一下关于UI布局及屏幕适配的一些实战技巧,尤其使用纯代码,会对提升效率及代码易于维护等方面有明显帮助,这里提到的没有使用任何Xib, 如果不是在外包公司,也推荐大家多使用甚至完全使用纯代码布局UI,优缺点下面会说明,本文布局使用masonry.货不太干,只是工作中的一点点小技巧与基础知识,大家可以来分享更多的技巧. 下篇地址:http://www.jianshu.com/p/0c1d76e7ea1a 提纲: 1. 关…
一.适配iOS11 问题1:项目中有原生与H5的交互,运行在iOS11时,直接漰溃在框架WebViewJavascriptBridge内部. 报错信息:Completion handler passed to -[WKWebViewJavascriptBridge webView:decidePolicyForNavigationAction:decisionHandler:] was called more than once 解决:当时第一时间肯定是立即看github上该框架的issue,果…
说实话,对于一个刚入门iOS两个月的新手而言,在拿到这个任务的时候整个人都是懵逼的,怎么做适配?哪些地方需要适配?该怎么做?一个个问题搞得头都大了. 首先,啥都不管,先在iPhone X上运行起来看看效果在说,运行之后出现的问题主要有如下几个: 屏幕尺寸还是6S上的尺寸大小,用 [[UIScreen mainScreen] bounds] 打印log确实如此 自定义的导航栏的返回按钮右移明显 UISearchBar的高度有变化,而且点击之后背景颜色和原先不一致 UITableview的heade…
背景 iPhone X 刘海机于9月13日发布,给科技小春晚带来一波高潮.作为开发人员却多出来一份忧虑,iPhone X 怎么适配?我们 App 的脑袋会不会也长一刘海出来?Tabbar 会不会被圆角?先来看一下美团 App 的表现: 图 1.1 启动时的 App 表现           图 1.2 下拉刷新之后的表现 图 1.3 搜索的表现          图 1.4 "我的Tab"表现 在图1.1中乍一看表现还不错,可是在图1.2中,下拉刷新之后,我们的导航栏还是被刘海挡住了.…
总结: 1.状态栏高度发生变化,解决方案:布局的时候这个高度不要写死,通过方法获取高度. 2.导航栏的视图层级结构发生变化而导致 UI(titleView.UIBarButtonItem) 问题. 3.safeAreaInset 导致 Scrollview 偏移. 4.Tabbar发生变化,建议用系统的tabbar. 先看看iPhone各机型的尺寸吧. 下面是iPhone X 对比其他机型的变化图.iPhone X和iPhone 8 在宽度上是一致的,在垂直方向上多出了145pt,这就意味着首页…
用了这么久的 iPhone,这些技巧你可能都还不知道哦. 1.怎么用耳机切歌? 将耳机的话筒部位的中间(平时暂停用的,按一下)连按两下 即可. 连按两下,下一首. 连按三下,上一首. 2.摇一摇,相当于电脑上的CTRL-Z/CTRL-Y,你知道么? 在iPhone上输入文字(例如发短信)时,写了一段了,觉得不好,想重写. 你会一次次地点按快捷键,逐个地把它们删掉么? 图样图森破了! 把你的手机摇一摇,晃一晃. 发现什么了? 是的,你没看错.可以一键撤销刚刚的输入. 使用时要小心.它是撤销掉最近的…
1,UIScrollView的automaticallyAdjustsScrollViewInsets 失效了. automaticallyAdjustsScrollViewInsets,当设置为YES时(默认YES),如果视图里面存在唯一一个UIScrollView或其子类View,那么它会自动设置相应的内边距,这样可以让scroll占据整个视图,又不会让导航栏遮盖. iOS11这个属性失效了,表现在App的现象就是TableHeaderView的背景图原本覆盖导航栏的,现在在导航栏的下方.…
总结一下关于UI布局及屏幕适配的一些实战技巧,尤其使用纯代码,会对提升效率及代码易于维护等方面有明显帮助,这里提到的没有使用任何Xib, 如果不是在外包公司,也推荐大家多使用甚至完全使用纯代码布局UI,优缺点下面会说明,本文布局使用masonry. 提纲: 1. 关于xib/storyboard 与 纯代码的对比 2. 一条规范(又提了一点关于命名的) 3. UI工厂类 与 代码块 4. 懒加载, View使用strong还是weak 5. 复杂界面要会分区,要会障眼法 6. masonry均布…
苹果WWDC开发者大会上,终于发布了大家期待已久的iOS 11,有些新特性功能确实出人意料.不过大的方面苹果貌似也就 AR 和 GM 机器学习了,9月13日凌晨1点,苹果开了新品发布会,相信大家都已经知道Phone X 的刘海了,看起来不是很雅观,对于iOS开发者来说,适配工作也带来了麻烦,iOS11在新旧API 方面做了新的改动,未来App Store就会出现很多大量的APP更新,针对iOS11和iPhone X的适配. 下面针对已经了解的出现的问题进行适配的说明. 屏幕未充满? 相信一部分开…
一:本文提供两种解决方案 1.终端解决方案(最优,建议选择) 2.web解决方案 导语: iPhone X的出现,一方面对于整个手机行业的发展极具创新领头羊的作用,另一方面也对现有业务的页面适配带来了新的挑战. 对于手Q中的各业务来说,受iPhone X影响的H5页面挺多,应该采取什么快速有效的办法来应对呢? 目前的H5页面可以分为通栏页面和非通栏页面两种,每种页面都可能有底部操作栏,具体如下: 通栏页面 顶部通栏 某些业务的一级页面多数使用了顶部通栏banner的效果,由于iPhone X在状…
(1)1x时代 2007年,初代iPhone公布,屏幕的宽高是320*480像素.这个分辨率一直到iPhone3GS也保持不变. 那时编写iOS的App应用程序.仅仅支持绝对定位. 比方一个button(x, y, width, height) = (10, 20, 30, 40).就表示它的宽度是30像素,高度是40像素,放在(10, 20)像素的位置. (2)Retina来临 2010年,iPhone 4公布,领先採用Retina显示屏,在屏幕的物理尺寸不变的情况下,像素成倍添加.达到640…
iPhone屏幕适配,历史及现状 初代iPhone 2007年,初代iPhone发布,屏幕的宽高是320×480像素.下文也是按照宽度,高度的顺序排列.这个分辨率一直到iPhone 3GS的也保持不变. 那时编写的iOS应用程序的(应用程序),只支持绝对定位.比如一个按钮(X,Y,宽度,高度)=(20,30,40,50),就表示它的宽度是40像素,高度是50像素,放在(20,30)像素的位置. iPhone 4 2010年,iPhone 640×960像素. 这样就出现一个问题,怎么让原有的Ap…
移动Web开发小技巧 添加到主屏后的标题(IOS) name="apple-mobile-web-app-title" content="标题"> 启用 WebApp 全屏模式(IOS) 当网站添加到主屏幕后再点击进行启动时,可隐藏地址栏(从浏览器跳转或输入链接进入并没有此效果) name="apple-mobile-web-app-capable" content="yes" /> name="appl…
关键字:psd切割技巧 生成html图片要点 css样式要点 rem 与高手切割后的代码对比学习提高(考察点:切割后的页面质量,源码大小及图片大小,js技术,动画技术,开发和命名规范等) 一.psd切割技巧 ---------- 虽然有firework工具切割,切割完就自动生成代码.但要标准规范得自己修改,而且我相信自动生成会有很多冗余和乱码.要想学好和彻底掌握制作html,还是自己动手好. 只要勤加练习或者多做活,手写css必然孰能生巧,必然制作出的html+css 代码又少,维护又方便.写代…