文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

活动指示器： 当任务进行和加载时旋转，任务完成后自动消失 不支持用户交互行为 在工具栏或主视图中使用活动指示器来告知用户任务或加载正在进行中，但并不提示该过程何时会结束。 不要使用静止的活动指示器。...网络活动指示器： 出现在状态栏中，当网络活动正在进行时它会旋转，在活动停止时它则消失 不支持用户交互行为 当你的app正在链接网络，而这个连接过程将会持续好几秒的时候，你可以通过网络活动指示器来给用户以反馈...当告知用户有多少打开的视图的需求比帮助用户选择特定的视图更重要时，使用页面控件。...太长的标题会被截断，让用户难以理解其含义 以iPhone为例，给数字按键添加圆形边框强化了用户拨电话号码时的心理模型，而结束(End)和隐藏(Hide)按钮的背景色让用户拥有了更大的点击范围。...通常也会包含一个完成任务的按钮（点击后即可完成任务，当前模态视图也会消失），和一个取消按钮（点击后即放弃当前任务，同时当前模态视图消失） 当需要用户完成与你的app中的基础功能相关的、独立的任务的时候

13.2K30

最新iOS设计规范五｜3大界面要素：控件（Controls）

当列表中有详情展开按钮时，点击该按钮会显示附加信息，点击其他位置则选择行或APP的自定义行为。...当人用户为同一个项目启用这两个功能时，系统很难检测到用户的真正意图，这可能会让用户感到困惑。 避免提供项目预览的操作按钮。...当人们点击按钮时，日期选择器将扩展为模式视图，从而提供对熟悉的日历样式编辑器和时间选择器的访问。在模式视图中，人们可以对日期和时间进行多次编辑，然后在视图外部轻按以确认他们的选择。...当执行无法量化的任务（例如加载或同步复杂数据）时，加载器会旋转。任务完成后它会消失。活动加载器是不是可交互元素。 ? 进度条优于加载器。...当网络加载时间超过几秒时，才显示此加载器。加载很快的情况下不要显示此加载器，因为它可能会在用户注意到它之前就消失了。

8.6K30
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    Android开发笔记（三十六）展示类控件

    在录入用户信息时（比如输入姓名、密码等等），EditText输入回车键，常常不要换行而是让光标直接跳到下一个编辑框。这个场景说起来简单，开发过程中就分解为三个功能： 1、监控用户当前输入了回车键。...该功能有两种实现方式： 方式一：给编辑框注册一个OnKeyListener监听器（setOnKeyListener方法），当检测到回车键（keyCode == 66）时，触发光标跳转操作； 方式二：...给编辑框注册一个TextWatcher监听器（addTextChangedListener方法），当检测到文本发生变化并找到回车换行符时，触发光标跳转操作； 2、保持当前控件不换行，依旧单行显示。...EditText还有一个需要特殊处理的地方，就是自动关闭软键盘。一般我们希望点击其它控件时，原输入框的软键盘就要自动消失，可惜Android不是这样处理。...另外注意centerInside，当图片尺寸大于视图时，centerInside等同于fitCenter；当图片尺寸小于视图时，centerInside等同于center。

    1.5K30

    SwiftUI TextField 进阶 —— 事件、焦点、键盘

    onCommit 当用户在输入过程中按下（或点击）return键时触发 onCommit（无法通过代码模拟触发）。...当视图中有多个 TextField 时，通过 onSubmit 和 FocusState（下文介绍）的结合，可以给用户带来非常好的使用体验。...使用快捷键获得焦点 当一个视图中有多个 TextField（包括 SecureField）时，我们可以直接使用Tab键按顺序在 TextField 中切换焦点，但 SwiftUI 并没有直接提供使用快捷键让某个...取消键盘 有些情况下，在用户输入完毕后，我们需要取消软键盘的显示，以便留出更大的显示空间。某些键盘类型并没有return按键，因此我们需要使用编程的方式让键盘消失。...另外，有时候为了提高交互体验，我们可以希望用户在录入结束后，无需点击return按键，通过点击屏幕其他区域或者以滚动列表的方式来取消键盘。同样也需要使用编程的方式让键盘消失。

    13.4K10

    iOS 9人机界面指南(四)：UI元素（上） - 腾讯ISUX

    当键盘被唤起、用户使用了手势、或者当前视图变为竖屏的情况下，导航栏可以隐藏。...工具栏： 是半透明的 在iPhone上，工具栏始终位于屏幕底部，而在iPad上则有可能出现在顶部 当键盘被唤起、用户使用了手势、或者当前视图变为竖屏的情况下，工具栏可以隐藏。...点击之后该项服务通常会立刻执行，当这项服务过于复杂时，系统将会进一步索取更多的信息之后才会为用户执行该服务。 使用活动来让用户执行你的应用所提供的服务。...没有明确目的而贸然改变集合视图的布局会让用户对应用留下难用、不符合预期等负面的印象。更有甚者，如果用户此时关注的项在变化中消失了，用户会觉得这个应用超出了他们的控制能力。...使用表格视图时，可遵循以下这些指引： 用户选择列表项时，始终给与反馈。当用户点击可选的列表项时会认为被点击的项都应短暂地高亮一下。

    10.1K51

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

    请注意，当安装了多个键盘时，Globe键会替换Emoji键。 不要复制系统提供的键盘功能。在某些设备上，即使在使用自定义键盘时，“表情符号/地球”键和“听写”键也会自动出现在键盘下方。...通过在您的应用中（而不是在键盘本身中）提供使用说明，使入门过程更容易。告诉人们如何启用键盘，在输入文本时将其激活，使用它，然后切换回标准键盘。...在键入过程中播放标准的键盘点击声音。当用户点击键盘上的按键时，键盘点击声音会提供可听见的反馈。在输入视图中点击自定义控件也会产生这种声音。...加载文件提供程序扩展时，其界面将显示在包含导航栏的模式视图中。 ? 用户打开或导入文件时，仅显示特定于上下文的文档和信息。当用户打开或导入文档时，仅显示适合当前上下文的文档。...操作扩展则是让用户启动针对当前内容的任务，例如添加书签、复制链接、保存图像。 用户在点击页面中的操作按钮，会显示带有共享扩展和操作扩展的活动视图。该活动视图只会显示与当前内容相关的扩展。

    3.2K10

    关于无障碍设计的七件事

    当根据WCAG来设计和开发时，可以使网站内容更易被有障碍的人士所接受。 换句话来说，当文本大小是24px或18px加粗或者更大时，在白色文本背景上使用的最浅的灰色是#959595。 ?...当占位文本随着输入焦点消失后，没有标签的话，用户还能知道输入什么内容吗？是邮箱还是手机号（左边的例子）？是我喜欢的食物还是餐厅（右上角的例子）？价格的最大值/最小值吗（右下角的例子）？ ?...（这份指南讲了如何构建当今许多常见设计组件的无障碍版本，包括菜单、模态、搜索自动补全等） 译者注：非模态对话框，用户在打开此类对话框时，仍然可以操作其他窗口。 下面是一个搜索的自动补全的例子。 ?...用户输入内容，基于输入内容的一系列结果将显示在下方。然后，用户通过鼠标或者键盘来从列表中选择内容。 下面的例子则是一个容易让人产生识别障碍的模式。...这是笔记的列表视图。当用户的鼠标悬停在一行时，会出现四个可操作的图标。 ? 在这个例子中，怎么始终显示四个图标呢？一种方案就是，它们在白色背景上可以是绿色，在鼠标悬停时颜色反过来。 ?

    3K30

    iOS-UITextField 全面解析iOS中UITextField 使用全面解析UITextField的代理方法通知UITextField 在storyboard 中设置属性

    //开始编辑时触发，文本字段将成为first responder } - (BOOL)textFieldShouldReturn:(UITextField *)textField { // 当点击键盘的返回键...，文本字段会让出first responder 　 //要想在用户结束编辑时阻止文本字段消失，可以返回NO 　 //这对一些文本字段必须始终保持活跃状态的程序很有用，比如即时消息 return...2、Placeholder ： 可以在文本框中显示灰色的字，用于提示用户应该在这个文本框输入什么内容。当这个文本框中输入了数据时，用于提示的灰色的字将会自动消失。...3、Background ：背景图片 4、Disabled ： 若选中此项，用户将不能更改文本框内容。 5、接下来是三个按钮，用来设置对齐方式。...接下来的部分用于设置键盘如何显示。 13、Captitalization ： 设置大写。

    7.3K60

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

    轻压(Peek)： 当用户按压在一个支持轻压的项上时出现轻压，用户手指抬起后会消失 当用户在轻压视图下再更加重一点的按压称之为重压，重压可以查看该项的详细视图 当用户在轻压视图中向上滑动，可以提供与该项相关的快速操作...当同一个项的这两个功能都启用的时会很混乱。(获取更多编辑菜单信息，参看 Edit Menu.) 在轻压操作里，避免展现类似按钮的界面元素。如果用户抬起手指去点击像按钮的元素，轻压会消失。...当使用通知中心的默认边距和背景时，你的今天部件就会给用户以统一的体验。为获得最佳的结果，你应该重点关注你的内容而不是背景或者其他的，尤其应该避免绘制一片纯色背景。...在启用输入法扩展之后，除了受保护的文本区域(例如密码输入区)和手机键盘区(例如联系人中的电话号码区)外，当人们点击任何文本输入区域后就能使用自定义输入法。 为用户提供明显的方式来切换输入法。...如果必要，使用你的自定义键盘的容器应用去给人们讲解如何启用和使用你的键盘。不要把这个信息直接放在键盘本身，因为它可能让人们尝试使用这个键盘时感到困惑。

    1.7K60

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

    通过在 UI 元素上添加描述性的标签，使用户可以通过声音在应用中导航。当使用屏幕阅读器（如 “TalkBack” ），并通过触摸板导航时，在用户指尖触摸到 UI 元素时，会大声读出标签上的文本。...应避免使用以下声音： 通过屏幕阅读器播放不必要的声音，例如打开网页时自动播放的背景音乐。如果有背景音乐，请确保用户可以安全的暂停或停止背景音乐。...例如，当焦点聚焦到控件上时， TalkBack 会大声朗读出控件，如果为其加上了定时器，可能会阻止控件完成某些任务。...用户可以在 “通过触摸浏览” 和 “线性导航” 模式之间切换。当页面使用合适的语义化标签时，一些无障碍技术允许用户在页面的这些标记（例如标题）之间导航。...不要提及确切的手势和交互 不要告诉用户如何与控件进行身体上的交互，因为它们可能使用键盘或其他设备进行导航，而不是用手指或鼠标进行导航。无障碍软件会为用户描述正确的交互方式。

    4.8K40

    iOS开发UIScrollView使用详解 原

    YES时，你的滚动视图只能同一时间在一个方向上滚动，但是当你从对角线拖动时，是时刻在水平和竖直方向同时滚动的。...设置是否给子视图传递取消动作的消息（默认设置为YES，当scrollView触发事件的时候，其子视图不能触发，如果设置为NO，则子视图会继续触发事件） - (BOOL)touchesShouldBegin...scrollView的最上端 @property(nonatomic) UIScrollViewKeyboardDismissMode keyboardDismissMode; 设置键盘消失的模式，枚举如下...UIScrollViewKeyboardDismissMode) {     UIScrollViewKeyboardDismissModeNone,     UIScrollViewKeyboardDismissModeOnDrag,      //手指滑动视图键盘就会消失...    UIScrollViewKeyboardDismissModeInteractive, //手指滑动视图后可以与键盘交互，上下滑动键盘会跟随手指上下移动 }; 二、ScrollViewDelegata

    1.7K30

    UIScrollView

    UIScrollViewIndicatorStyleWhite // white only. smaller. good against a black background 纯白边框 }; //2.在UIScrollView中键盘的消失方式...UIScrollViewKeyboardDismissModeNone, 默认样式 UIScrollViewKeyboardDismissModeOnDrag, // dismisses the keyboard when a drag begins 设定键盘的消失方式为拖拉页面...keyboard follows the dragging touch off screen, and may be pulled upward again to cancel the dismiss 设定键盘消失方式为拖拉并点击页面...(nonatomic,readonly,getter=isDragging) BOOL dragging; //25.返回的内容是否在滚动视图后，用户接触他们的手指（只读） @property(nonatomic...滚动动画停止时执行代码改变时触发，也就是setContentOffset改变的时候 - (void)scrollViewDidEndScrollingAnimation:(UIScrollView *

    1.8K60

    iOS UI控件了解一下

    创建view的步骤如下: ①开辟空间并初始化视图(初始化时,给出视图位置和大小) ②对视图做一些设置(比如:背景颜色) ③将视图添加到window上进行显示 ④释放视图对象 视图创建代码： UIView...当一个view设置bounds时,会把自己当成一个容器,定义自己的边界大小以及左上角的初始坐标。当子视图添加到此视图时,会根据bounds指定的原点(0,0)计算frame,而非左上角。...在App中UITextField出现频率也比较高； （2）iOS系统借助虚拟键盘实现输入,当点击输入框,系统会自动调出键盘,方便 你进一步操作。...在你不需要输入的时候,可以使用收回键盘的方法,收回弹出的键盘； （3）UITextField和UILabel相比,UILabel主要用于文字显示,不能编辑, UITextField允许用户编辑文字(输入...（1）UIButton(按钮):是响应用户点击的控件。在App中UIButton是出现频率很高的控件； （2）UIButton与UILabel、UITextField侧重点不同,侧重于处理点按。

    2.6K20

    是时候为各式设备适配完善的输入支持了

    那么每位开发者都有必要花些时间去思考，如何使应用为尽可能多的用户带来愉快的使用体验？...在提供基础功能外，要考虑添加独特且能为用户提供支持的功能，这才是开发者让自己应用真正脱颖而出的方法。...好消息是大多数基本键盘输入通常可以直接使用，除非您正致力于构建自己的屏幕键盘或从头开始编写自己的文本输入视图。...例如当鼠标光标悬停在可点击的视图上时会产生视觉反馈，如图所示，可能是指针图标发生了变化，又或者出现一些其他视觉指示，这些都可以被用户直观感受到。...ACTION_HOVER_EXIT -> { resetUI(); } else -> { false } // 不要忘记设置当 HOVER_EXIT 发生时重置图标和背景颜色

    1.1K20

    深入理解 Android Window系统

    事件分发：Window接收和分发用户输入事件，例如触摸、键盘和手势事件，以便交由适当的View进行处理。...它们是一种轻量级的提示框，通常不需要用户交互。 悬浮窗口：一种浮动在其他窗口上方的窗口，通常用于显示实时信息或小工具。 键盘窗口：用于捕获和处理用户的键盘输入。...当Activity创建时，与之关联的Window会被创建，而当Activity销毁时，其Window也会被销毁。让我们更详细地了解Window的生命周期如何与Activity的生命周期交互。...创建Window 当您调用setContentView()或类似的方法来设置Activity的内容视图时，系统会自动为该Activity创建一个Window。...当用户与窗口交互（例如点击按钮）时，事件会传递给Window的内容视图。

    69920

    Human Interface Guidelines — Custom Keyboards

    ·提供一种显而易见且简单的方式在键盘之间切换 人们知道，当您启用多个键盘时，标准iOS键盘上的Globe键将取代表情符键，让用户可以快速切换到其他键盘。用户期望在自定义键盘上也有类似的直观体验。...请注意，当您有多个键盘时，Globe键将替换表情符号键。...通过在您的app中，而不是在键盘本身中提供使用说明，能让学习过程更轻松。告诉人们如何使用键盘，如何在文本输入过程中将其触发，如何使用它，和如何切换回标准键盘。...使用自定义输入视图来提供独特而高效的数据输入方法。 例如，在编辑电子表格时使用自定义输入视图来输入数据值。 ?...·在打字过程中播放标准键盘咔嗒声  当用户敲击键盘上的按键时，键盘咔嗒声提供听觉反馈。 在您的输入视图中点击自定义控件也应该产生这种声音。

    99530
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券