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

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

iPad,多任务处理还允许您在“拉”,“分割视图”或“画中画”模式下一次使用两个应用程序。...iPhone和iPad,小部件库还提供了预构建的小部件堆栈(称为“智能堆栈”),人们可以将其放置iPhone主屏幕或iPhone或iPad的“今日视图”中。...iPhone,如果您的应用程序具有导航,请像应用程序层次结构中的任何其他视图一样,将预览滑动到适当的位置。...iPad,或者如果您的应用程序没有自己的导航,请在包含导航的全屏模式视图中打开预览。...启用AirPrint的应用程序中查看可打印内容时,人们通常会在导航或工具中点击操作按钮,然后点击“打印”操作显示打印机视图

4.2K20

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

拆分视图中,导航可能会显示拆分视图的单个窗格中。导航是半透明的,也可以添加背景色,并且必要时可以设置为隐藏。 ? 某些情况下可暂时隐藏导航提供更沉浸的体验。...但是,无边框样式标准标题导航中可能无法很好地起作用,因为该的标题和按钮可能难以区分。iPad的拆分视图是一个例外,更多的是通过在这两种视图中使用无边框样式来保持主视图和辅助视图之间的一致性。...三、侧边(Sidbars) 侧边iPhone使用较少,更多的用在iPad。它提供了应用程序的导航侧边中选择一项可以使人们导航到特定的内容。例如,“邮件”中的边显示所有邮箱的列表。...您可以通过使用边样式列表并将其放置拆分视图的主列中来创建边视图相关内容后面会讲。 将正确的外观应用于边。要创建,请使用集合视图列表布局的栏外观。 使用边应用程序级别组织信息。...有几种常见的技术可以做到这一点: · APP中使用导航,该导航会自动显示状态背景,并确保内容不会显示状态背后 · 状态背后显示自定义图像,如渐变色或纯色 · 状态背后放置模糊的视图

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

SwiftUI 4.0 的全新导航系统

SwiftUI 4.0( iOS 16+ 、macOS 13+ )对导航系统作出了重大改变,提供了视图堆栈为管理对象的新 API ,让开发者可以轻松实现编程式导航。本文将对新的导航系统作介绍。...因此对于支持多硬件平台的应用来说,最好针对不同的场景分别使用对应的导航控件。 两个组件两种逻辑 相较于控件名称的改变,编程式导航 API 才是本次更新的最大亮点。...动态控制多显示状态 另一个之前困扰多 NavigationView 的问题就是,无法通过编程的手段动态地控制多显示状态。...,例如, macOS ,detalOnly 不会起作用 如果想在 SwiftUI 4.0 之前的版本使用类似的功能,可以参考我 用 NavigationViewKit 增强 SwiftUI 的导航视图...iPad Portrait 显示状态下,默认即为此种模式 balanced 显示左侧的时候,缩小右侧 Detail 的尺寸。

10.2K62

最新iOS设计规范四|3大界面要素:视图(Views)

较小的屏幕,动作表单会从屏幕底部向上滑动。较大的屏幕,动作表会弹出框的形式同时出现。 ? 执行潜在的破坏性操作之前,请使用操作表请求确认。...在这种类型的界面中,主要列显示侧边,可选补充列显示列表视图,辅助内容窗格显示有关所选内容的详细信息。 iPad,使用拆分视图而不是标签。...拆分视图提供与选项卡相同的快速导航,同时更好地利用了大屏幕。 为每种类型的列选择适当的样式。对于显示的主列,请使用栏外观。此外观适用于应用程序级导航和集合列表,例如Mail中的邮箱。...一般而言,表格是基于文本的内容的理想选择,并且通常作为导航视图显示拆分视图的一,而相关内容显示另一。 表单分类 iOS有三种样式的列表,平级、分组、插入分组。 平级。...某些情况下,新数据加载出来之前,先展示之前的旧数据也是有意义的。 在内容加载时配进度条指示进度。

8.4K31

用NavigationViewKit增强SwiftUI的导航视图

由于SwiftUI原生提供的导航手段能力有限,因此之前的版本中,NavigationView总是使用的不是那么的顺手。...•iPad下,无法竖屏(Portrait)模式下保持双状态 因此,在这次开发的准备阶段,我写了一个针对NavigationView的扩展库——NavigationViewKit[3]。...当iPhone Max横屏时,NavigationView的表现会同iPad一样双列显示,让应用程序不同iPhone的表现不一致。...当竖屏时,左侧默认会隐藏,容易让新用户无所适从。 TipOnceDoubleColumnNavigationViewStyle会在iPad首次进入竖屏状态时,将左侧显示右侧上方,提醒使用者。...[5]中,我希望iPad版本无论横屏或竖屏时,都始终能够保持两显示的状态,且左侧不可隐藏。

3.2K20

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

(Bars) ,可以告诉用户APP中当前在所在的位置、能提供导航,还可能包含用于触发操作和传递信息的按钮或其他元素。包括6种:导航、搜索、侧边、状态、标签、工具。...系统按钮 系统按钮通常出现在导航和工具中,也可以在任何地方使用。 ? 标题中使用动词。特定于操作的标题显示按钮是交互式的,并说明单击该按钮时会发生什么。 使用标题格式命名标题。...信息按钮 翻转视图后,“信息”按钮可显示有关应用程序的配置详细信息,有时会显示在当前视图的背面。信息按钮有两种样式:浅色和深色。选择与您的应用程序设计最匹配且不会在屏幕看不清楚的样式。 ?...导航通常是按顺序进行的,通常是将页面滑动到一。 ? 不要在层级不同的页面之间使用页面控件。页面控件并不会显示页面之间的关联或指示哪个页面对应于哪个点。此类控件仅用于彼此层级相同的页面。...控件内,所有段的宽度均相等。像按钮一样,句段可以包含文本或图像。分段控件通常用于显示不同的视图。 限制段的数量提高可用性。越宽的段越容易点击。iPhone,分段控件应该控制5个或5个以下。

8.5K30

最新iOS设计规范十|5大拓展程序(Extensions)

加载文件提供程序扩展时,其界面将显示包含导航的模式视图中。 ? 用户打开或导入文件时,仅显示特定于上下文的文档和信息。当用户打开或导入文档时,仅显示适合当前上下文的文档。...在编辑模式下,点击工具中的扩展名图标将显示可用编辑扩展名的操作菜单。选择一个将在包含导航的模式视图显示扩展的界面。撤消该视图将确认并保存编辑,或取消编辑并返回到“照片”应用程序。 确认取消编辑。...如果尚未进行任何编辑,则无需显示此确认。 不要提供自定义导航。您的扩展程序将加载到已经包含导航的模式视图中。提供第二个导航会造成混乱,并占用正在编辑内容的空间。 让人们预览编辑。...用户点击页面中的操作按钮,会显示带有共享扩展和操作扩展的活动视图。该活动视图只会显示与当前内容相关的扩展。例如:在编辑视频时,你不会看到文本类的操作按钮。...例如,共享扩展名可以通过单击立即将图像发布到社交媒体帐户。仅在必要时提供接口。 避免将模式视图放在扩展中。默认情况下,扩展显示模式视图中。尽管扩展名上方可能会发出警报,但请避免分层附加模式视图

3.1K10

iOS开发常用之网络

该项目通过三种形式展示页面之间的切换,比如导航的多个选项卡切换,页面左右两端箭头指示切换,以及使用分段控件。...VOMetroLayoutDemo - Metro风格的UICollectionView,目前只支持横向布局,仅在iPad应用。...LTNavigationBar - LTNavigationBar为导航添加动态着色效果,可自定义其背景色.Demo包含:1。变换背景色; 2。滚动视图导航和状态重叠。...STPopup - 提供了一个可在iPhone和iPad使用的具有UINavigationController弹出效果的STPopupController类,并能在Storyboard很好的工。...故事板中使用GHSidebarNav开菜单控件。 iOS-Slide-Menu - 能够类似Facebook和Path那样弹出左右边滑菜单,还支持手势。

23.5K10

ug4入门教程

单击主菜单将会下拉显示相关指令选项,如图1-9所示。 图1-9  主菜单 (3)工具简单直观的图标来表示每个工具的作用。...(5)绘图区:窗口的形式呈现,占据了屏幕的大部分空间。绘图区即是UG的工作区,其可用于显示绘图后的图素、分析结果、刀具路径结果等。 (6)导航按钮与导航器:当单击导航按钮时,导航器会显示出来。...F6/ MB1+2 视图→操作→缩放旋转F7/ MB2 视图→操作→旋转移动MB2+3 视图→操作→移动更新显示 视图→布局→更新显示恢复 视图→操作→恢复显示方式带边着色 着色 艺术外观...图1-20  选择窗口 图1-21  窗口缩放 è STEP 7全屏显示 单击视图”工具条的 按钮,将所有图形最大化地显示屏幕,如图1-22所示。...图1-22  适合窗口 è STEP 8显示正等测视图 单击鼠标右键(MB3),选择【定向视图】→【正等测视图】命令,则图形标准的正等测视图全屏显示,如图1-23所示。

3.4K30

如何在Mac轻松更改Finder的外观

除上述内容外,您还可以调整其他一些选项来更改FinderMac的外观。 Finder中隐藏各种元素 Finder在其窗口中显示各种项目,如,工具,路径和状态。...您实际可以隐藏这些项目以使其不出现在Finder中,这样Finder看起来就不会那么混乱了。 隐藏侧边 侧边通常包含Mac驱动器,连接的服务器以及Mac的一些主文件夹。...如果您不需要访问这些项目,则可以隐藏侧边,使其不会出现在Finder窗口中。 单击顶部的“显示”菜单,然后选择“隐藏从Finder中删除。...如果您不使用路径,则可以安全地删除该。 从Finder窗口中 单击显示 > 隐藏路径隐藏该。...单击工具中的齿轮图标,然后选择显示视图选项。 勾选顶部的始终打开选项。

5.8K00

iOS 9人机界面指南(一)上篇:UI设计基础 - 腾讯ISUX

显示环境[display environment]的概念指的是设备的整个屏幕或者其中一部分,比如弹出框的区域或者iPad分屏视图中其中一的区域。)...下面的实例可以帮助你形象展现尺寸类型如何适配不同设备的显示环境。例如:iPad(包括iPad Pro)长宽和横屏竖屏时都使用常规尺寸类型。换句话说,iPad显示环境一直处于垂直和水平的常规状态。...分段控件让用户一屏内就可以查到不同分类的内容,而不需要切换到其他屏幕。 工具(Toolbar)。尽管工具导航或标签相似,但是工具不具导航作用。...设计一个涉及视觉层次的模态任务时特别要考虑这一点,因为用户有可能迷失并且忘记如何回到之前的操作中去。如果一个模态任务必须包含不同视图的子任务,确保给用户一个独立、清晰的导航路径,并避免迂回。...UIKit的操作和视图提供了很多反馈类型。 尽可能将状态或其他的反馈信息整合到UI中。用户不进行操作或不跳出当前内容就能获得需要的信息是最好的。例如,邮箱将当前的状态显示不影响当前内容的工具

1.8K41

如何使用纯前端控件集 WijmoJS 中的可视化在线设计器

您可以通过单击页面右边缘的箭头来折叠属性/事件。 设计表面支持具有顺序布局的多个纯前端控件。...用户可通过打开工具箱并将InputDateTime控件添加到设计图面,单击“编辑”工具的“移”按钮交换两个控件的位置。...单击WijmoJS 徽标关闭“主题”列表,然后单击“源视图显示生成的HTML 和 Java。...请注意,设计器不会从源视图中保存的HTML恢复状态,只能从设计视图中保存的JSON恢复。 使用图表 现在让我们考虑一个更复杂的例子。...我们这样做之前,让我们看看设计师生成的默认系列集合。 “属性”窗格中向下滚动,找到系列属性,然后单击显示项目”按钮将其展开。 将鼠标悬停在最新价格,然后单击出现的链接。

5.8K20

AngularDart 4.0 高级-路由概述 顶

这是路由器页面的DRAFT,它仍在积极更新。 大部分内容都是准确的,但样本仍在改进和增强。 欢迎反馈。 当用户执行应用程序任务时,Angular路由器支持从一个视图导航到下一个视图。...概观 浏览器是一种熟悉的应用程序导航模型: 地址中输入一个URL,然后浏览器导航到相应的页面。 点击页面上的链接,浏览器导航到新页面。...它可以将浏览器URL解释为导航到客户端生成视图的指令。它可以将可选参数传递给支持视图组件,帮助确定要呈现的具体内容。您可以将路由器绑定到页面上的链接,并在用户单击链接时导航到适当的应用程序视图。...危机详情显示列表下方的同一页面上的子视图中。 改变危机的名称。 请注意危机列表中的相应名称不会更改。 ?...离开当前视图导航之前,挂钩使您有机会清理或询问用户的许可。

6.1K20

设计师应该了解的iOS应用开发基础知识

很多时候,我们需要在制作背景图片的过程中,在按钮的另外一添加一块空白的区域,弥补阴影效果所占据的空间,确保按钮自身处于正中央。...导航单击Portfolio路径中的AppDelegate.m文件,编辑区就会相应的进入代码编辑状态。...方法有两种:你可以左侧导航当中Control单击Images文件夹,选择“Add Files to 'Portfolio'”,然后找到模板包当中PNGs路径下的全部文件,执行添加(Add);或者也可以首先在...之后,你可以手动导航中对文件进行拖放排序,使它们看上去更符合逻辑:图片为Tab与视图建立关联回到MainWindow.xib当中,文档结构列表里选中我们之前添加的第一个View Controller...当中显示以外,应用图标的使用环境还有很多,例如两种规格的iPad、系统设置(Settings)、Spotlight搜索结果、iTunes等等。

81630

Sentry 监控 - Discover 大数据查询分析引擎

请记住,对查询条件的编辑不会自动保存。 要重命名已保存的查询,请单击标题旁边的铅笔图标并输入所需的显示名称。单击“enter”或点击区域外保存更新的名称。 分享查询 随时分享您的疑问。...例如,错误可能会在显示相关问题。这使您可以快速浏览该问题的事件量,并让您快速导航到相关问题。您还可以在这些视图中找到堆栈跟踪(stack traces)、面包屑(breadcrumbs)等。...单击这些部分中的任何一个进一步优化您的搜索。例如,单击浏览器中代表 Chrome 的部分将自动更新 tag summary,然后将 Chrome 添加到搜索条件中。...随着查询的每个部分的构建,结果会更新,URL 也会更新,以便可以电子邮件、聊天等中共享正在进行的搜索。 导出 CSV 如果您想将数据带到别处,请单击 “Export” 获取 CSV 文件。...单击 COUNT_UNIQUE(ISSUE) 列标题相应地对行项目进行排序。 将光标悬停在顶部 project 行项目单击显示的操作图标,然后选择 “Add to filter”。

3.5K10

Android Studio 3.6 发布啦,快来围观

拆分视图并放大设计编辑器 ? 此版本中包含对视觉设计编辑器的以下更新: 设计编辑器(例如,布局编辑器和导航编辑器)现在提供一个拆分视图 的支持,可以同时查看UI 的设计视图和代码视图。...在编辑器窗口的右上角,现在有三个按钮可用于查看选项之间切换: 要启用拆分视图,请单击“ 拆分”图标 。 要启用XML源代码视图,请单击Source图标 要启用设计视图,请单击“ 设计”图标 ?...四、重构菜单选项启用 Instant Apps 支持 创建应用程序项目后立即启用基础模块,如下所示: 通过 从菜单中选择View > Tool Windows > Project来打开“ 项目”...虚拟设备运行时,最多可以添加两个以下显示: 1.打开扩展控件,然后导航到 Displays 选项卡。 2.通过单击添加 Add secondary display 来添加另一个显示。...(可选)单击 Add secondary display 添加第三显示单击 Apply changes,将指定的显示添加到正在运行的虚拟设备。 ? ? 3.

8.9K20

独家 | 手把手教数据可视化工具Tableau

工具 - 使用工具访问命令以及分析和导航工具。 D. 视图 - 这是您在其中创建数据可视化的工作区。 E. 转到开始页面。 F. 提供两个窗格:“数据”窗格和“分析”窗格。 G....将这些值添加到视图中时,状态的右侧将显示一个精度警告。 5....STEP 5: 单击工具的“显示标记标签”按钮 ( ),视图显示度量值。 视图现在将如下所示: 注意前几项的百分比:14.37%、14.30% 等。...或者,如果您想要使合计条形居中显示 — 默认情况下,合计靠左对齐方式显示,请执行以下操作: STEP 1:右键单击条形图上的任意合计并选择“设置格式”。...向下滚动查看其他区域的数据。 中部区域,复印机显示为利润最高的子类,而装订机和电器则是利润最低的。 STEP 6:单击“标记”卡的“颜色”显示配置选项。

18.8K71

Z-blogPHP《小清新》至简至美个人博客主题模板,自适应加SEO优化

,清晰明了,没有哪些过于商业的CMS,也无需那么多繁琐复杂的设置,有朋友说,我的主题风格基本都一样,看不出有什么差别,,,emmmm好吧,你说是就是把,但是这款主题跟以往都有所不同,除了顶部的智能跟随导航的热评文章采用之前模块...-- 新增图片延迟异步加载代码,开启后可以实现,图片异步加载,需要设置一张占位图片,未加载的时候显示占位图片,滚动条下拉时才逐渐显示文章缩略图,但是搜索引擎的快照下,不会显示文章缩略图而是占位图,按需开启...V、优化导航之间的间距。 V、优化搜索结果,没有内容的情况下,友好提示! 2020/05/18 V、优化顶部背景图视觉差特效。 V、优化自适应显示效果。 V、优化导航高亮显示效果。...3.优化文章全局上下篇开关,左右空白区域显示上下篇,增加用户体验。 4.修改主题模板缩略图。 5.优化更新首页轮播图js代码,修复部分情况下360浏览器单击轮播不跳转的BUG。...其中模块管理中的最新发表、热评文章和标签列表采用缓存形式,新建文章和编辑文章还有删除文章的操作下会自动更新其内容,启用主题,需要编辑任意一篇文章以此来生成缓存文件,否则栏内容不会显示

3.2K20

使用iPadiPad用作Mac的第二台显示

单击iPad中的断开连接按钮。 了解有关使用外接显示器的更多信息。例如,您可以使用“显示”首选项来排列显示,以使iPad延伸到桌面的左,右,或下。...image iPad显示或隐藏计算机的Dock。 ? image 命令。触摸并按住设置命令键。轻按两次锁定键。 ? image 选项。触摸并按住设置选项键。轻按两次锁定键。 ?...---- 使用苹果铅笔 要在iPad扩展或镜像Mac显示屏时iPad指向,单击,选择并执行诸如绘图,编辑照片和操作对象等任务,可以使用Apple Pencil而不是鼠标或触控板。...您还可以使用它来书写,绘制草图和标记文档,同时查看Mac的实时更新。 Sidecar还支持双击,您可以Sidecar首选项中将其打开。...边车偏好 显示侧边iPad屏幕的左侧或右侧显示侧边,或将其关闭。 显示触摸iPad屏幕的底部或顶部显示 触摸,或将其关闭。

13.4K00

和安卓用户FaceTime,一个鼠标操作iPad和Mac!没有新硬件的WWDC,就不行吗

这也是FaceTime首次跨操作系统得到支持。 通知也有了新的外观。通知可以显示联系人照片和更大的应用程序图标,这在iOS 15新的过滤模式存在,称为焦点(Focus)。...也就是说,用户或能将它们放在任何地方,这是去年iOS 14鸽掉的一项功能——尽管桌面空间很大,但小部件只能放置“今日视图”(Today View)中。 多任务处理也得到了一些改进。...WWDC之前,一些用户的愿望清单包括多用户支持、更高级的文件应用程序、对外部显示器的更好支持以及Final Cut和Logic等专业级应用程序进入iPad。...根据介绍,Swift Playgrounds可以把编程操作可视化,帮助使用者更直观地去感知每一行代码背后的意义。构建应用程序时,代码可以侧边中实时预览,也可以全屏运行应用进行测试。...苹果还宣布Mac将快捷指令部署到macOS。用户可以Dock、菜单、Finder甚至Siri上调用快捷指令,比如自动分屏、快速群发等。 当然用户也可以创建个性化的快捷指令。

1.5K20
领券