首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

iPhone X 适配指南 (官方翻译版)

大多数使用标准系统提供UI元素(如导航,表格和集合)应用程序会自动适应设备新外形。背景材料延伸到显示器边缘,并且UI元件被适当地插入和定位。...所有应用程序都应遵循UIKit定义安全区域和布局边距,这些区域可以根据设备和上下文进行适当填充。安全区域还可以防止内容覆盖状态导航,工具和标签。 注意状态高度。...状态iPhone X上比在其他iPhone上更高。如果您应用假定固定状态高度用于将内容定位在状态下方,则必须更新您应用,才能根据用户设备动态定位内容。...iPhone显示高度为4.7 寸iPhone显示屏提供了更多内容垂直空间,状态占据您应用程序可能赢得屏幕区域状态还显示人们发现有用信息,只能隐藏以交换附加值。...不要重复系统提供键盘功能。在iPhone X上,即使使用自定义键盘,Emoji / Globe按钮和Dictation按钮也自动显示在键盘下方

2.4K50

【IOS开发基础系列】Autolayout自动布局专题

1 简介         bounds是指这个view在它自己坐标坐标和大小 而frame指的是这个view在它superview坐标坐标和大小区别主要在坐标系这一块。...很明显一个是自己为原点坐标系,一个是以屏幕原点坐标系。         当谈到自动布局,橙色代表坏。InterfaceBuilder绘制两个橙色方块:一个是虚线边框,一个是实线边框。...旋转屏幕情况下也会自动处理布局。这样看起来代码多,但是可以适应多种分辨率屏幕。不排除以后苹果出更大更多分辨率手机。...,一定要设置全;     3、对于TableView等大型视图控件,默认顶行就行,无须手动考虑导航条与状态高度;         重点参考IM_RAC项目中,IMSingleChatVC自动布局设置...4.1.4 在故事板中进行布局设计时,如果有导航、Tab,必须也要把高度预留出来 iPhone iPad各种控件默认高度 http://blog.csdn.net/chengyakun11/article

27940

【最新】iPhone X 交互设计官方指南

大多数使用系统提供标准 UI 元素(如导航、表格和集合)应用程序能够自适应设备新外形。背景材料可以延伸到屏幕边缘,而且 UI 元件也能够被适当地插入和定位。 ? ?...要确保背景延伸到屏幕边缘,并且垂直可滚动布局(例如表格集合)能够一直延续到底部。 ? 插入必要内容以防止裁剪。...所有的应用程序都应遵循 UIKit 中定义安全区域和布局边距,这些区域可以根据设备和上下文进行适当填充。安全区域还能够防止内容把状态导航、工具和标签覆盖掉。 注意状态高度。...iPhone显示高度为 4.7 英寸,并且它屏幕上提供了更多垂直空间内容,状态占据了你应用程序本来可以使用屏幕区域,状态还显示了对人们有用信息,只有在交换附加值时候才能被隐藏。...不要遮挡突出显示关键显示特性。不要隐藏设备圆角和传感器外壳,也不要通过在屏幕顶部和底部放置黑色条方式来突出主屏幕指示器。

1.9K20

最新iOS设计规范三|3大界面要素:(Bars)

一、导航(Navigation Bars) 导航出现在页面的顶部,位于状态下方,可以给一系列层级页面进行导航。当点击进入新页面时,其导航左侧会出现一个返回按钮,并带有前一页面的标题。...股票使用提示让人们知道他们可以输入公司名称股票代码。 ? 考虑在搜索下方提供有用快捷方式和其他内容。使用搜索下方区域可帮助人们更快地获取内容。...三、侧边(Sidbars) 侧边iPhone上使用较少,更多用在iPad。它提供了应用程序导航,在侧边中选择一项可以使人们导航到特定内容。例如,“邮件”中显示所有邮箱列表。...状态文本和指示器视觉样式可以是浅色深色,可以针对APP进行全局设置,也可以针对不同屏幕单独设置。 深色状态效果在浅色内容至少效果很好,而浅色状态效果在深色内容上效果很好。...通常,在iPhone上使用三到五个标签;如果需要,在iPad上可以接受更多一些。 当人们导航到您应用中其他区域时,请不要隐藏标签。标签可为您应用启用全局导航,因此它在任何地方都应保持可见。

9.8K10

ARKit和CoreLocation:第一部分

ARKit将图像数据与运动跟踪数据结合起来,以计算iPhone位置。 [ARAncho - R ****:一种ARAnchor是在保持了不管相机(理论上)运动位置真实世界位置。...运行会话配置时,ARKit会根据设备位置和方向创建场景坐标系; ARAnchor您创建任何对象AR会话检测到对象都是相对于该坐标系定位。 ?...资源 worldAlignment.gravityAndHeading - Apple Docs 虽然此选项固定方向三个坐标轴,以真实世界方向,该位置坐标原点仍是相对于设备,匹配当会话配置是第一次运行设备位置...例如,它可以无缝访问手机相机。甚至更酷,视图SceneKit场景世界坐标系统直接响应由会话配置建立AR世界坐标系。它还会自动移动SceneKit相机以匹配iPhone实际移动。 ?...让我们构建我们第一个增强现实体验!为此,我们将在相机前放置1米蓝色球。 定义 SCNSphere:一个球体定义一个表面,其每个点与其中心等距离,该中心位于其局部坐标空间原点

2.2K20

16款值得一用iPhone线框图模板 (PSD & Sketch)

模板中标注了顶部导航、底部导航以及键盘高度位置。无论是打印复制粘贴到原型工具中使用都非常方便。可以说设计师非常贴心了。...图片下方设计师分别标注了iPhone6和iPhone6 plus适用尺寸。 下载地址 4. iPhone6 Sketch Templates 设计师:Mike Warner 格式:PDF ?...这是一款专门为iPhone 7 准备线框图模板,设计师同样标注了顶部导航、底部导航以及键盘高度位置,可以直接打印出来做手绘原型线框图设计。...同样是一款iPhone 7打印版线框图。在封面图中可以看到打印版线框图正确用法。根据设计师制作导航以及键盘高度标记,使用者不必再花心思和时间测量项目高度以及各组件高度在线框图中应占比例。...示例图非常形象展示了这是一款用于打印手绘iPhone X 尺寸线框图模板。按惯例,图稿中标注了刘海屏以及头部信号,还有常规各类导航相应位置。文件中有横屏和竖屏模板,可根据项目自由选择。

1.9K20

iOS开发之仿射变换示例总结

一、平移 接下来我们来看一下CGAffineTransform平移,在使用CGAffineTransform进行平移时候,我们要注意坐标转换。...下方是我们在做UI布局时坐标系,也就是iOS屏幕坐标系。左上角是原点,x轴右为正,左为负,y轴上为负,下为正。下方就是iPhone屏幕坐标系。平移时也是采用下方坐标系结构。 ?...下方就是对ImageView平移效果。分别使用两个Slider来控制左右移动和上下移动。具体运行效果如下所示。 ? 控制平移代码也是比较简单,如下所示。...实现上述效果也是比较简单,代码就下方一行,如下所示,x就表示x轴上缩放量,y就表示y轴上缩放量。 ?...三、旋转 接下来就来聊聊CGAffineTransform旋转,直奔主题,下方就是旋转运行结果。

1.2K80

最新iOS设计规范八|3大图标和图像规范(Icons and Images)

一、图片尺寸和分辨率(Image Size and Resolution) iOS屏幕上放置内容坐标系统,是基于以点为单位测量值,该测量值是映射到显示器像素。...替代文本标签在屏幕上不可见,但是它们使VoiceOver能够以听觉方式描述屏幕内容,从而使视力障碍者导航更加轻松。...仅在必不可少徽标徽标的一部分时使用单词。应用程序名称显示在主屏幕上其图标下方。请勿使用不必要词来重复名称告诉别人如何处理您应用,例如“观看”“播放”。...导航和工具图标 标签图标 主屏幕快速操作图标 在运行iOS12及更早版本APP中,尽可能使用这些内置图标是个好办法,因为它们对用户来说已经很熟悉了。 按预期使用系统图标。...设计自己设备比滥用系统提供图标要好。 导航和工具图标 在导航和工具中使用以下图标。 注:可以使用文本代替图标来表示导航工具项目。

2.9K20

如何处理手势冲突 | 手势导航连载 (三)

作者 / Chris Banes, Android 开发者关系团队工程师 我们将在近期为大家带来一个关于 "手势导航" 系列连载,本文是手势导航连载第三篇,如果您希望查看前两篇文章,请点击下方链接...支持手势导航任何屏幕边缘区域都可能发生类似情况。...粘性沉浸模式: 用户可以通过在系统上滑动来暂时退出沉浸模式 这里我们向您进一步解释一下流程图里内容。 问题 1: 应用需要隐藏导航状态吗?...流程图里第一个问题,询问您应用主要使用场景是否需要隐藏导航和/状态。所谓 "隐藏",是指让它们根本不可见。这并不意味着让您应用实现从边到边全屏状态。...但请注意,我们依然需要在播放控件底部插入一个内边距,其值等于系统高度,这样可以使歌曲名称等文本不会被系统导航条 (即屏幕底部那条 "横线") 遮盖。

4.9K30

iOS开发·适配iPhone X相关宏和方法

过了好久,今天终于有时间总结一下适配iPhone X相关坑,总的来说有两类坑,一个是导航+状态高度发生了变化,一个是一些没有实现实现-tableView: viewForHeaderInSection...判断是否iPhone X:返回YESNO 1.1 判断:宏 (1)依据屏幕分辨率 三目运算法 //是否iPhoneX YES:iPhoneX屏幕 NO:传统屏幕 #define kIs_iPhoneX...灵活返回状态+导航高度 需求:灵活得到导航+状态高度,作为一个子视图Y轴起点。...适配iPhone X其他问题 适配iPhone X和Xcode 9过程中,除了与导航相关问题,还有一个问题经常出现,就是UITableView相关问题。下面两个办法可以解决多数错位问题。...这样就不会在iPhone X底部虚拟home有任何控件干扰了。

1.3K40

iPhone 检测 iPhone X 设备几种方式和分辨率终极指南

一开始我们采用了一种比较简便方法:通过获取屏幕高度,判断是否等于 812.0 896.0,代码如图 3 所示。.../wiki/Models 不过需要注意是,上述两种获取 device model 方法在模拟器中运行得到值为 i386 x86_64,因此在模拟器中我们可以通过如下方式正确获取模拟器所对应...后面我们想了一个简便方法,即获取屏幕宽度和高度,取较大一方进行比较是等于 812.0 896.0,代码如下: 方式三:通过底部安全区域高度来判断 在去年 iPhone X 发布后,为了适配顶部浏览和底部操作条...方式五:通过 UIStatusBar 高度判断 在 iPhone X 之前,所有 iPhone 设备 StatusBar(状态)高度都为 20pt,而 iPhone X 为 44pt,因此我们可以通过获取状态高度判断是否等于...44.0 来检测设备是否为 iPhone X,代码如下: 不足:该方法只适用于竖屏且显示状态情况下才能正确检测,而在横屏模式下,或者 App 隐藏导航时,获取到状态高度都为 0(statusBarFrame

1.3K20

坐标系统仿射变换函数使用总结

默认情况下,用iphone录制视频,如果要在mac上播放,可能需要将其翻转。 首先理清一下iOS与Mac坐标系统: iOSUIKit坐标系统是已左上角为坐标原点,向右为X轴正向,向下为Y轴正向。...MacAppKit坐标系统是已左下角为坐标原点,向右为X轴正向,向上为Y轴正向。 CoreGraphic坐标系统与AppKit坐标系统一致。...当我们往X轴平移1920时,我们参考坐标原点就平移到屏幕坐标(1920,0)这个位置上,随后翻转90度,就是绕着参考坐标原点顺时针旋转90度。...翻转后,参考坐标系将发生改变,此时参考坐标原点相对屏幕坐标(1920,0)不变,但是参考坐标系改变为往左为Y轴正方向,,而往下为X正方向了。...此时,我们看到我们想要整个视频,但是我们参考坐标系不再跟屏幕坐标系相等了,参考坐标原点已经在右上角了,而往左为Y轴正方向,往下为X轴正方向。

1.4K50

iOS导航使用总结

目录: 一、设置导航样式 二、解决自定义导航返回按钮后侧滑不可用问题 三、隐藏导航底部分割线 四、导航引起布局问题 相关文章:iOS状态使用总结 一、设置导航样式 设置导航样式可分为全局设置与局部设置...比如我们进入一个页面,需要设置当前导航背景色为灰色,使用如下方法: //进入页面时设置颜色:灰色 - (void)viewWillAppear:(BOOL)animated{ [super...UI布局进行优化:视图控制器里面第一个被添加进去视图是滑动类视图,并且其Frame是整个屏幕大小时,系统会自动调整其contenInset,以保证滑动视图里内容不被UINavigationBar与UITabBar...导航透明情况下,滑动视图自动偏移,普通视图被遮挡 其实,这种系统优化也是可以控制关闭,关闭优化之后,滑动视图就会和普通视图一样,如果还设置其布局原点是(0,0),其内容就会被导航所覆盖,关键代码如下...,默认值是UIRectEdgeAll,即:当前视图控制器里各种UI控件会忽略导航和标签存在,布局时若设置其原点设置为(0,0),视图会延伸显示到导航下面被覆盖。

3.1K20

ios7之后导航问题2

https://blog.csdn.net/u010105969/article/details/53334755 在《ios7之后导航问题1》(http://blog.csdn.net/u010105969.../article/details/53333748)博客中我们提到了在有导航情况下根视图坐标原点问题,但我当初添加是一个普通视图,如果我们添加是一个UITableView我们会发现问题又会有所不同...根视图坐标原点难道又发生变化了?其实不然,根视图坐标原点并没有发生变化,我们可以用视图调试器查看根视图坐标原点: ?...从图中我们可以看到白色根视图和蓝色tableV,可见根视图坐标原点确实是(0,0)。那为什么展示出来tableV却像是下移了64?...如果我们设置navigationBar背景图或是设置translucent属性,那么tableV内边距就不会发生变化,根视图坐标原点也会成为(0,64)。

82630

IOSProject

OC交互,ionic跨平台开发,MQTT 协议,即时通讯协议,视屏播放,跑马灯效果 仿美团地图定位,城市收索, 友盟分享,基础动画 增加FCUIID帮助类,引导页功能模块,照片上传 ,UIView自定义导航...9 增加百度地图显示页面功能实例,实现在地图上显示几个坐标点,并自定义坐标图标跟弹出提示窗内容,实现当前定位并画出行车路线图; 10 增加FLEX,在本地测试版本开启,FLEX是Flipboard...官方发布一组专门用于iOS开发应用内调试工具,能在模拟器和物理设备上良好运作,而开发者也无需将其连接到LLDB/Xcode其他远程调试服务器,即可直接查看修改正在运行App每一处状态。...为效果图字体适配屏幕,兼容iphone6+效果,如果你效果图不是iphone5,可以修改相应宏定义,现在是以iphone5为标准 22 编写一个UITableViewCell倒计时功能,实例因为没有服务端接口...列出一些比较常见布局方式 32 键盘处理操作 实现关于键盘弹出时自定义视图高度问题 33 自定义导航动态显现效果 可以实现滚动时对导航变化,监听关于滚动变化 34 列表只加载显示时Cell

7910
领券