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

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

你可以同时提供自定义蒙版图像,以便系统在转场过渡时使用此蒙版为按钮标题设置动画效果。 不要包括多段面包屑路径。后退按钮始终执行单个操作:返回上一屏幕。...使用侧边栏可快速导航到应用程序关键部分或文件夹和播放列表之类顶级内容集合。 尽可能让用户自定义边栏内容。...例如,如果iOS设备上没有歌曲,则“音乐”应用中“立即收听”选项卡将说明如何下载歌曲。 始终在附加视图中切换上下文。...在iOS 13及更高版本中,您可以使用SF符号来表示选项卡栏项目。在所有版本iOS中,系统API提供了一系列预设图标。当然你也可以自定义图标。...但需要考虑给文本标题按钮足够空间。 ? 避免在工具栏中使用分段控件。分段控件允许用户切换上下文,而工具栏只对当前页面提供操作。如果你需要切换页面,请考虑使用标签栏。

9.8K10

Human Interface Guidelines —— 导航栏(Navigation Bars)

内容 当显示一个新屏幕时,一个后退按钮(通常标有前一个屏幕标题)出现在该bar左侧。...人们知道标准后退按钮可以让他们通过层级信息返回。但是,如果您实现了自定义后退按钮,请确保它仍然看起来像后退按钮,直观,与剩下页面交互方式保持匹配,并始终贯穿于您应用程序中。...如果您使用自定义图像替换系统提供后退按钮V形图像,则也需要提供自定义遮罩图像。 iOS使用此遮罩在转场时为按钮标题设置动画效果。 ·不要包含多段面包屑路径。...后退按钮总是执行一个动作——返回到前一个屏幕。如果您认为没有到达当前屏幕完整路径,人们可能会迷路,那么请考虑展开app层次结构(如使用segmented control)。...·给文本标题按钮足够空间。如果navigation bar包含多个文本按钮,点击时这些按钮可能会一起运行,从而使按钮无法区分。可以在按钮之间插入固定空间项来添加分隔。

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

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

例如:按钮、开关、文本框和进度条,都属于典型控件。 ---- iOS12种视图(Views) ?...如果你警示框没有“取消”按钮,至少要保留这种取消警示框交互方式。 四、集合(Collections) 集合主要用来管理一系列有序内容,例如一组照片,并以可自定义和高度可视化布局呈现。...显示不全文字和词语很难被阅读和理解。超长文本被截断在所有表格单元格样式中都是自动,只是根据你使用单元格样式和发生截断位置,它可能会出现或多或少问题。 可为“删除”按钮自定义标题。...网页视图支持前进和后退导航,但默认情况下这种交互行为是被禁用了。如果用户想通过网页视图访问多个页面,请启用前进和后退导航,并提供相应控件来启动这些功能。 避免使用网页视图来构建一个网页浏览器。...使用网页视图让用户在不离开APP当前页情况下,短暂地访问网站很好,但Safari是用户在iOS上浏览网页主要方式。所以在你APP中提供与Safari相似的功能没有必要,而且也不鼓励这样做。

8.3K31

iOS 11 更大导航 (官方翻译版)

导航栏 导航栏出现在应用程序屏幕顶部状态栏下方,并可以通过一系列分层屏幕进行导航。当显示新屏幕时,通常标有前一屏幕标题后退按钮出现在栏左侧。...使用标准后退按钮。人们知道标准后退按钮可以让他们通过信息层次来回溯步骤。但是,如果您实现自定义后退按钮,请确保它仍然像后退按钮,行为直观,与您界面的其余部分相匹配,并始终贯穿您应用程序。...如果用自定义图像替换系统提供返回按钮人字纹,也可以提供自定义遮罩图像。iOS在使用此遮罩时,可以在转换期间为按钮标题设置动画。 不要包含多段面包屑路径。...后退按钮总是执行单个操作 - 返回到上一个屏幕。如果您认为在没有当前屏幕完整路径情况下,人们可能会迷失方向,请考虑对应用程序层次结构进行展平。 给文本标题按钮足够空间。...如果您导航栏包含多个文本按钮,那些按钮文本可能会一起运行,使按钮无法区分。通过在按钮之间插入固定空间项来添加分隔。

2.8K30

Face ID和Touch ID 译文and集成篇Face ID和Touch ID

在脸部识别码情况下,还可以提高用户面对照相机可能性。 始终识别身份验证方法。例如,使用Face ID登录到您应用程序按钮应标题为“使用Face ID登录”而不是“Touch ID登录”。...如果您实施特定于应用程序设置,用户可能会进入生物认证认证在您应用程序中被启用状态,但在全系统范围内确实已被禁用。 ? 不要使用自定义图标来识别系统身份验证功能。...这些图标的自定义变体会导致不一致,并导致混乱,特别是当着色,大尺寸显示,并呈现为上下文(如按钮标签)或应用程序“设置”屏幕时。 对于开发人员指南,请参阅本地验证。...// LAErrorUserCancel = kLAErrorUserCancel, // // 已取消身份验证,因为用户已单击后退按钮(输入密码)。...") = kLAErrorTouchIDNotAvailable, // // 验证无法启动,因为Touch ID没有注册手指。

3.4K60

WKWebView详解

作为应用内浏览器,那么进行这种更改是最佳选择 SFSafariViewController自动支持链接预览 iOS 10.0+开始支持自定义链接预览,你也可以通过这种方式来实现用户预览网页并pop后仍然留在应用内而不用切换到...Safari,只是你需要做一些额外适配工作 后退 - (WKNavigation *)goBack; 即在前进后退列表中导航到上一个记录 返回一个新WKNavigation对象 如果没有记录可以后退...,则返回nil 前进 - (WKNavigation *)goForward; 即在前进后退列表中导航到下一个记录 返回一个新WKNavigation对象 如果没有记录可以前进,则返回nil 前进/后退到一个指定记录上...一组方法定义了您可以应用于快速选择操作和快速选择操作组样式,并定义了一个只读访问器,用于用户可见快速选择操作标题。...UIPreviewActionItem被 UIPreviewAction 和 UIPreviewActionGroup 类采用,请不要应用到自定义类上。 快速选择操作标题。

20.1K193

android 测试用例模板下载,app测试用例模板.doc

出现我信息(头像、昵称、签名、关注数、粉丝数、入手、出手)、中部出现切换我发表与我喜欢tab、下部列表出现内容 出现背景图片和标签 Android下方出现筛选图片和商品按钮 IOS发布较多会出现该按钮...打开我页面向右滑动推出侧边栏10打开我页面点击头像区域去到我个人信息页面?11打开我页面我发表或我喜欢列表没有内容出现空提示?...13打开我页面点击个性签名内容IOS:进入个人信息页面 Android:无变化? 2....出现TA信息(背景头像、昵称、签名、关注数、粉丝数、入手、出手)、中部出现关注和私聊按钮,下面是TA发表与TA喜欢Tab、下部列表出现TA发表内容 Android下方出现筛选图片和商品按钮 IOS...5点击TA头像,且图墙加载完成,且图墙内容超过一屏滑动列表出现对应图墙内容?6点击TA头像点击左上角icon后退到前一个页面?

1.1K20

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

iOS 13及更高版本中,您可以使用内置教练视图向人们展示如何做并在初始化过程中提供反馈。...二、多任务(Multitasking) 通过多任务处理,您可以随时通过iOS设备上多任务界面或在iPad上使用多指手势,快速从一个应用切换到另一应用。...相反,当辅助窗口显示文档时,应将“后退按钮替换为“完成”或“关闭”按钮,因为人们希望在完成辅助窗口工作后将其关闭。...用户熟悉此按钮,并使用它在其他应用程序中进行打印。如果您应用程序没有工具栏或导航栏,请设计一个自定义打印按钮。 仅在可以打印时启用打印。...如果屏幕上没有可打印内容或没有可用打印机,则当有人点击“操作”按钮时,不要显示“打印”操作。如果您应用实现了自定义打印按钮,请在无法打印时将其禁用或隐藏。 提供增加价值打印选项。

4.2K20

iOS开发常用之网络

此项目应该只用于演示或学习之用,没有服务器 - swift。 Atlas-iOS - 快速iOS里集成聊天功能,类似开源版本环信.Layer家开源了一套聊天app界面的解决方案。...MBXPageViewController - 简洁快速页面切换--MBXPageViewController,带有按钮控件UIPageController,非常整洁,简单以及快速。...横向展示文本内容自定义cell - 可以横向展示文本内容自定义cell,根据文本无限滚动。...基于轻扫方向,你可以决定执行什么样行为,并且你可以自定义文本颜色和图片。该项目适用于教学用抽认卡,图片查看器以及其他等。...ios-multi-back-button - 可替换内置UInavigationController返回按钮,长按左上角返回按钮,实现多层级快速返回。

23.5K10

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

例如:按钮、开关、文本框和进度条,都属于典型控件。 ---- iOS15种控件(Control) ?...三、情境菜单(Context Menus) 在iOS 13及更高版本中,你可以使用情境菜单让用户访问与APP相关其他功能,而不会使界面混乱。 ?...最好是人们可以预测隐藏值,例如按字母顺序排列国家/地区清单,以便他们可以快速浏览各个项目。 避免切换屏幕以显示选择器。在正在编辑字段下方或附近显示选择器效果很好。...网络加载指示(Network Activity Indicators) 网络加载指示在iOS 13和全面屏显示设备上已被弃用。...在文本输入框中显示必要提示,以帮助用户更好输入。当输入框中没有其他文本时,文本输入框可以包含占位符文本。 适当时侯,在文本输入框右端显示“清除”按钮

8.5K30

最新iOS设计规范六|10大交互规范(User Interaction)

可以考虑将字段值列表按首字母排序或是其它逻辑排列,以便于加快用户浏览和选择速度。 在文本字段中显示提示,以帮助传达目的。当输入栏没有其他文本时,可以用占位符文本,比如:“电子邮件”或“密码”。...即使你APP实际上没有打开文件,你也可以使用“快速查看”功能让用户查看Keynote,Numbers和Pages文档,PDF,图像和某些其他类型文件内容。 必要时,与其他APP共享文件。...在运行iOS 13或更高版本设备上,用户将手指放在照片就可激活实况照片; 在支持3D Touch设备上,用户短时间触摸并按下就可激活实况照片。...在iOS 13及更高版本中提供两个生成自定义触觉模式基本构建: 瞬态事件:短暂、紧凑体验,感觉像点击或脉冲,例如:在主屏幕上轻点手电筒按钮体验 连续事件:感觉像是持续振动,比如信息中激光效果。...在iPadOS 14和更高版本中,Scribble允许用户使用Apple Pencil手写识别功能在屏幕上快速、隐秘在任何文本字段中输入文本。 ? 支持预期行为。

3.9K30

Foxmail新建文件夹后,邮件连同文件夹都找不到了

,如果符合规则才读取剪切板 1.0 自定义相机 1、iOS13 documentCameraViewController 扫描证件(demo源码)2、身份证识别 (正反) 3、矩形边缘识别 4、自定义相机...iOS本地化字符串指定参数顺序(应用场景:app内多语言切换) 【iOS APP 内国际化切换】1、字符串本地化、2、自定义解析本地化字符串工具类LanguageManager、3、例子:登录界面切换中英文...iOS文本长度计算【中文占1,英文等能转ascii占0.5】常常应用于对文本输入框个数限制 5.3 自定义视图 iOS ProductspecificationsTree 自定义cell 采用MVVM...iOS自定义单选框【例子:选择购买发票套餐】 ? iOS 自定义文本输入框弹框视图(例子:【调整价格、调整库存】) ?...iOS 自定义视图:【阅读并同意注册协议】 ? iOS【 列表底部操作按钮视图封装】(例子:门店商品列表底部操作按钮视图:发布商品、批量下/上架、同步网店、打印价签) ?

3.5K31

最新iOS设计规范二|7大应用架构

为了在你应用中呈现自定义模态内容,iOS 13和更高版本支持以下两种表现风格: (一) 工作表(卡片弹窗) 工作表演示样式显示为一张卡片,并覆盖在页面上。未被覆盖区域变暗显示,无法进行交互。...标签栏可让人们快速轻松地在不同类别之间切换。 在iPad上,使用拆分视图而不是标签栏。拆分视图提供与选项卡栏相同快速导航,同时更好地利用了大屏幕。 当您具有内容类型相同多个页面时,请使用页面控件。...解释APP需要这些个人信息目的。在系统权限请求警示框中提供自定义文本(示例用途字符串)。使用简短和具体、礼貌文案,让用户感觉轻松,没有压力。...使用系统提供警示框样式。你可以在标准权限警示框中自定义文本,但不要直接复制标准警示框行为提示文本和外观样式。...如果APP包含引导用户到“设置”文本,例如:“转到设置> MyApp>隐私>位置服务”,则会提供一个自动打开该位置按钮

2.5K20

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

事实上,用户倾向于把视图之间平滑切换,对设备方向改变流畅相应和基于物理滚动效果看做是iOS体验一部分。...例如,如果在导航栏背景与栏按钮标题之间没有足够对比,按钮就会很难被用户看到。一个快速但不严谨方法是通过将设备置于不同光照环境之中(包括晴朗室外)来测试设备上颜色是否具有足够对比度。...当你在你app中使用San Francisco时,iOS会自动在适当时机在文本模式和展示模式中切换。...确保一个自定义字体在不同尺寸下所有类型都具备可读性。实现这一效果方法之一是效仿在不同文本尺寸下iOS系统呈现字体样式一些方法。...如果你所需要功能无法用系统提供按钮和图标来表现,你也可以设计自定义按钮自定义按钮设计可以参考 Bar Button Icons.

1.7K21

『React Navigation 3x系列教程』之createStackNavigator开发指南

createStackNavigator createStackNavigator 提供APP屏幕之间切换能力,它是以栈形式还管理屏幕之间切换,新切换屏幕会放在栈顶部。...用于导航样式配置参数: mode: 页面切换模式: 左右是card(相当于iOSpush效果), 上下是modal(相当于iOSmodal效果) card: 普通app常用左右切换...headerBackTitleVisible : 提供合理默认值以确定后退按钮标题是否可见,但如果要覆盖它,则可以使用true或` false 在此选项中。...cardStyle: 样式(iOS上页面切换会有白色渐变蒙层,想去掉则可以这样设置,cardStyle: { opacity: null },切换页面时页面边框也在这里可以设置)。...:React 元素或组件在标题后退按钮中显示自定义图片。

4.9K10

Ios常用第三方框架(二)

Eureka.swift - Eureka 是 XLForm Swift 移植版本, 一个可以帮助开发者们快速构建 iOS 各种复杂表单库, 具有较高可扩展性, 方便自定制样式。...此项目应该只为演示或学习之用,没有服务器 -- swift。 Atlas-iOS - 快速iOS里集成聊天功能,类似开源版本环信。...MBXPageViewController - 简洁快速页面切换--MBXPageViewController,带有按钮控件UIPageController,非常整洁、简单以及快速。...横向展示文本内容自定义cell - 可以横向展示文本内容自定义cell,根据文本无限滚动。...FDStackView - 可以将 UIStackView 最低支持版本拉低到 iOS6,无需配置,没有代码侵染,扔到工程里后直接用系统 UIStackView API 即可,同时兼容 Storyboard

7.6K60

精品资源汇总:(持续更新)

点击上方蓝字关注我们 引言 欢迎大家来到#公众号:iOS逆向《精品资源汇总》目录 本文列出最受欢迎资源,以便供大家快速查找自己所需资料 文中蓝字都是超级链接,点击进入即可 I、iOS自定义视图相关热门资源...iOS 自定义视图:《用户协议及隐私政策》弹框(包含超链接属性)【demo源码支持中英文切换】 1、原理文章:https://blog.csdn.net/z929118967/article/details.../103902362 2、功能使用:点击demo右上架文字进行中英文切换 《用户协议及隐私政策》 弹框实现步骤: 2.1、自定义TextView,采用富文本属性进行内容设置attributedText...iOS中tabBar按钮再次点击实现界面刷新(包含完整demo)【特色功能:在更新数据期间旋转tabbaricon】 iOS中tabBar按钮再次点击实现界面刷新 https://live.csdn.net...1、iOS《用户协议及隐私政策》弹框(包含超链接属性)【本文包含完整demo源码,demo支持中英文切换】 2、UICollectionView自适应案例详解:【商品详情页】(核心原理:按照图片原宽高比例进行显示图片全部内容

1K30

登录功能需求分析和测试点

一、界面测试 1、布局是否合理,TextBox和按钮是否对齐 2、TextBox和按钮长度,高度是否符合要求 3、界面的设计风格是否与UI设计风格统一 4、界面中文字简洁易懂,没有错别字 5、默认鼠标焦点定位...6、ios需要用隐私协议 二、功能测试 (1)输入正确用户名和正确密码 (2)输入正确用户名和错误密码 (3)输入错误用户名 (4)用户名和密码含前中后空格 (5)用户名和密码都不输入 (...(密码文本框上有个眼睛图标) (14)登录时,当页面刷新或重新输入数据时,验证码是否更新 1)牵扯到验证码,考虑文字是否扭曲过度导致辨认难度大, 考虑颜色(色盲使用者),刷新或换一个按钮是否好用 2...(18)页面默认焦点是否定位在用户名输入框中,是否支持Tab键(从左往右、从上到下顺序)、回车键功能,依次切换焦点(用户名---密码---登录) (19)后台系统创建用户第一次登录成功时,是否提示修改密码...6、浏览器前进后退,是否需要重新登录 7、是否可记住密码 (1)登录失败后,不能记录密码功能 (2)登录成功后,记住密码,在保存是否加密 ,是否有有效期,过期之后是否会清空密码 8、用户名或密码输入错误提示语

2.3K20

最新iOS设计规范七|10大视觉规范(Visual Design)

用户没有必要通过水平滚屏来阅读重要文本,或者放大才能查看主要图像,除非用户自己选择改变尺寸。 在整个APP中保持整体一致外观。通常,具有相似功能元素应该看起来是相似或者统一。...用户通常在屏幕底部边缘用滑动手势来访问主屏幕和应用切换器等功能,这些手势可能会取消你在该区域实现自定义手势。而且屏幕边角可能是用户难以触及舒适区域。 ? 插入必要内容,以防止被剪切。...iOS 13还引入了一系列六种不透明灰色颜色,你可以在半透明效果不佳极少数情况下使用它们。例如:交叉或重叠元素(例如网格中线条或条形)在不透明基础上看起来更好。...当你做出这个选择时,请考虑: 较厚材质,可以为具有精细特征文本或其他元素等提供更好对比度 半透明可以通过对后台内容可见,来帮助用户记住其上下文 iOS13还定义了标签、填充和分隔符活力值,这些标签...保持界面文本清晰简洁。用户可以快速、轻松地吸收简短而直接文本,并且不喜欢被迫阅读长篇文章来完成任务。

7.9K30
领券