首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

W3C无障碍组件创作实践中文版发布

以移动端最常见的底部标签为例: 底部标签一般包括以下信息: 若干个不同的标签元素; 当前哪个元素是激活的; 某些标签元素会有小红点(一般是未读数或未读提示)。...一起来看看开启读屏软件的情况下, 上图 2 个底部标签的播报效果是怎样的: (截图来自 iPhone 11 Pro ,读屏效果示例为苹果读屏软件“旁白”下的表现) 可以看到非常明显的对比——左边的图只传达了...当前哪个元素是激活的”这个信息,而右图 1~3 都传达出来了,视障人士能清晰地听到标签一共有多少个元素,每个元素的名称分别是什么,有哪些信息(例如未读说明、数量)。...键将焦点移入对应的选项卡面板,而 shift + tab 则可以让焦点返回到选项卡元素上。...如何将焦点移入、移出选项卡面板的切换,如何激活选项卡,(可选)如何删除选项卡等交互。

1.3K21

七个帮助你处理Web页面层布局的jQuery插件

布局可以创建任何你想要的UI外观; 从简单的标题或侧边具有工具,菜单,帮助面板,状态,子表单等的复杂应用程序。集成并增强其他UI小部件,如选项卡,手风琴和对话框,以创建丰富的界面。 ?...一个组件是一个抽象; 它可以通过多种方式实现,例如HTML5 Canvas绘图中的项目或HTML元素。jLayout库允许您专注于绘制各个组件,而不是如何将其排列在屏幕上。...jQuery展开左右侧栏目插件PageSlide,pageslide插件功能实现现实隐藏侧边的功能。...该插件使用HTML5 Canvas标签,用法非常简单。可以轻松而准确地实现浮动图像的文字环绕效果。 ?...因为Columns动态地创建了所有必要的HTML,所以唯一需要的HTML是一个空的HTML元素,比如一个标签,在初始化时使用相应的id。 ? 图片发自简书App

9.4K20

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

(Bars) ,可以告诉用户在APP中当前在所在的位置、能提供导航,还可能包含用于触发操作和传递信息的按钮或其他元素。包括6种:导航、搜索、侧边、状态标签、工具。...当用户尝试关注媒体时,状态可能会分散注意力。暂时隐藏这些元素以提供更沉浸的体验。例如,当用户浏览全屏照片时,“照片”应用程序将隐藏状态和其他界面元素。 ? 避免永久隐藏状态。...标签是拉平信息层次结构并同时提供对多个对等信息类别或模式的访问的一种好方法。 严格使用标签进行导航。不要使用标签按钮来启用操作。如果需要提供对当前视图中的元素起作用的控件,请改用工具。...通常,在iPhone上使用三五个标签;如果需要,在iPad上可以接受更多一些。 当人们导航您应用中的其他区域时,请不要隐藏标签标签可为您的应用启用全局导航,因此它在任何地方都应保持可见。...tips:了解选项卡和工具之间的区别很重要,因为两种类型的都出现在应用程序屏幕的底部。标签可让人们在应用程序的不同部分之间切换,例如“时钟”应用程序中的“警报”,“秒表”和“计时器”选项卡

9.8K10

在PowerDesigner中设计物理模型2——约束

添加一行数据,命名为UQ_RoomName,不能将右边的“P”列选上,然后单击工具的“属性”按钮,弹出UQ_RoomName的属性窗口,切换到列选项卡,单击增加列按钮,选择将RoomName列添加到其中...具体操作是在PD中双击Class表,打开Class的属性窗口,切换到列选项卡,选择ClassName列,单击工具的“属性”按钮,弹出ClassName的属性窗口,切换到StandardChecks选项卡如图...Uppercase 属性的赋值全部变为大写字母 Cannot modify 该属性一旦赋值不能再修改 List Of Values 属性赋值列表,除列表中的值,不能有其他的值 Label 属性列表值的标签...Check选项卡中设置的约束将分别创建一个约束,相互并不影响。...设置默认值约束的操作如下:双击选课表,打开表属性窗口,选择ApplyTime字段,单击工具的属性按钮,打开列的属性窗口,切换到Standard Checks选项卡,在Default下拉列表框中选择getdate

97420

前端|不用JS就能实现的选项卡

1.选项卡介绍 在平时浏览网页时,大家经常会使用选项卡来切换页面,在设计网页的过程中,也常用选项卡来整合内容,美化页面效果。...2.思路 平常的选项卡制作时,总要引入JavaScript才能实现切换效果,本次选项卡的制作主要是通过CSS来实现的。 用div来页面布局,实现矩形效果,完成导航选项卡页面效果。...用a标签来对选项卡的导航和内容界面进行设置。 使用:nth-child(n)和class方法来对页面进行切换。 3.过程 (1)首先创建一个div盒子模型,用作导航模块。...} a{ display:block;/*行内元素变为块级元素...其中,nth-child(n)选择器匹配父元素中的第n个子元素元素类型没有限制。(n可以是一个数字,一个关键字,或者一个公式)a:hover~.pic表示a标签和.pic是兄弟关系,不是包含关系。

1.9K20

endnote文献使用简明教程+遇到问题

v19.0.0.12062 Setup.msi]安装EndNote X9,安装时选择试用,安装完成后不要运行EndNote;   2、如果想使用汉化版,可以将CHS文件夹里的[EndNote.exe]拷贝软件安装目录...3、如果想使用英文版,可以将ENG文件夹里的[EndNote.exe]拷贝EndNote的安装目录下,替换原文件即可直接免费使用。   ...常见问题:endnote中如何将引用文献上标从“1”改成“[1]” 点击endnote选项卡,找到style,文献引用的类型改为Numbered即可,具体操作步骤如下: 下图在Word中插入文献时遇到导入的不是...[1] [2] [3] 等数字标签。...点击菜单的endnote选项卡,点击instant选项改为on,如下图所示  然后再找到style选项,选择Numbered如下图所示。文献插入改成正常的数字

59810

【Android 屏幕适配】屏幕适配通用解决方案 ⑥ ( 约束布局 ConstraintLayout 百分比布局方案 | 将设计稿尺寸自动转为约束布局百分比标签属性 | 将输出结果设置组件标签中 )

文章目录 一、将设计稿尺寸自动转为约束布局百分比标签属性 二、将输出结果设置组件标签中 参考文档 : 设备兼容性概览 屏幕兼容性概览 支持不同的像素密度 声明受限屏幕支持 约束布局 bias 计算公式参考...】ConstraintLayout 屏幕适配案例 ( 使用代码生成约束布局控件属性 ) 博客 ; 一、将设计稿尺寸自动转为约束布局百分比标签属性 ---- 美工给出的设计稿尺寸 720 \times...][] left_top_data 数组存放的是组件 左上角顶点位置 , float[][] width_height_data 数组存放的是宽高位置 ; 有了上述 4 组数据之后 , 就可以自动生成约束布局百分比标签属性...; 使用如下代码生成 约束布局 标签属性 : public class BoundaryCaculate { public static void main(String[] args) {...\n" + "android:scaleType=\"fitXY\"\n" + "android:src=\"@mipmap/actual_\"\n"); } } } 二、将输出结果设置组件标签

1.5K10

HTML介绍

页面的标题(显示在浏览器的标题或页面的选项卡中) 该元素定义了文档的身体,并且对于所有的可见内容,诸如标题,段落,图像,超链接,表格,列表等的容器 该元素定义了一个大标题 该...一个 HTML 元素由一个开始标签、一些内容和一个结束标签定义: 内容在这里... HTML元素是从开始标记结束标记的所有内容: 我的第一个标题 none none 注意:一些 HTML 元素没有内容(如 元素)。这些元素称为空元素。空元素没有结束标签!...浏览器不显示 HTML 标签,而是使用它们来确定如何显示文档: img_chrome.png ---- HTML 页面结构 下面是一个 HTML 页面结构的可视化: 元素内的内容将显示在浏览器的标题或页面的选项卡中。

69010

VBA专题10-8:使用VBA操控Excel界面之在功能区中添加内置控件

前面的文章中已经介绍过如何获取识别内置选项卡的idMso的文件。 组元素: ? 按钮元素: 这个idMso属性的值指定内置控件的名字,本例中,为拼写控件。 切换按钮元素: 删除线控件是一个切换按钮。...单击工具中的Validation按钮来检查是否有错误。 7. 保存并关闭文件。 8. 在Excel中打开该工作簿文件。 下图展示在功能区的“开始”选项卡出现了含两个内置控件的名为Fav的组。 ?...注意,这是对特定文档进行功能区定制,即仅包含XML代码的工作簿显示定制的功能区,当关闭该工作簿时,自动移除功能区中的定制。...添加不同类型的控件 在本例中,你将学习如何在自定义选项卡中添加8个按钮(其中3个水平排列且没有标签)、2个切换按钮、1个拆分按钮、4个对话框启动器、2个组合框、2个菜单、2个库、1个标签控件、1个编辑框...buttonGroup元素用于水平地排列一组按钮。如果要水平排列一组组合框、菜单、库、复选框、标签或者普通控件,应使用box元素。 下图展示了上述XML代码的效果: ?

6.1K30

在PowerDesigner中设计物理模型1——表和主外键

添加的表是没有任何列的,如图所示: 单击工具的鼠标指针按钮,将鼠标切换回指针模式,然后双击一个表,系统将打开表属性窗口,在General选项卡中可以设置表的Name、Code等属性。...在为表设置主键时有以下几种办法: 1.在Columns选项卡中,直接选中主键列的P列复选框,这是最简单的方式。...3.切换到Keys选项卡中,在其中添加一行命名为PK_ClassRoom,然后单击工具的“属性”按钮,打开键属性窗口,在该窗口中切换到Columns选项卡,单击添加列按钮,弹出列选择窗口,选中主键中应该包含的列...”按钮,然后在设计面板中,课程表上按下鼠标左键,并拖拽教师表中放开鼠标,这时如果课程表中没有RoomID列,系统会自动创建RoomID列并创建该列上的外键引用,如果已经存在RoomID列,则只添加外键引用...下一篇文章将会介绍其他约束具体包括: 1.CHECK约束 2.默认值约束 3.非空约束 …… 另外在物理模型中还包括:视图、存储过程、函数、触发器等都会在接下来的几篇文章中讲解

2K10

『AndroidStudio』从新认识IDE之-整体概述

对于多个文件或者资源的编辑,可以通过编辑器顶部的选项卡进行切换,你也可以在左边的窗口中拖文件编辑窗口进行编辑,或者双击进入编辑模式。...将MainActivity.java和activity_main.xml文件在编辑器选项卡中打开。...如果你在某一个Java文件中打上了TODO的标签,你打开TODO的工具窗口就可以看到这个标签了,当然你可以直接在窗口中点击它来实现快速跳转到源码中的TODO位置。 ?...The Navigation Bar 导航是以水平箭头的链状结构方式来显示从项目根目录(左边)依次编辑器(右边)中选中的选项卡。...我们也讨论了包括主菜单,工具,状态,边和标记的用于导航的工具窗口和主要的UI元素。我们也讨论了如何去搜索和通过使用菜单和快捷键来导航,以及使用查找和替换。

2K20

Bootstrap实用功能总结

导航:navbar 导航容器可以包含以下几个常用组成: 1、品牌LOGO(.navbar-brand ) 2、导航菜单(.navbar-nav) 3、导航文本(.navbar-text) 4、....nav-item 、 .active 应用于li标签 .nav-link 、 .disabled 应用于a标签 三、导航中加品牌元素(.navbar-brand): 1 <nav class=....disabled 禁用的导航链接 data-toggle = "{tab | pill }" 定义一个动态选项卡 或 动态胶囊选项卡 href = "#id" 动态导航时,指明要显示的容器ID 动态选项卡容器样式....tab-pane 动态选项卡容器类,必须要加 动态下拉选项卡示例: 1 2 定义动态下拉选项卡 3 25 选项三内容 26 27 28 注意: 一)选项卡标签对应内容需注意事项: a) 要放置在类:tab-content

2.5K30

开发 | 傻瓜式操作带你创建「跳一跳」场景

在「引擎」标签中下载引擎,截止发稿前的最新版是 5.1.5,只要版本在 5.1.2 以上均可,点击下载图标即可安装。 ?...点击「场景预览」区域,在「属性面板」中设置场景的宽和高分别为:640 和 1136,可配合使用「工具」中的放大镜来缩放场景。 选择并拖动「组件」选项卡中的 image 控件「场景预览」里。 ?...在「属性面板」中设置 image 控件上下左右约束值为 0,铺满整个场景。 ? 选择并拖动「资源」选项卡中的 bg.jpg 控件属性「样式」>「资源名」中,这样开始场景中的背景图就放置好了。...与放置背景图操作一致,在「组件」选项卡中选择并拖动一个 button 控件到场景预览中,在「属性面板」中选择「快速约束」的「水平居中对齐」。 ?...选择并拖动「资源」选项卡中的 start_btn_png 控件属性「样式」>「皮肤快捷模板」>「正常」中。 删除「标签」内容,将「ID」设为 beginBtn。所有设好后按下 ctrl+s 保存。

78350

VBA专题10-15:使用VBA操控Excel界面之在功能区中添加自定义标签控件

excelperfect 如果要在功能区选项卡中添加标签,那么执行下面的步骤: 1. 创建新工作簿并保存为启用宏的工作簿。 2. 关闭该工作簿,然后在CustomUI Editor中打开该工作簿。...上述3种方法不仅能够使控件无效,而且可以使组和选项卡无效。我们称它们(控件、组和选项卡)为元素元素可能有多个回调属性。...在后面的文章中,将会列举使元素无效的例子。 5. 单击工具中的Validation按钮来检查是否有错误。 6. 单击Generate Callbacks按钮。...Application.UserName Else returnedVal = "美好的一天, " & Application.UserName End If End Sub 关闭后重新打开工作簿,在自定义选项卡中的标签控件显示如下图...注:如果你有兴趣,你可以知识星球App的完美Excel社群下载这本书的完整中文版电子书。 欢迎在下面留言,完善本文内容,让更多的人学到更完美的知识。

2.3K10
领券