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

iOS 9人机界面指南(四):UI元素(下)- 腾讯ISUX

页面控件是为所有视图均平等场景而设计。 不要使用页面控件来显示视图层次结构或其他复杂排列。...如果用户可以在你应用程序打开超过20个视图,请考虑给视图一个不同展示方式,以提供关于视图详细信息,使其支持不连续导航。 在打开视图底部边缘和屏幕底部边缘里垂直居中页面控件。...不要用引号,但保证大写 确保警告框在竖屏和横屏中均显示正常。横屏模式下警告框高度会受到限制,其大小竖屏下可能会有区别。...设计文案时可以遵循以下指南: 跟其它所有按钮一样,使用标题式大写,而且不需要标点符号 尽可能使用警告文案直接相关动词或动词词组,”取消(Cancel)”,”查看全部(View All)”,”回复...从视觉看,模态视图好像原来就处于当前视图下面,当前视图移开时,它便出现了。离开模态视图时,原先视图从左边滑回屏幕右边。

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

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

详情展开按钮 详情展开按钮可打开视图(通常是模态视图),其中包含屏幕特定项目相关信息或功能。...信息按钮 翻转视图后,“信息”按钮可显示有关应用程序配置详细信息,有时会显示在当前视图背面。信息按钮有两种样式:浅色和深色。选择应用程序设计最匹配且不会在屏幕看不清楚样式。 ?...在正在编辑字段下方或附近显示选择器效果很好。选择器通常显示屏幕底部或弹出窗口中。 日期选择器 日期选择器是用于使用触摸屏,键盘或定点设备选择特定日期,时间或两者有效界面。...菜单可让您提供一系列项目,而不会弄乱您界面,但是所有操作置于菜单中意味着用户必须至少点击两次才能执行任何操作。最重要操作放在主界面中,使用菜单提供补充项目。 使用菜单显示操作直接相关选项。...分段控件通常用于显示不同视图。 限制段数量以提高可用性。越宽段越容易点击。在iPhone,分段控件应该控制在5个或5个以下。 尽量让段内容大小一致。

8.5K30

XcodeXcode 9 全新功能您会喜欢工具。内建 Interface BuilderXcode IDE

全新源代码管理导航器凸显了我们对 Git 支持:您可以快速浏览每个分支,标签及遥控提交更改计划表;检查某一条目以查看所有受影响文件,或双击某次提交以查看所有更改内容;创建和合并分支等常见操作也能在导航器中快速访问...在数分钟内创建出原型,然后以图形方式界面关联到 Xcode 编辑器中源,设置窗口、按钮和滑块布局,从而创建能够正常运行 Mac、iPhone 或 iPad 用户界面。...image 自定义 Xcode 环境可以配置,几乎可以满足所有工作流程,包括诸如标签、行为和代码段自定义功能。 ? image 标签 使用标签为项目创建独一无二视图。...您还可以直接控制约束条件来定义每个条件的确切优先级,以此定义当屏幕尺寸不同、设备旋转或在新区域下运行时 app 工作方式。...快速帮助 编程时为您显示简练 API 文档,其中包括为代码撰写注释。在填写代码过程中显示简短概述,并在实用工具区域内提供更多链接和参考。

8.2K30

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

在检测到标签并将其APP匹配后,系统会显示一个通知,用户可以点击通知标签数据发送到APP进行处理。...音量 无论是使用设备物理按键还是屏幕滑块,用户都希望能够改变音量大小来控制整个系统声音,包括音乐和APP内音效。...除非有迫不得已理由,否则请支持此功能。 使用系统提供音量视图让用户进行音频调整。音量视图包括音量级别滑块和用于重新选择输出路径控件。您可以自定义滑块外观。...在支持iPhone型号,你可以通过多种方式在APP内添加触觉反馈: 标准:默认情况下会使用系统触觉反馈,开关、滑块和选择器。...拖动内容时,用户可以通过多任务处理,退出到主屏幕或从屏幕底部向上滑动以显示Dock来访问另一个应用程序。 支持拖放 使拖放可用于所有可选和可编辑内容。 如果适用,允许内容拖放到控件

3.9K30

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

UI Kit是一种定义通用界面元素编程框架,这个框架不仅让APP在视觉外观保持一致,同时也为个性化设计留有很大空间。...有时,导航栏右侧也会有一个控件,“编辑”或“完成”按钮,用于管理活动视图内容。在拆分视图中,导航栏可能会显示在拆分视图单个窗格中。...考虑在搜索栏下方提供有用快捷方式和其他内容。使用搜索栏下方区域可帮助人们更快地获取内容。例如,Safari会在您点击搜索字段后立即显示书签。选择一个即可直接进入,而无需输入任何搜索词。...通常,在iPhone使用三到五个标签;如果需要,在iPad可以接受更多一些。 当人们导航到您应用中其他区域时,请不要隐藏标签栏。标签栏可为您应用启用全局导航,因此它在任何地方都应保持可见。...可以在标签上做标记 - 包含白色文本红色椭圆(即小红点),或者一个数字或一个感叹号,用以提示用户有新信息,并且新信息视图或模式是相关联。 确保标签栏标志符号在视觉保持一致和平衡。

9.8K10

iOS14开发-UIView

介绍 UIView 会占用屏幕上一个矩形空间。 主要处理两件事:画出矩形控件,并处理其中事件。 UIView 是层级结构,UIView 只有一个父 View,但可以有多个子 View。...数据联动 在某一列滚动时候,重新设置联动列显示数据,然后进行刷新操作。...直接在 storyboard 中布局,不需要使用数据源方法,但如果需要使用到代理方法,仍然需要在控制器中实现相应方法。 适用于基本不需要动态修改、布局固定页面,个人中心、设置等。...介绍 UICollectionViewCompositionalLayout 是在已有的 Item 和 Section 基础,增加了一个 Group 概念。...(Item 视图是 Group,Group 视图是 Section) 。

11.7K10

Flutter 流体滑块

显示了具有不同颜色三流体滑块,并为用户使用了不同工作属性。它会显示在您设备。 属性 onChanged: 此属性是必需,并且在用户开始为滑块选择新值时调用该属性。...传递值将是滑块开始更改之前最后一个[value]。 value: 此属性是必需,并且用于此滑块的当前选定值。在该值相对应位置绘制滑块拇指。...另外,我们添加滑块颜色。当我们运行应用程序时,我们应该获得屏幕输出,屏幕下方截图所示。 img 现在,我们创建另一个FluidSlider()。...我们显示一个附着金钱图标。如果未提供,则该max值显示为文本。当我们运行应用程序时,我们应该获得屏幕输出,屏幕下方截图所示。 img 现在,我们创建第三个“流体”滑块。...可以通过多种方式和特性这些滑块用于Flutter应用程序。运行应用程序时,我们应该获得屏幕最终输出,如下。

11.6K20

简单了解下无障碍设计模式

当使用屏幕阅读器( “TalkBack” ),并通过触摸板导航时,在用户指尖触摸到 UI 元素时,会大声读出标签文本。...视觉反馈(标签、颜色和图标)和触摸反馈向用户显示了可用 UI。 导航应该具有清晰任务流程,和最少步骤。在频繁使用任务,应该实现聚焦控制、或控制键盘和读取焦点功能。...层次 根据项目的相对重要性,项目放置在屏幕。...屏幕阅读器会大声朗读屏幕所有的文本,包括可见和不可见替代文本。 无障碍文本包括可见文本(包括 UI 元素中标签、按钮中文字、链接和表单)和不可见描述(没有文本标签按钮替代文字)。...如果图标是一个项目的属性,则将其设置为复选框,以便屏幕阅读器能读出当前状态,例如 “打开” 或 “关闭” 如果图标是一个操作,使用文本标签来指明选中图标后会发生操作,例如 “添加到心愿单” 元素使用方式会影响它们显示方式

4.7K40

UIControl-IOS开发

UIKit提供了一组控件:UISwitch开关、UIButtonbutton、UISegmentedControl分段控件、UISlider滑块、UITextField文本字段控件、 UIPageControl...这些控件基类均是UIControl,而UIControl派生自UIView类,所以每一个控件都有非常多视图特性,包含附着于其它视图能力。全部 控件都拥有一套共同属性和方法。...被禁用后,控件还能够用不同方式显示自己,比方变成灰色不可用。尽管是由控件子类完毕,这个属性却存在于UIControl中。...子类有时使用这个属性来让控件选择自身,或者来表现不同行为方式。 contentVerticalAlignment 控件怎样在垂直方向上布置自身内容。...下列事件为基类UIControl所支持,除非另有说明,也适用于全部控件 UIControlEventTouchDown 单点触摸按下事件:用户点触屏幕,或者又有新手指落下时候。

55620

wx小程序--基础知识

事实,应用号并非微信首创,之前百度推出过应用号,搜狐推出过快站,但腾讯这件事情做成功概率却是最大 2.2....小程序框架提供了自己视图层描述语言 WXML 和 WXSS,以及 JavaScript,并在视图逻辑层间提供了数据传输和事件系统,让开发者能够专注于数据逻辑。 官网 6.1....如在 iPhone6 屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。...设备 rpx换算px (屏幕宽度/750) px换算rpx (750/屏幕宽度) iPhone5 1rpx = 0.42px 1px = 2.34rpx iPhone6 1rpx = 0.5px 1px...注意: 在较小屏幕不可避免会有一些毛刺,请在开发时尽量避免这种情况。 9.2.

1.7K30

iOS 9人机界面指南(二):设计策略 - 腾讯ISUX

在游戏中,玩家可以直接屏幕对象进行交互。例如,游戏中可能会显示密码锁,用户可以通过转动它来打开。...人们喜爱Keynote简单易用细粒度操作结合进而控制无数精确细节方式动画和文本属性等。 ?...为了塑造移动iPhone邮件应用,这些功能浓缩在为其量身定制界面之中,做了如下工作: 人们内容前置和居中合理化呈现 专为处理不同任务而设计不同视图 易于浏览并符合认知信息结构 适时提供强大编辑和组织性工具...人们喜欢阅读清晰文字和图片,也希望能通过旋转设备或者捏合和点击屏幕来调整视图。 基于标准建立网站可以在iOS设备显示得很好。...当键盘和格式辅助信息出现时,iPhoneSafari应用会将你网页显示在URL地址下方和键盘与格式辅助信息上方。

1.3K21

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

其他设备(例如iPhone SE和iPad Air)具有矩形显示屏。 如果您应用在特定设备运行,请确保该应用在该设备所有屏幕尺寸运行。...全屏iPhone型号状态栏比其他型号高。如果你APP采用固定状态栏高度内容定位在状态栏下方,则必须更新APP以便于根据用户设备来动态定位内容。...文字颜色 鲜艳度可以帮助在深色背景保持文本良好对比度。 使用系统提供标签颜色作为标签。初级、次级、三级和四级标签颜色会自动适应浅色模式和深色模式下外观。 使用系统视图绘制文本字段和文本视图。...系统视图和控件使你APP文本在所有背景都看起来很好,并自动调整以适应是否有Vibrancy。当你可以使用系统提供视图显示该文本时,请不要自己绘制文本。...对于游戏,启动屏幕正常过渡到游戏显示第一个屏幕。 不要做广告。启动屏幕不是品牌机会。不要设计看起来像启动屏幕或“关于”窗口进入体验。

7.8K30

【IOS】IOS开发问题解决方法索引(四)

11 IOS使用模态框弹出子视图后,子视图大小设置 IOS SDK内建支持模态窗口式弹出方式(利用presentModalViewController方法),原理是视图包含在一个模态视图中,但是不足之处在于此模态视图大小是固定...如果您输入错误密码六次或以上,看到以下任一消息: § iPhone 已停用 § iPad 已停用 § iPod touch 已停用 如果您之前将设备 iTunes 同步过,您或许能够通过恢复设备来重设密码...您必须在 [设备] 输入口令,然后才能与 iTunes 配合使用它。” “您尚未选择让 [设备] 信任此电脑” 如果您已启用“查找我 iPhone”,则可以使用“远程擦除”来抹掉设备内容。...断开 USB 线缆设备连接,但保持线缆另一端电脑 USB 端口相连。 2. 关闭设备:按住睡眠/唤醒按钮数秒,直到出现红色滑块,然后滑动该滑块。等待设备关闭。 3....按住主屏幕按钮,同时 USB 线缆重新连接到设备。设备应会打开。 4. 继续按住主屏幕按钮,直到出现“连接iTunes”屏幕。 5.

1.1K20

深入详解iOS适配技术

iPhone3gs时代,手机屏幕尺寸有且只有一种,也就是3.5英寸。开发app时候,根本不用考虑同一个视图在不同尺寸屏幕显示问题。...),目的是让视图iPhone6P和iPhone6SP显示更好看一些。...regular(正常)、any(任意)我们只要针对于某一类型屏幕进行布局,那么布局出来界面可以显示在属于该类型所有尺寸屏幕。...如果我们选择sizeclass为(compact,regular),那么在storyBoard布局控件只会显示在宽度为“紧凑”,高度为“正常"状态设备,也就是所有的“竖屏状态”iPhone。...这也验证了我前面说过,sizeClass为宽度紧凑,高度正常状态时布局智慧显示所有竖屏iPhone。当然,此处,我只是拿4.0英寸iPhone举例,其他尺寸iPhone同理可证。

8.4K70

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

类似的过渡动画也出现在用户选择某个日期时:月份视图从所选位置分开,所在周日期推向内容区顶端并显示以小时为单位的当天时间轴视图。这些交互动画增强了年、月、日之间层级关系以及用户感知。 ?...从编程角度来看,UI组件元素其实是视图子类,因为它们继承了UIView。视图能绘制屏幕内容并知道用户何时在其范围内触屏。...视图所有类型有:控件(比如按钮和滑块)、内容视图(比如集合视图和表格视图),以及临时视图警告提示和动作菜单)。 要在应用中管理一组或者一系列视图,通常需要使用视图控制器。...它能协调视图内容显示,实现用户交互功能并能在不同屏幕内容之间切换。比如,“设置”使用了一个导航控制器来展示其视图层级。...UIKit操作和视图提供了很多反馈类型。 尽可能将状态或其他反馈信息整合到UI中。用户不进行操作或不跳出当前内容就能获得需要信息是最好。例如,邮箱当前状态显示在不影响当前内容工具栏

1.8K41

WordPress 初学者词汇表(术语解释)

,非常类似于滑块,但具有多个图像(或“缩略图”),并以交互方式滚动或滑动媒体。...因此,使用相同示例,在新闻博客,您可能会找到“加拿大”或“美国”以及“iPhone”或“Android”标签。 Exceprt(摘录) 摘录是描述您帖子(或页面)简短说明。...权限是分配给用户角色安全设置(技术还有第二个开发人员相关定义,但出于本词汇表目的,我们跳过它)。...例如,Elementor主题包括在各种设备隐藏或显示选项。这是一项独特响应功能,您可以使用它在桌面上显示滑块但在移动设备隐藏(因为滑块在小屏幕很难看到,您可以选择显示照片)。...Shortcode(简码) 简码本质是宏,或旨在自动执行操作编程指令集,从而减少您时间和精力(也无需编码)。换句话说,简码是快捷方式

7.1K20

Flutte部件目录-Material Components 顶

底部导航栏由文本标签,图标或两者多个项目组成,并放置在一块材料顶部。 它提供了应用程序顶级视图之间快速导航。 对于更大屏幕,侧面导航可能更适合。...底部导航栏通常Scaffold结合使用,在Scaffold.bottomNavigationBar参数中提供它。 底部导航栏type会更改其条目的显示方式。...TabBarView 显示当前选定选项卡相对应部件页面视图。 通常TabBar结合使用。 ?...芯片代表小块中复杂实体,联系人。 ? Tooltip 工具提示提供文本标签可帮助解释按钮或其他用户界面操作功能。...按钮封装在工具提示窗口小部件中,以便在按下窗口小部件时(或者当用户采取其他适当操作时)显示标签。 ? DataTable 数据表显示一组原始数据。 它们通常出现在桌面企业产品中。

9.4K40

iOS 9人机界面指南(四):UI元素() - 腾讯ISUX

屏幕处于同一方向时,最好不要改变不同屏导航栏背景图片、颜色和透明度。 确保你自定义返回按钮外观操作仍然像一个返回按钮。...工具栏: 是半透明iPhone,工具栏始终位于屏幕底部,而在iPad则有可能出现在顶部 当键盘被唤起、用户使用了手势、或者当前视图变为竖屏情况下,工具栏可以隐藏。...) 显示用户操作历史记录 更多(More) 显示更多标签项 最新(Most Recent) 显示最新项 浏览最多(Most Viewed) 显示所有用户最常浏览热门内容 最近使用(Recents...为每一个活动设计清晰简练文字标题。标题将会出现在活动菜单图标的下方。一般来说短标题效果最好,因为它在屏幕显示效果更好并且更容易本地化。...如果用户很难点中集合视图项,他们是不会愿意用你应用。跟所有用户可以点击UI对象一样,请确保你集合视图中每一个项最小点击区域有44×44pt,尤其是在iPhone

10.1K51

如何用爱思助手给苹果iPhone手机免越狱修改虚拟定位教程

3.你可以通过三种方式来修改定位:输入地名并搜索、输入精确经纬度、或在地图上直接点击。 4.选择好虚拟定位后点击“修改虚拟定位”,出现“修改虚拟定位成功”弹窗表示完成。...提示:在修改虚拟定位时请解锁设备屏幕锁,否则可能修改失败。 5.然后在苹果设备打开地图、微信、微博等软件,你会发现定位已经变成刚才设定位置。...如需恢复正常定位,可以直接手动重启设备来还原真实定位。 iPhone重启方法:按住任一音量按钮和侧边按钮,直到屏幕出现关机滑块。拖移这个滑块,然后等待 30 秒以便设备关机。...注意事项: 1.iPhone 使用定位时,需要首先在“设置 - 隐私”中打开“定位服务”,然后点击需要使用定位软件,权限改为“使用应用期间”或“始终”。...2.修改虚拟定位为全局修改,改变所有软件获取定位信息,这可能导致地图软件定位、导航异常,重启设备后即可恢复正常。 3.因 iOS 设备带有 GPS 校准功能,因此虚拟定位功能并非一直有效。

11.9K10
领券