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

苹果iOS 13 新设计规范全面解析

主要关注阅读,照片,视频和游戏的应用可以通过指定白点适应性样式增强或削弱此效果。 考虑如何在其他国家和文化中看到您对颜色的使用:例如,在某些文化中,红色表示危险。在其他人看来,红色具有积极的内涵。...情景菜单类似于Peek(预览)和Pop(弹出),但有两个主要区别:情境菜单可在运行iOS 13及更高版本的所有设备上使用;Peek和Pop仅适用于支持3D Touch的设备。...情境菜单立即显示上下文相关的命令;Peek和Pop需要向上滑动才能查看命令。 (请注意:iOS 13中 3D touch的交互方式与此情境菜单的交互逻辑不太一样,情境菜单的交互方式是长按,而不是重压。...你可能需要一段时间适应这个交互的变化,就iOS 13 Beta版本来说,静电觉得很痛苦。)...避免提供打开项目预览的操作按钮: 人们可以点击打开他们正在预览的项目,因此通常不需要提供明确的“打开”按钮。

4.4K40

最新iOS设计规范五|3大界面要素:控件(Controls)

通过颜色选择器的选项卡式界面,人们可以从网格或光谱中选择颜色,也可以通过选择RGB值选择颜色。人们还可以通过点击吸管按钮并使用放大镜选择出现在屏幕上任何地方的颜色,从而选择一种颜色。 ?...三、情境菜单(Context Menus) 在iOS 13及更高版本中,你可以使用情境菜单让用户访问与APP相关的其他功能,而不会使界面混乱。 ?...打开时,情境菜单将显示该项的预览并列出对其起作用的命令。用户可以选择命令或将项目拖动到另一个区域、窗口或应用程序。 采用一致的上下文菜单。...用户可以通过点击打开他们正在预览的项目,因此通常不需要额外再提供明确的“打开”按钮了。...考虑用“更多”按钮显示菜单。“更多”按钮可以与大多数界面很好集成在一起,用户也能够理解点击它可以访问其他功能。通常的样式是三个点放在圆形按钮中表示“更多”。

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

Apple iOS 9.3 SPlus – 触摸密码绕过漏洞

本地攻击者可以通过漏洞绕过iPhone的设备保护机制。 苹果显示屏上的3D触摸传感器可以通过按压交互用来打开基本的上下文菜单。...攻击点击添加标签并且按住按钮,新的3Dtouch功能在重度按压下会向攻击者显示基本上下文菜单。而可用的菜单中有添加新联系人的选项。 然后攻击者点击新联系人的图片/头像按钮,他就能看到手机中的图片库。...通过电源按键锁屏 5. 点击两次Home键或者点击"hello siri" 打开siri 6. 让siri 通过twitter, yahoo 或 facebook进行搜索 7....查看搜索的推文直到看到@tag或者在预览中使用搜索 8. 用力按压@tag按钮 9. 系统会显示基本上下文菜单 10. 选择添加新联系人 11. 为这个联系人添加头像 12....现在攻击者就可以在未验证的情况下查看手机中的相册了 13. 点击发送消息,邮箱就会在未经安全验证的情况下打开 解决方案 通过在设置菜单中永久取消Siri,用户可以暂时修复漏洞。

1K50

Material Design — 菜单(Menus)

不要显示所选菜单项的副本(如下图)。 ? 将菜单放置在触发菜单元素的下方会将其与上下文环境分开(如下图)。 ? 关闭菜单 可以通过点击菜单外部或点击触发菜单的元素(如果可见)关闭菜单。...尽管它们可以显示相同的内容,但简单菜单优Simple Dialog,因为简单菜单对用户当前上下文的干扰较小。 菜单项选择 选择一个选项提交选项并关闭菜单。...取消选择 触摸菜单外部或按下系统“后退”按钮,取消操作并关闭菜单。 ? 简单菜单 ·打开时,简单菜单会尝试将当前选定的菜单项目与列表项目垂直对齐。 当前选择的菜单项突出显示(如下图)。 ?...·内容可滚动时,菜单一直显示滚动条。 ·简单菜单的最大高度应小于页面高度的一行或多行。 这确保了可点击简单菜单之外的区域关闭菜单。 ·不在菜单中重复展示已选项(同Menus)。...·简单菜单总是与列表项文本的开头左对齐,并且不会基于点击位置重新水平定位(如下图)。 ?

5.8K100

iOS 9人机界面指南(三):iOS 技术 (上)

对于单个商品项目的购买,让用户只需通过点击商品页面上的Apple Pay支付按钮,即可显示支付上拉菜单并进行即时结算。...应用扩展类型 人们使用扩展做… 今天部件(Today widget) 在通知中心中获得快速更新或者在今天视图中快速完成任务 分享(Share) 发送到网站或者和他人分享内容 动作(Action) 通过另一个应用的上下文信息操作或查看内容...注意: iOS会自动在自定义的部件内容上方显示应用的图标和标题(图标会显示在标题前面的空白处)。 将部件内容与标题对齐。当你的部件内容与标题对齐时,人们就可以很简单浏览今天视图中他们想要的部件。...(照片应用默认会以全屏高度显示你的视图,所以你的内容会出现在内建的导航栏之下。) ? 如果可以,让用户能够预览编辑结果。尽可能让用户在关闭扩展返回照片应用之前看到他们编辑的成果。...3.7 HomeKit 通过HomeKit,用户能够方便在家中使用iOS设备上的智能家居应用来操控家中相关联的设备(无论这些设备制造商是谁)。

1.6K60

最新iOS设计规范九|10大系统能力(System Capabilities)

iOS 13及更高版本中,您可以使用内置的教练视图向人们展示如何做并在初始化过程中提供反馈。...“显示所有Windows”,然后点击“添加(+)”按钮 触摸并按住一个对象,直到显示一个上下文菜单,其中包括在新窗口中查看该对象的选项 iPad应用程序通常使用两种类型的窗口。...如果只是通过小部件打开应用程序而没有提供任何附加值,用户大概率会删掉。 这样做可以为您的小部件提供多种尺寸,从而增加价值。通常,避免简单扩展较小的窗口小部件的内容以填充较大的区域。...从iOS 11开始,截屏后,屏幕截图会以预览形式短暂出现在屏幕底部。用户可以向侧面滑动预览以将其关闭(如果用户什么都不做,则预览会在几秒钟后自动关闭)或点击预览以快速访问即时标记和共享工具。...Mail使用“快速查找”查看附件。下载附件后,邮件会在邮件中显示附件的图标和文件名。点按该图标可显示附件的预览。 ? 根据当前上下文适当显示预览

4.2K20

如何使用Apple Watch控制iPhone相机拍摄照片

下面小编告诉大家如何使用Apple Watch控制iPhone相机拍照,快来看看吧!...如何使用Apple Watch控制iPhone相机 如果您正在使用带watchOS 7的更新版Apple Watch,并且在iPhone上运行iOS 14,则可以通过以下方法使用Apple Watch控制...现在,等待预览在Watch上可用。 2.接下来,构图并定位iPhone。 3.点击“观看”,以与在iPhone上相同的方式更改焦点或曝光。...现在,如果您在iPhone上运行iOS 13,在Apple Watch上运行watchOS 6,可以按照以下步骤将Apple Watch用作iPhone的快门按钮。...为此,您可以点击“三个点”菜单,或者在“相机”应用打开的情况下长按屏幕。 点击“翻转”按钮将使您在前置或后置摄像头之间切换。点按“实时”按钮可以打开或关闭“实时照片”模式。

2.2K20

iOS 8人机界面指南(三):iOS技术(下)- 腾讯ISUX

用户可以通过点击预览文件。 ? 你可以在应用中用一个新的视图显示文件预览,使用全屏或者模态视图。展示的形式取决于你的应用运行在什么设备上。...在iPhone上可以使用专用的视图,最好是导航视图显示文件预览 这样可以使用户在应用情境中通过导航进入文件预览。虽然也可以在iPhone应用中使用模态显示,但并不推荐这样。...依据你的页面布局调节菜单显示 iOS在插入点或选择的上方或下方依据可获得的空间放置菜单指针以显示编辑菜单,这样用户就能看到菜单命令是如何与内容相关的。...支持两种手势调用菜单 虽然触控和长按手势是用户呼起编辑菜单的首选方式,但他们也可以在文本页面中通过双击一个单词选择该单词并同时呼起菜单。如果你在自定义页面中支持菜单,确保它能支持两种手势。...例如,Numbers(译者注:iWork中的电子表单应用程序)中提供了多种输入页面,这些页面的设计用以简单高效完成数量、日期和其他值的输入。 ?

2K40

Flutter 3.7更新详解

在 macOS 上,你可以使用 PlatformMenuBar widget 创建菜单栏,你的菜单栏将由 macOS 系统渲染,而不是使用 Flutter。...此外,对于所有其他的平台,你可以定义一个 Material Design 菜单,它提供了级联菜单栏 (MenuBar),或者使用由 UI 界面元素触发的 (MenuAnchor) 创建一个级联菜单。...Impeller 预览版 Flutter 团队很高兴能 在稳定版渠道上 为大家带来 iOS 平台的 Impeller 渲染引擎 预览。...iOS 发布校验 当你在构建一个发布版本的 iOS 应用时,Flutter 会为你提供 项目设置检查清单 确保你的应用已经准备好发布到 App Store。...从新版本开始,你可以在 Flutter 应用的任意位置创建自定义的上下文菜单,也可以自定义内置的上下文菜单

3.1K00

如何在Mac上将WebP图像批量转换为JPG?

无论您的设备运行的是哪个 macOS 版本,您都可以使用预览应用程序在 macOS 上将各种图像文件格式本地转换为 JPEG。今天小编带来的是如何在Mac上将WebP图像批量转换为JPG的教程。...通过单击并拖动鼠标选择要转换的所有文件。选择后,右键单击或按住 Control 单击鼠标以访问上下文菜单。选择“打开方式”并选择“预览”。...在 Mac 上启动预览应用程序后,单击菜单栏中的“预览”并从下拉菜单中选择“首选项”。 这将在您的屏幕上启动一个小的首选项窗口。...您现在可以关闭此窗口并返回预览应用程序。现在,单击并拖动鼠标以选择您在预览应用程序左侧窗格中看到的所有图像。 选择后,再次右键单击或按住 Control 键单击并选择“导出为”以显示导出菜单。...在打开的新窗口中,单击“选项”以更好控制您尝试导出的图像文件。 现在,您将能够选择格式,在本例中为“JPEG”。此外,您可以使用下面的滑块调整导出文件的图像质量。

1.8K20

macOS Monterey:您可能错过的 40 个提示、技巧和功能

默认情况下,屏幕保护程序将以多种语言显示“Hello”,但您可以通过在“屏幕保护程序选项”中关闭“以所有语言显示“您好”强制它仅使用您的母语。...在出现的对话框中选择您的设置,然后点击Convert。查看图像时,您还将在 Finder 预览面板中看到快速操作。 9....项目,并关闭“查找我的”和“激活”锁定,让您更轻松将 Mac 恢复到新出厂设置。...然后,您可以通过在System Preferences -> Extensions -> Finder 中检查快捷方式,使其在 Finder 的右键单击上下文菜单中可访问。 20....启用‌‌iCloud‌‌私人中继后,您可以选择分配的IP地址如何使用地理信息隐藏您的实际位置。

4.9K30

React Native - 开发工具Atom+Nuclide

功能设置和插件安装直接在设置选项里面即可设置,默认的很多设置选项已经很不错了,也不需要太多修改。 主题插件的安装也很简单点击顶部菜单“File”->“Settings”。...Atom常用快捷键 Crtl+Shift+M 开启Markdown实时预览 Command+Shift+P 打开命令窗口,可以运行各种菜单功能 Command + T 快速多文件切换...我们打开Atom,点击顶部菜单栏的Atom->Preferences,在Settings中的Install界面搜索nuclide,搜索到nuclide后点击Install按钮。如下图所示。 ?...屏幕快照 2018-09-11 10.11.34.png 安装Nuclide相关依赖包 在Settings中点击Packages界面,点击顶部菜单栏的Packages-> Settings View->...屏幕快照 2018-09-11 10.20.17.png 关闭 Atom,再次打开这些依赖包便会开始自动安装。 ?

1K20

iOS9的新特性3D-Touch

简而言之: (Peek and Pop): 在App中用户可以使用3D-Touch提前预览App /网页的下级页面 /在地图上预览地址连接 (Home Screen Quick Action): 在...Home界面对App进行类似PC端右键菜单的操作 (Pressure Sensitivity): 在绘图有关应用中时通过感知压力更改笔刷的功能 2. 3D-Touch功能点详解 2.1开发环境 开发环境...UIPreviewAction允许开发者在用户使用3D Touch功能触控一个UI元素的时候,快速在一个新的预览窗口中显示某些内容,而无需弹出一个完整的Controller。...因此动态的Quick Actions可根据程序设定改变,比如通过后台下发,用户自定义等。(Apple官网代码例如下) ?...3.总结 总的来说3D-Touch在已发布的App中应用到的场景还不多,Apple的developer文档中的描述也相对简单

812100

iOS开发常用之网络

RDVTabBarController - 一个TabBar组件,可以方便设置底部菜单的文字图片,点击效果,小红点提示等。...DCPathButton - Path,4.0的弹出菜单,呼出或者关闭菜单时,多个小图标会分别按照逆时针和顺时针的方向进行滚动。...MDCSwipeToChoose - MDCSwipeToChoose可简单添加滑动手势调用UIView,并使用该行为提供了一个组件以创建类似Tinder应用的喜欢或者不喜欢界面的轻扫。...3DTouchSample - 3D-Touch的功能分为两个部分:快捷键和预览。 SBShortcutMenuSimulator - 教你如何在模拟器上测试3D Touch功能!...拖拉到一定的长度会消失,可以通过系数设置控制拖拉的长度。气泡也支持多种属性设置。 PPDragDropBadgeView - 实现了类似于QQ 5.0的水滴拖拽效果。

23.5K10

如何快速入门 Hook ?

疑问 自从发布了《Hook:如何高效双向链接不同类型的信息资源?》一文之后,就有小伙伴询问: 老师,我对您介绍的 Hook 很感兴趣。但是没找到中文教程,能推荐一个吗?...好比说,你在 Draft 里码字儿中,此时需要引用一处上下文,例如刚才的那个视频。怎么办?如果你拷贝一长串 hook:// 开头的链接进来,是很乱的,而且也不支持在笔记软件中直接点击跳转。...后面,你可以在 Draft 的预览模式中,直接点击这个链接,就可以打开视频。 看,这样记笔记,随时把各种不同的上下文内容关联进来,是不是方便许多?...在 Draft 预览模式下面,点击刚才粘贴进来的链接,你会看到 Skim 重新开启对应的 PDF ,而且直接蹦到对应的页面,并且高亮你刚刚高亮过的部分,分毫不差。...注意我们刚刚鼠标点击的操作,是为了足够清晰给你介绍基础功能。实际上,你会看到,所有的菜单点选,都可以用快捷键操作。 如果你一时无法记住那么多快捷键,没有关系,慢慢来。

74310

苹果的AR新工具RealityComposer开箱体验及操作指南

体验感受 先说下使用体验感受,最直观的感觉就是Xcode越来越强大了,这次的更新,像是给Xcode装备了一个3DMax,可以直观创建3D内容,设置3D内容的交互动作,位置,材质等,实时预览,在代码中方便调用...比如我们可以在桌子上放各种各样的物品,还可以在图片上,比如餐厅的菜单上放上各种特效,甚至可以在人脸上装饰上各种配饰。 ?...还可以更改Anchor,通过Collides设置虚拟物体的物理属性,比如Concrete、Ice、Lead、Plastic、Wood、Rubber,还可以设置重力Gravity 。 ?...STEP05 交互事件 点击Behaviors,然后添加一个Tap & Flip事件,Tap & Flip 在点击物体之后,翻转物体,如图所示。...具体设置下,可以点击动作卡片上的播放,预览下动效 ? STEP06 实时预览 先把手机升级到ios13,并安装Reality Composer。这样就可以实时在手机上预览虚拟物体。 ?

3.9K31

右键点按,为你的访达菜单展开更多可能性

下面就来看看它们的使用技巧,以及让它们更好发挥功能的 App。 压缩文件 要为文件、文件夹或一组文件创建 ZIP 归档,按住 Control 点按它,然后在菜单中选择「压缩…个项目」。...比如,JPEG 文件会通过预览》打开,而文本文件则会使用《文本编辑》。...按住 Control 点按文件夹或桌面空白处,在「从 iPhone 或 iPad 导入」子菜单里选择「拍照」「扫描文稿」或「添加速绘」。 如果你有多个 iOS 设备,每台设备都会有独立的相关选项。...可以直接从右键菜单里快速创建新文件;拷贝文件路径;快速打开终端等。 Macv.com Finder扩展Wise Menu它可以向右键单击Finder中的任何项目的上下文菜单添加有用的操作。...安装此扩展时添加的其他菜单项使您可以快速,轻松执行上下文菜单中默认情况下不可用的某些操作。

64910
领券