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

iOS键盘、选取器上的工具栏

很遗憾，选取器也没有自带这两个按钮，还是需要使用工具栏UIToolbar来做这两个按钮。 本文就根据实例来讲解怎么在键盘和选取器上添加工具栏按钮。...在键盘上添加收起按钮 先看看效果： 可以看到，在键盘上面有一条工具栏，最左边有一个小图标，是键盘形状的，点击那个图标后，就会收起键盘，这个按钮并不是自带的，是我添加上去的。...，工具栏上有一个done按钮，按钮的背景图片就是那个小键盘图标，然后把按钮转换成一个UIBarButtonItem，这种类型的对象才可以放在工具栏上。...在选取器上添加取消、完成按钮 还是先来看看效果再说： 这里下面是一个选择省市区的三级选取器，选取器上方有两个按钮，一个是取消，一个是完成。...，还记得上面的delegate中设置了一下只有当不是选取器的textfield时才显示键盘的工具栏吗，如果不判断一下，两个工具栏会冲突，结果就是什么都不显示，创建工具栏的代码如下： // 工具栏按钮 -

1.4K10

Window对象

indexedDB: 集成了为应用程序提供异步访问索引数据库的功能的机制。 innerHeight: 返回窗口的文档显示区的高度。 innerWidth: 返回窗口的文档显示区的宽度。...blur(): 把键盘焦点从顶层窗口移开。 clearInterval(): 取消由setInterval()设置的timeout。...confirm(): 显示带有一段消息以及确认按钮和取消按钮的对话框。 focus(): 把焦点给予一个窗口。 getComputedStyle(): 获取指定元素的CSS样式。...oncontextmenu: 在点击鼠标右键打开上下文菜单时触发。 onmousedown: 鼠标按钮被按下时触发。 onmousemove: 当移动鼠标时触发。...onmouseover: 鼠标移动到窗口时触发。 onauxclick: 指示在输入设备上按下非主按钮时触发，例如鼠标中键。 键盘相关 onkeydown: 某个键盘按键被按下时触发。

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

模态框的最佳实践

可以是模态框上的一个按钮，可以是键盘上的一个按键，也可以是模态框外的区域。 描述性的标题。标题其实给了用户一个上下文信息。让用户知道他现在在哪个位置作操作。 按钮的内容。...它一定要是可行动的，可以理解的。不要试图让按钮的内容让用户迷惑，如果你尝试做一个取消动作，但框内有一个取消的按钮，那么我是要取消一个取消呢，还是继续我的取消。 大小与位置。...模态框的位置建议在视窗中间偏上的位置，因为在移动端如果太低的话会失去很多信息。 焦点。模态框的出现一定要吸引你的注意力，建议键盘的焦点也切换到框内。 用户发起。不要对用户造成惊吓。...例如，用户在淘宝上看中了一款商品，想登陆购买，此时弹出登陆模态框的体验就要远远好于跳转到登陆页面，因为用户在模态框中登陆后，就可以直接购买了。...这时候，对于产品而言，我们可以采集用户研究的方法去判断，用数据结论代替感官上的结论。 另外，可访问性在这两年时不时会在一些文章中看到，但非常少。

1.4K40

H5上传文件又双叒叕开测了！

需求背景：为了方便用户上传自己手机内的本地视频，同时提高视频的分发量，故支持在移动端H5页面增加上传视频、音乐、图片。 原型图： 1.首页&上传素材空页面: ? ?...H5首页： 1.访问H5登录页面，填写账号和密码，允许账号授权后登录到H5首页； 2.已登录的用户可访问H5首页，点击右上角头像，退出登录； 3.首页导航新增上传素材的“+”号按钮，点击按钮，进入上传素材页面...上也同步删除； 二、上传素材-空数据页面： 1.H5上传素材页面为空页面时，展示默认文案“您可以选择视频、图片或音频素材进行上传”； 2.点击“上传”按钮，打开选择文件的页面，可访问手机本地文件（支持拍照...； 4.转码失败的素材，在判断出转码失败后，在列表中显示“上传失败”的状态； 5.点击右上角“编辑”，上传完成和转码失败的文件前出现选择框： （1）未选择文件时，“删除”按钮不可点击； （2）勾选文件后...在预览页支持播放视频，快进/慢放等操作； 4.点击“复制预览链接”，复制后可正常访问到预览页面； 分享： 1.点击“分享”按钮，显示分享进度，并提示“加载中，请稍后”，分享完成后toast提示“分享成功

1.7K20

2. 精读《模态框的最佳实践》

可以是模态框上的一个按钮，可以是键盘上的一个按键，也可以是模态框外的区域。 描述性的标题。标题其实给了用户一个上下文信息。让用户知道他现在在哪个位置作操作。 按钮的内容。...它一定要是可行动的，可以理解的。不要试图让按钮的内容让用户迷惑，如果你尝试做一个取消动作，但框内有一个取消的按钮，那么我是要取消一个取消呢，还是继续我的取消。 大小与位置。...模态框的位置建议在视窗中间偏上的位置，因为在移动端如果太低的话会失去很多信息。 焦点。模态框的出现一定要吸引你的注意力，建议键盘的焦点也切换到框内。 用户发起。不要对用户造成惊吓。...例如，用户在淘宝上看中了一款商品，想登陆购买，此时弹出登陆模态框的体验就要远远好于跳转到登陆页面，因为用户在模态框中登陆后，就可以直接购买了。...这时候，对于产品而言，我们可以采集用户研究的方法去判断，用数据结论代替感官上的结论。 另外，可访问性在这两年时不时会在一些文章中看到，但非常少。

53010

对话框、模态框和弹出框看起来很相似，它们有何不同？

使用焦点捕获，你只能阻止用户通过键盘访问其余的内容。而添加背景，你只能在视觉上使其不可用。...当内容可以折叠时，键盘用户应该能够使用与鼠标用户点击折叠内容的按钮相同的按钮。 主要模式 让我们看看一些常见的模式以及如何区分它们。...，除了前两个，它们已展开并且旁边有隐藏按钮 图片类别中部分的显示/隐藏功能（显示在右侧）是一个披露小部件 特征 有许多不同的东西可以被视为披露组件。...它们通常使用触发器或特定的关闭按钮进行关闭或折叠。 常见问题 焦点应该移到哪里？ 当模态对话框打开时，键盘焦点应该移动到默认操作。如果存在表单，很可能是第一个表单字段。...如果存在多个按钮，可能是其中最不破坏性的一个，例如如果有“取消”和“确认”按钮，一个合理的默认选项可能是“取消”。 当模式对话框关闭时：如果用户触发它，将焦点移回触发器。

3.4K00

win8快捷键大全分享，非常全

顺时针旋转图片 Ctrl+逗号 (,) 逆时针旋转图片 Num Lock+数字键盘上的星号 (*) 显示所选文件夹下的所有子文件夹 Num Lock+数字键盘上的加号 (+) 显示所选文件夹的内容 Num...Ctrl+Tab 在选项卡上向前移动 Ctrl+Shift+Tab 在选项卡上向后移动 Tab 在选项上向前移动 Shift+Tab 在选项上向后移动 Alt+加下划线的字母 执行与该字母匹配的命令（...Alt+Break 在窗口和全屏之间切换 Ctrl+Alt+End 显示“Windows 安全”对话框 Alt+Delete 显示系统菜单 Ctrl+Alt+数字键盘上的减号 (-) 将客户端当前活动窗口的副本放在终端服务器的剪贴板上...（提供的功能与在本地计算机上按 Alt+PrtScn 相同） Ctrl+Alt+数字键盘上的加号 (+) 将整个客户端窗口区域的副本放在终端服务器的剪贴板上（提供的功能与在本地计算机上按 PrtScn...向左键 将选择内容或活动图形向左移动一个像素 向下键 将选择内容或活动图形向下移动一个像素 向上键 将选择内容或活动图形向上移动一个像素 Esc 取消某个选择 Delete 删除某个选择 Ctrl+B

3.5K40

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

二、文件提供（Document Providers） “文件提供”扩展程序实现了一个有着自定义界面的，并且可以从系统上的其他APP中进行文档的导入、导出以及移动的扩展功能。...此视图应在视觉上将您的应用与其他应用区分开来，并提供对常用功能的访问。人们还可以在展开的视图中打开您的应用，以访问高级功能或一次查看更多选项。 只允许在扩展视图中进行文本编辑。...为确保您的图标在任何情况下和在任何设备上均显示精美，可以提供以下尺寸的图标变体： ?...撤消该视图将确认并保存编辑，或取消编辑并返回到“照片”应用程序。 确认取消编辑。编辑照片或视频可能很耗时。如果有人点击“取消”按钮，请不要立即放弃他们的更改。...用户在点击页面中的操作按钮，会显示带有共享扩展和操作扩展的活动视图。该活动视图只会显示与当前内容相关的扩展。例如：在编辑视频时，你不会看到文本类的操作按钮。

3.1K10

win10快捷键大全 win10常用快捷键

win10常用快捷键，很多朋友喜欢使用快捷键来操作电脑，那么Windows10系统有哪些新的快捷键呢 • 贴靠窗口：Win +左/右> Win +上/下>窗口可以变为1/4大小放置在屏幕4个角落 • 切换窗口...Win10新增功能快捷键大全： 贴靠窗口：Win + 左/右 >  Win + 上/下 > 窗口可以变为 1/4 大小放置在屏幕 4 个角落。...（不恢复开始屏幕应用） Win+R：打开“运行”对话框 Win+T：切换任务栏上的程序 Win+Alt+回车：打开Windows媒体中心 Win+U：打开轻松访问中心 Win+F1：打开Windows帮助和支持...+Shift+Tab 在选项卡上向后移动 Tab 在选项上向前移动 Shift+Tab 在选项上向后移动 Alt+加下划线的字母 执行与该字母匹配的命令(或选择选项) Enter 对于许多选定命令代替单击鼠标...Alt+Break 在窗口和全屏之间切换 Ctrl+Alt+End 显示“Win安全”对话框 Alt+Delete 显示系统菜单 Ctrl+Alt+数字键盘上的减号 (-) 将客户端当前活动窗口的副本放在终端服务器的剪贴板上

4.3K70

【译】W3C WAI-ARIA最佳实践 -- 控件

手风琴面板： 与手风琴标题相关联的内容 在某些手风琴中，总会有其他元素与手风琴标题视觉临近。例如，每个手风琴标题都伴随一个菜单按钮来提供每个模块的访问操作。...如果全选或取消全选是个重要功能，使用不同控件实现这些操作，例如 "全选" 和 "取消全选按钮"，会显著提升可用性。...例如，在一个典型文件系统导航器中，用户可以一次性地移动焦点来选择任意数量的文件，例如复制或移动。为已选定和具有焦点的项目提供视觉上的设计区分，这非常重要。...在单选树中，移动焦点可以取消选择之前选择的节点，并选择新聚焦的节点。这种选择模式被称为 "选择跟随焦点（selection follows focus）"。...如果选择或取消选择所有节点是一个重要的功能，实现单独控制这些行为，如 "全选" 和 "取消全选" 按钮，可显著提高可用性。

4.4K30

Android触摸事件和mousedown、mouseup、click事件之间的关系

click：在用户单击主鼠标按钮（一般是左边的按钮）或者按下回车键时触发。这一点对确保易访问性很重要，意味着onclick事件处理程序既可以通过键盘也可以通过鼠标执行。...mousedown：在用户按下了任意鼠标按钮时触发。不能通过键盘触发这个事件。 mouseenter：在鼠标光标从元素外部首次移动到元素范围之内时触发。...mouseleave：在位于元素上方的鼠标光标移动到元素范围之外时触发。这个事件不冒泡，而且在光标移动到后代元素上不会触发。DOM2级事件并没有定义这个事件，但 DOM3级事件将它 纳入了规范。...不能通过键盘触发这个事件。 mouseover：在鼠标指针位于一个元素外部，然后用户将其首次移入另一个元素边界之内时触 发。不能通过键盘触发这个事件。 mouseup：在用户释放鼠标按钮时触发。...不能通过键盘触发这个事件。 页面上的所有元素都支持鼠标事件。除了 mouseenter 和 mouseleave，所有鼠标事件都会冒泡， 也可以被取消，而取消鼠标事件将会影响浏览器的默认行为。

2.6K30

【译】W3C WAI-ARIA最佳实践 -- 表单

用户仅使用一个操作，就可以改变三态复选框组中所有选项的状态： 选中整体复选框，可以选中组中的所有选项。 取消选中整体复选框，可以取消选中组中的所有选项。...示例 单选按钮组示例使用动态tabindex 单选按钮组示例使用aria-activedescendant管理焦点 键盘交互 在单选按钮组获取焦点时: 如果有一个单选按钮被选中，那么焦点设置在这个按钮上...Right Arrow 和 Down Arrow: 移动焦点到组合中的下一个单选按钮，取消选中先前聚焦的按钮，并且选中新聚焦的按钮。如果焦点在最后一个按钮上，焦点移动到第一个按钮。...Left Arrow 和 Up Arrow: 移动焦点到组合中的上一个单选按钮，取消选中先前聚焦的按钮，并选中新聚焦的按钮。如果焦点在第一个按钮上，焦点移动到最后一个按钮。...数值调节按钮通常有三个组件，包含一个显示当前值的文本框，一个增加按钮，一个减小按钮。一般来说，文本框是唯一可聚焦组件，因为增加和减小功能可使用光标键访问，一般来说，文本框还允许用户直接编辑其值。

8.2K30

提高效率 |ArcGIS Pro 中所有快捷键一网打尽

Alt 键或 F10 键 在功能区和活动视图或窗格之间移动。启用访问键并在功能区上显示按键提示。 Alt + 连字符 (-) 访问相应选项以浮动、停靠或关闭活动视图或窗格。...您可以放大要素，而不会在活动视图中看到当前的锚点位置。 Ctrl + 拖动 移动锚点。 移动选择锚点。 S 访问辅助锚点。 打开和关闭辅助锚点。打开时，锚点将位于指针位置。...您可以放大要素，而不会在活动视图中看到当前的锚点位置。 Ctrl + 拖动 移动锚点。 移动选择锚点。 S 访问辅助锚点。 打开和关闭辅助锚点。打开时，锚点将位于指针位置。...当视频到达显示器边缘时，地图显示将平移。这与自动追踪视频播放器工具相同。 Ctrl+Alt+N 在活动视频窗格的视频上显示指北针。 这与指北针视频播放器工具相同。...要在不打开字段视图的情况下重新显示所有字段，请单击表格视图顶部的菜单按钮，然后单击显示所有字段。此时，所有隐藏字段将恢复为显示状态，并在表格视图和其他对话框中变为可用状态。

62620

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

例如：要阻止用户打印图像，你可以屏蔽“打印”活动。您还可以定义在给定的时间内显示哪些自定义任务。 使用“操作”按钮显示活动视图。人们习惯于点击“操作”按钮来访问系统提供的活动。...非模态浮层可以通过点击屏幕上浮层以外的部分或浮层上的按钮来取消/关闭。而模态浮层则是通过点击浮层上的取消或其他按钮来关闭/取消的。...仅当用户点击取消按钮时才取消当前的任务。 在屏幕适当的位置显示浮层。浮层的箭头应尽可能直接指向触发它的元素。因为浮层不能在屏幕上拖动，所以浮层不能覆盖屏幕上太多内容。也不能覆盖触发它的元素。...由于拆分视图提供了对多个层次结构的访问权限，因此人们可以通过在列之间拖放项目来将内容从应用程序的一个部分快速移动到另一部分。...采用动态类型文本是个好办法，这样如果用户在设备上更改文字大小，你的文本内容仍然会有友好的体验。还应该在启用了辅助功能选项（例如粗体文本）的情况下测试内容单显示情况。 显示恰当的键盘类型。

8.3K31

React Native 原生密码键盘插件

RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。...新建数字键盘FBYNumKeyBord类，实现相应视图及功能 在数字键盘FBYNumKeyBord类中，视图包含0-9数字按钮、ABC字母切换按钮、@%#特殊字符切换按钮、回删按钮、完成按钮和取消按钮。...、完成按钮和取消按钮。...新建纯数字键盘FBYNumOnlyKeyBord类，实现相应视图及功能 在数字键盘FBYNumOnlyKeyBord类中，视图包含0-9数字按钮、回删按钮、完成按钮和取消按钮。...新建符号键盘FBYSymbolKeyBord类，实现相应视图及功能 在数字键盘FBYSymbolKeyBord类中，视图包含30种特殊字符按钮、123数字键盘切换按钮、ABC字母切换按钮、回删按钮、完成按钮和取消按钮

2.5K20

18个您想了解的微小但有用的macOS功能

但是您知道您可以将文件夹（甚至文件）拖到Finder工具栏上以为其创建快捷方式吗？您需要按住Command键才能使它起作用。当您看到附近的绿色“+”号时，请释放该文件夹。...您可以将工具栏设置为仅显示文本，或者同时显示图标和文本来显示快捷方式，以使视觉清晰。右键单击工具栏以显示这些选项。 想要更好的选择吗？使用自定义图标添加到工具栏的文件和文件夹。...现在，您可以使用该快捷方式加载加了书签的网页。 您将需要注意这一点：选择地址栏后，书签快捷方式将不起作用。单击屏幕上的其他位置以取消焦点在地址栏。...您知道当您将鼠标悬停在电子邮件中的网页链接上时会显示的向下箭头吗？那是预览按钮。 单击该按钮可以在弹出窗口中显示链接的页面。...在Mac上还容易错过什么？ 在使用Mac数月或数年后发现漂亮的macOS功能不是苦乐参半吗？好吧，迟到总比没有好！ >>更快地查找文件并使用Finder标签组织Mac

6K30

【 iOS 应用开发 】 UIKit 控件 ( UIView 属性 | storyboard 设置 | 模拟器 | 拖线关联 | tag | 软键盘操作 | 颜色值 | 代码生成控件 | 动画设置 )

面板, 选择 Show the Object library 面板, 即可看到 对象库; 2.上拉扩展 对象库 面板 大小 : 将 鼠标移动到 对象库 面板的上边缘, 可以 扩大 对象库 面板框 大小...Main.storyboard 中的控件建立起了关联; ① 属性左侧的圆圈图示 : 第一张是鼠标没有移动到圆圈上, 第二章是鼠标移动到了圆圈上; ② 建立关联图示 : 打开辅助编辑器,..., 然后点击按下状态时, 大按钮显示另外一个背景图片; 3.上下左右按钮 : 点击四个按钮, 大按钮进行上下左右移动; 4.放大缩小按钮 : 点击放大, 大按钮放大, 点击缩小, 大按钮缩小; -...Text Color 属性, 会弹出一个列表, 可以选择少数几种颜色, 点击列表底部弹出一个 颜色板 可以选择任何颜色; 5.设置按钮点击状态 : 在 State Config 属性中可以配置...; 4.设置 tag : 给 两个按钮分别设置 tag 为 1 和 2 ; 5.方法关联 : 将两个按钮都关联到同一个方法上 , 注意这个方法必须能获取到按钮才可以 ; 6.获取

4.7K30

【愚公系列】2023年09月 WPF控件专题 Window窗体属性和事件

Location属性：指定窗体在屏幕上的位置，以屏幕左上角为原点。 MaximizeBox和MinimizeBox属性：指定窗体是否具有最大化和最小化按钮。...ControlBox属性：指定窗体是否具有控制框（包括关闭按钮、最大化按钮、最小化按钮）。 TopMost属性：指定窗体是否始终显示在其他窗体的前面。...TransparencyKey属性：指定窗体的透明颜色，这样在窗体上设置该颜色的区域将变为透明色。 ShowInTaskbar属性：指定窗体是否在任务栏上显示。...可以通过此事件来防止误关闭窗体。 MouseMove事件：当鼠标在窗体上移动时触发。可以用来实现鼠标在窗体上移动时的操作。 KeyDown事件：当用户按下键盘上的键时触发。...在WPF中，可以通过在XAML代码中添加事件处理程序来响应这些事件。

42411

Windows中的键盘快捷方式大全

对话框键盘快捷方式 按此键 执行此操作 F4 显示活动列表中的项目 Ctrl + Tab 在选项卡上向前移动 Ctrl + Shift + Tab 在选项卡上向后移动 Ctrl + 数字（数字 1 到...“搜索”超级按钮来搜索设置 Windows 徽标键 + Z 显示应用中的可用命令 注意 当应用打开时，还可以通过转到“设置”超级按钮来查看某些设置和选项。...注意 当应用打开时，还可以通过转到“设置”超级按钮来查看某些设置和选项。...按此键 执行此操作 F1 显示帮助 F4 显示活动列表中的项目 Ctrl + Tab 在选项卡上向前移动 Ctrl + Shift + Tab 在选项卡上向后移动 Ctrl + 数字（数字 1-9）...右或左 Ctrl + Shift 更改从右到左阅读语言的文本阅读方向 对话框键盘快捷方式 按此键 执行此操作 Ctrl + Tab 在选项卡上向前移动 Ctrl + Shift + Tab 在选项卡上向后移动

5.6K20

2021 最新 IntelliJ IDEA 详细配置步骤演示（图文版）

启用后，按住该Alt键才可移动内容。默认情况下，此选项是禁用的，您可以移动所有内容而无需任何额外的键。...单击上移按钮或下移按钮向上或向下移动所选项目。 单击恢复按钮以将所选操作或所有操作恢复为默认设置。 3. System Settings(系统设置) 1....可以将其视为自定义菜单或工具栏，您可以为其指定快捷方式以进行快速访问。您可以根据需要创建任意数量的快速列表。快速列表中的每个动作均由0到9之间的数字标识。...1.单击添加按钮或Alt+Insert按左窗格以创建新的快速列表。 2.将此快捷方式分配一个kyeMap ,在“设置/首选项”对话框中Ctrl+Alt+S，选择“键盘映射”。...右击出现设置菜单 依次为: 添加键盘,添加鼠标,添加缩写,取消快捷操作,重置 选择添加键盘 点击此文本框，按下你想要的快捷键点击确定即可。

43810
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

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

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

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

    领券