首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

请参阅图像大小和分辨率和自定义图标。 布局 在设计iPhone X时,您必须确保布局填满屏幕,并且不会被设备的圆角,传感器外壳或用于访问主屏幕的指示灯遮蔽。...在iPhone X上预览您的应用程序。您可以使用Simulator(Xcode附带)来预览应用程序,并检查剪辑和其他布局问题。一些功能,如宽彩色图像,最好在实际设备上预览。 提供全屏体验。...人们使用显示屏底部的滑动手势访问主屏幕和应用程序切换器,这些手势可能会取消您在此区域中实现的自定义手势。屏幕的两个角落可能是困难的地方让人们舒适地到达。 不要掩盖或特别注意关键显示功能。...请勿尝试隐藏设备的圆角,传感器外壳或通过在屏幕顶部和底部放置黑色条来访问主屏幕的指示器。不要使用像括号,边框,形状或教学文字等视觉装饰,也要特别注意这些区域。 允许自动隐藏指示灯,以便轻松访问主屏幕。...手势 iPhone X上的显示屏使用屏幕边缘手势来访问主屏幕,应用程序切换器,通知中心和控制中心。 避免干扰系统范围的屏幕边缘手势。人们依靠这些手势在每个应用程序中工作。

2.5K50

WWDC2022-iOS 篇完全解析

# 方法吸顶以及代码提示 在之前的版本中,如果方法函数过多超了一屏展示,随着滚动函数名不可见,而新版的 Xcode 提供了类似 TableViewHeader 的效果,让方法名和实现名字固定在顶部,方便随时查看和复制...iOS16 的锁屏样式可以大致分为两类 动态锁屏 比如在 Beta1 中可以看到的天气锁屏,依赖于天气 App 的信息,在点亮屏幕的一瞬间可以在锁定屏幕上动态显示天气的效果,比如雨雪风晴等,持续几秒钟后停止...目前小组件的支持非常有限,目前只能将系统级的 App 的组件放上去,并不支持第三方 App,笔者尝试写了一个小组件,在主屏幕上可以正常添加,但是在锁定屏幕无法使用,猜测两个原因,一是目前是 Beta1...版可能还没有开放三方 App 的小组件,后续会陆续优化上来;第二个原因可能是处于性能或者其他因素考虑锁频组件和主屏组件不是一套逻辑,并不互通,但是通过查看 Xcode Beta 版本的代码,没有看到相关线索...,或者设置菜单中进行切换,隐藏较深,在这次的 iOS16 中,苹果将专注模式和锁定屏幕绑定起来,也就是实现专注模式和锁定屏幕 一一对应 的关系,一个锁屏对应一套锁屏组件和一个专注模式。

65840
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

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

    竖屏尺寸:1125px × 2436px(375pt × 812pt @3x) 横屏尺寸:2436px × 1125px(812pt × 375pt @3x) 你需要为自己的应用程序中的所有的图片稿件提供一份高分辨率图像...请参阅 图像大小和分辨率 和 自定义图标。 布局 在对 iPhone X 中的应用进行设计时,你必须确保布局能够填满屏幕,并且保证他们不会被设备的圆角、传感器外壳或者用于访问主屏幕的指示灯遮盖。 ?...在 iPhone X 上预览您的应用程序。您可以使用 Simulator(附带 Xcode)来进行预览,并且可以检查剪辑和其他布局相关的问题。例如宽彩色图像之类的属性,你最好在设备上进行预览。...避免将交互式控件放置在屏幕最底部和角落里。人们可以使用显示屏底部的滑动手势来访问主屏幕和对应用程序进行切换,这些手势可能会覆盖掉你在此区域中设定的自定义手势。另外屏幕的两个角落令人很难进行有效操作。...手势 iPhone X 支持使用屏幕边缘手势来访问主屏幕、应用程序切换器、通知中心与控制中心。避免使用干扰系统功能的屏幕边缘手势。人们可以在每个应用程序中使用这些手势。

    1.9K20

    你的 App 为何在 iPhone 12 上显示异常,而别人的不会?

    在新 iPhone 12 系列中,屏幕高度分别为: Device Retina 屏幕点(pt) 物理像素 (px) iPhone 12 Pro Max 6.7″ 3X 926 x 428 2778 x...经过实际测试,用 Xcode 12.0 和 Xcode 12.1 分别在真机 iPhone 12 上运行;发现 Xcode 12.1 build 的 App 真机运行是有问题的。...目前 App Store 里运行有问题的 App,如斗鱼,都是用了最新版本 Xcode 12.1 上传的 ipa。 所以二者的的差别在哪里?...回想几年前当 iPhone X 出现时,旧的 App 是如何在 iPhone X 上表现的—— App 运行在屏幕的中间,上下部分都留有黑边,表现如我找到网络图: ? 这里引出所谓的兼容模式。...真实 iPhone 11 Pro 的顶部安全距离是 44,底部安全距离是 34;而 iPhone 11 Pro Max 运行在放大显示(Display Zoom)下,虽然屏幕分辨率和 iPhone 11

    2.4K30

    [ISUX译]iOS 9 人机界面指南(五):图标与图形设计 - 腾讯ISUX

    表格45-1所罗列出来的尺寸可以为自定义图标和图片做参考。 表格45-1 :自定义图标和图像的尺寸(像素) ? 注意: 如果你需要在主屏幕快捷操作上创建自定义icon,请参考主屏幕快捷操作 。...如果要添加icon,在工程图片资源目录下添加对应的图片文件。在编译时,xcode添加合适的密钥到你的应用Info.plist文件中并且把图片打包进应用中。iOS会根据设备尺寸选择一个合适的icon。...添加细节时请慎重,如果一个icon的样式或形状过于复杂,它的细节可能会让用户迷惑,在小尺寸的icon中更可能会显示模糊。 注意: 想要测试你的图标在小尺寸下的显示效果,可以把它移动到主屏的文件夹下。...代表真实物品的icon或者图像应该精确地描摹出实物的特征,如织物、玻璃、纸张、金属等等,还要能表达实物的重量和质感。 保证你的icon在不同的背景图中都是好看的。...如果你设计的是主屏幕快速操作的模板图标,详情参见3.1.2 主屏幕快捷操作 。

    1.6K31

    iOS项目——项目开发环境搭建

    3 调整App方向   一般而言,我们的应用软件的方向都是竖屏正向的(游戏除外,一般的游戏都是横屏的) ,所以我们在进行项目开发之前可以先把设备类型、屏幕的方向等确定下来,这也方便我们进行应用图标和启动图片的剪切和设置...如果启动图片是iPhone6的屏幕大小的图片,则在iPhone X上只显示iPhone6的屏幕大小区域,上下会有两条黑边。因此,我们再设定启动界面的时候一般是需要适配各种屏幕大小尺寸的启动图片。...二来则是在我们点击应用图标启动应用时,应用启动需要一定的操作时间,在启动期间,为了增强应用程序启动时的用户体验,您应该提供一个启动图像。启动图像与应用程序的首屏幕看起来非常相似。...当用户在主屏幕上点击您的应用程序图标时,iPhone OS会立即显示这个启动图像。一旦准备就绪,您的应用程序就会显示它的首屏幕,来替换掉这个启动占位图像。...5 设置主界面(废弃storyboard)   现在新建一个project时,xcode会默认主界面是通过main.storyboard设置App的主界面的,而设置主界面的方法除了这个还有另外一个方法就是通过代码的方式进行设置

    1.5K150

    微信iOS9适配总结

    这是因为Xcode7默认启用Bitcode,但是如果我们用到的第三方库编译时还没启用Bitcode,主工程就会编译不过。...如果不支持分屏,需要在项目设置中的General - Deployment Info中勾选Requires full screen 2、如何适配iPad分屏 分屏和转屏本质上都是改变了屏幕的尺寸...微信因为是使用了配置文件来处理不同设备的排版差异的,所以根据自己的实际情况,采用以下原则:在320屏幕下按照iPhone5的排版;438屏幕下按照iPhone6的排版,其它分屏下按照iPad的排版。...新的回调可以用来处理转屏和分屏引起的屏幕尺寸变化。 3.3 分屏状态下,系统的视频录制功能不可用。如果某个功能用到了视频录制功能,建议像系统照相机一样,在分屏时给用户提示一下。...要注意iPad的屏幕不再是1024*768,而且在运行中屏幕的尺寸是会随时变化的(分屏或转屏时),所以如果以前有些代码做了hardcode,会导致分屏后有bug。

    2.1K50

    在React Native中构建启动屏

    在这个教程中,我们将演示如何在React Native中构建一个启动屏幕。我们将指导你如何使用 react-native-splash-screen 为iOS和Android应用构建出色的欢迎界面。...此外,由于Expo很受欢迎,许多人常常选择使用它,我们也将探讨如何在Expo中构建启动屏幕。 什么是启动画面? 启动画面是用户访问应用程序其余功能之前出现的第一个屏幕。...将 iOS 中的三张图片拖到 Xcode 上命名为 1x, 2x 和 3x 的三个框中: 接下来,选择 LaunchScreen.storyboard。...将内容模式设置为“aspect fit”,如下所示: 更改iOS启动屏幕颜色 你可能会问的下一个问题是“我如何在 React Native 中更改启动屏幕的背景颜色?”...启动画面有助于强化应用程序的身份,使其容易被用户识别,从而提高品牌建设。 通常,某些配置和资源(如字体和检查更新)会在应用准备就绪时立即实施。

    63410

    iOS 16:让 iPhone 电池更持久的 15 个技巧

    文章目录[隐藏] 1.关闭现场活动 2.删除锁屏小部件 3.禁用触觉键盘反馈 4.关闭常亮显示(iPhone 14 Pro) 5. 不要使用 iCloud 共享照片库 6.选择非动画壁纸 7....无论是什么原因,我们都收集了一些建议,说明如何在最后一点都很重要的情况下从iPhone中获得更多电池。...您无法完全禁用‌Dynamic Island‌,但您可以在任何正在运行的动画上向左滑动以将其关闭。 2.删除锁屏小部件 在 iOS 16 中,Apple 对锁定屏幕进行了大修,添加了小部件选项。...有关添加小部件、删除小部件和创建锁定屏幕的详细信息,我们有专门的 iOS 16 锁定屏幕指南。 ‌Widgets‌ 也可以在您的主屏幕上显示,这是 iOS 16 之前的一项功能。...对于那些担心电池寿命的人,我们建议不要使用“主屏幕”小部件。 3.禁用触觉键盘反馈 Apple 在 iOS 16 中还添加了一项有趣的功能,当你使用屏幕键盘时,它会为你提供触觉反馈。

    3.5K20

    iOS屏幕适配概述1 屏幕适配简介2 Autoresizing3 Auto Layout

    |Xcode7.0 | 2015年09月28日 | iPhone 6S 1.3 适配技术介绍 直接使用 frame 计算控件的位置 特点:程序中存在大量的 MagicNumber iPhone\ iPhone3G...\ iPhone3GS \ iPhone4 \ iPhone4S 屏幕的物理尺寸是一样的(无需屏幕适配) 而且一个应用要么是横屏要么是竖屏, 几乎不存在能同时进行横竖屏切换的应用 应用程序都是竖屏 游戏几乎都是横屏...官方应用大多支持横竖屏 使用 Autoresizing 进行屏幕适配 随着 iPad 的发布, 屏幕的物理尺寸发生了变化 并且苹果建议,在 iPad 上运行的程序如果没有特殊原因,应该支持横竖屏切换...通过 Size Classes + Auto Layout 的方式, 可以为不同尺寸的屏幕设置不同的约束 举例: iPhone 下的计算器,在横屏、竖屏下的不同表现 Size Classes 技术主要解决的问题...: "主要解决了iPhone横竖屏适配及iPhone和iPad开发时共用一个SB的问题" iOS 9 —— Size Classes + Auto Layout + StackView StackView

    1.3K30

    【IOS开发基础系列】images.xcassets专题

    单击右侧Devices中的Universal,并选择Device Specific,然后在下方勾选iPhone和Retina 4-inch,同时取消勾选iPad,完成之后如下图所示:         ...将下方Unassigned中的图片直接拖拽到右上角R4位置,设置视网膜屏使用的背景图片,如下图所示:         17....设置该UIImageView使用的图像,如下图所示:         20. 在不同屏幕的模拟器上运行HelloWorld应用,可以看到如下三张图示。         OK!...有过Xcode以前版本使用经验的朋友应该会发现,从Xcode 5开始已经无需再去记住Icon.png和Default.png针对不同分辨率使用的文件名了;     2....Xcode 5针对4存视网膜屏的图像提供了单独的支持,解决了以往在兼容四存屏时,有时不得不需要编写专门的代码加载不同的图片;     3.

    43820

    有哪些软件可以把苹果手机连接电脑上面?

    该款工具的界面见图,它不仅可用于Mac系统上,同样支持Windows系统运行。使用它可以自由地查看和变化投屏屏幕刷新率FPS、可以控制投屏的音频质量等参数。...还可以改变投屏的画面参数,如亮度、饱和度、锐度等等,这点有利于我们在不同的环境下,获得更好的观感。...AirServer主要功能在于实时地将移动设备上的图像画面内容投放到电脑设备上,让电脑成为iPad、iPhone等iOS系统设备的大屏显示器。...AirServer通过将所有主要的屏幕镜像技术(如AirPlay,Google Cast和Miracast)实现为一个通用接收器应用程序来实现。...AirServer在您的环境中运行,您可以使用任何设备,如iPhone,iPad,Mac,Android,Nexus,Pixel,Chromebook或Windows 10 PC,将其显示屏无线屏幕镜像到大屏幕

    4.3K00

    深入详解iOS适配技术

    最近,iPhone家族又诞生一款iPhoneSE,鉴于这款iPhoneSE的屏幕尺寸和iPhone5S的尺寸一模一样——同样是4.0英寸,广大iOS开发者可算是松了口气,不然iOS的屏幕尺寸真的是越来越让人眼花缭乱...使用这种方式你会在代码中无辜增加很多if...else... 的条件判断语句。另一种方式是获取到屏幕的尺寸后,按照控件和屏幕的比例来设置控件的frame,其本质上也是写死frame。...代码中的autoresizingMask和storyBoard中尺寸检查器中的Autoresizing是一回事。iPhone5开始,Xcode添加了autolayout功能。...但sizeclass是对不同尺寸的屏幕的区分,sizeclass把不同尺寸(包括横屏和竖屏)的屏幕进行了分类,无论是iPhone还是iPad设备,其宽度和高度都被划分为三种类型:compact(紧凑)、...右上角添加蓝色button.png 4> 然后我们预览在iPad和iPhone设备上横竖屏的显示情况,如下图: iPad设备横竖屏显示情况,如下图(因屏幕尺寸太小,需要滚屏,显示效果不好): ?

    8.5K70

    iOS 12 安全更新 | 一个月内安装率超 50%,越狱和漏洞一个也没少

    锁屏超过一小时后,屏蔽 USB 接入;避免物理接触导致的恶意数据读取; 设置方法:在设置中找到 Touch ID(Face ID)或密码选项,将 USB 访问的按钮关闭。...他发现可以利用 Siri 和苹果专为视障人群配备的辅助功能 Voiceover,或者利用 QuickLook 功能 绕过锁屏密码,查看联系人、照片乃至电子邮件和电话号码。...要成功绕过未锁定的 iPhone,攻击者需要物理访问存在漏洞的设备。一旦获取访问权限,就能绕过 iPhone上的密码验证屏幕。...其中,第二个视频展示的是利用 QuickLook 功能绕过锁屏密码。 使用视频中分享的技术,攻击者可以编辑与任何呼叫者相关联的联系信息,包括相关图像。...此外,更新中还包含针对新 iPhone XS 用户所遇到的充电和 WiFi bug 的修复程序。 其实,近几年 iPhone 的密码绕过问题已经屡见不鲜。

    1K50

    SpriteKit简介-创建您的第一个iPhone平台游戏

    在本节中,您将学习如何使用SpriteKit创建自己的平台游戏。您将学习如何实现所有基本游戏功能,如玩家移动,玩家跳跃,相机工作,动画等。 你正在建设什么 这是您将要构建的iPhone平台游戏。...点击在屏幕或按下左上角的播放按钮cmd+ R。 您将看到一个iPhone框架将在屏幕上显示问候消息:Hello,World!。现在我们确信我们的项目正常运行,让我们导入游戏资产。...最后,让我们给我们的场景提供iPhone X的宽度和高度,宽度为812,高度为375,并将模拟器上的设备更改为iPhone X....将资源添加到场景中 单击Xcode UI上右下方的Media Library面板,将地面和player / 0资源拖放到画布上。将地面放置在场景的底部,您可以将player / 0置于场景的中间位置。...您可能已经注意到,您已经学到了很多东西,比如如何在Xcode中创建第一个项目,导入资源,设置场景,将一些物理属性应用于节点以及了解Z位置。

    3.6K30

    iOS项目Project 和 Targets配置详解

    Devices(设备):用来设置支持的设备,有iPhone、iPad和Universal三个选项。 Main Interface(主界面):应用启动时预加载的主界面视图。...启动页面的作用:在我们点击应用图标启动应用时,应用启动需要一定的操作时间,再启动期间,为了增强应用程序启动时的用户体验,您应该提供一个启动图像。启动图像与应用程序的首屏幕看起来非常相似。...当用户在主屏幕上点击您的应用程序图标时,iPhone OS会立即显示这个启动图像。一旦准备就绪,您的应用程序就会显示它的首屏幕,来替换掉这个启动占位图像。...启动页面在屏幕适配中的作用:每个机型,比如同时支持iPhone和iPad的程序,需要分别为iPhone跟iPad指定启动图片。...但因为旧程序拉伸了,整体看起来有点虚,也不能更好利用大屏空间。当需要开发者手动适配的时候,跟iPhone 4过渡到iPhone 5一样,在新程序中,指定一张新的启动图片。

    3.1K11

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

    iPhone X/XS 的屏幕宽度(开发尺寸)与 4.7 英寸的 iPhone 8 相同,都为 375pt,只是在高度上增加了 145pt; iPhone XR 和 iPhone XS Max 的屏幕宽度...5.8 寸的 iPhone X 屏幕为基准等比例放大),此时在代码中获取到的屏幕宽高都为 375pt * 812pt。...---- 检测 iPhone X/XS/XR 设备的几种方式 最后,我们如何在代码中判断当前设备是否为 iPhone X 呢?...备注:这里所说的 iPhone X 泛指上述介绍的屏幕大小为 5.8、6.1、6.5 英寸三种尺寸,且带有顶部刘海和底部操作条的 iPhone 设备。...但该方法存在小瑕疵,需要考虑一下两点: 当 App 支持横竖屏切换时,在横屏模式下也能够正确判断; 在模拟器中调试时,能够正确判断当前所选则的模拟器类型是不是 iPhone X; 因此,我们重新整理一下目前所了解到的几种检测设备是否为

    1.5K20

    iOS学习——iOS项目Project 和 Targets配置详解

    Devices(设备):用来设置支持的设备,有iPhone、iPad和Universal三个选项。 Main Interface(主界面):应用启动时预加载的主界面视图。...启动页面的作用:在我们点击应用图标启动应用时,应用启动需要一定的操作时间,再启动期间,为了增强应用程序启动时的用户体验,您应该提供一个启动图像。启动图像与应用程序的首屏幕看起来非常相似。...当用户在主屏幕上点击您的应用程序图标时,iPhone OS会立即显示这个启动图像。一旦准备就绪,您的应用程序就会显示它的首屏幕,来替换掉这个启动占位图像。...启动页面在屏幕适配中的作用:每个机型,比如同时支持iPhone和iPad的程序,需要分别为iPhone跟iPad指定启动图片。...但因为旧程序拉伸了,整体看起来有点虚,也不能更好利用大屏空间。当需要开发者手动适配的时候,跟iPhone 4过渡到iPhone 5一样,在新程序中,指定一张新的启动图片。

    2.8K71
    领券