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

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

可以填充颜色(使用tintColor来定义导航栏中的图标与文字颜色;使用 barTintColor来填充导航栏背景色) API注释 导航栏包含于导航控制器(一个管理显示自定义视图层级结构的程序对象)中。...API注释 标签栏包含在标签栏控制器中,该控制器用于管理自定义视图的展示形式。想要了解如何在代码中定义标签栏,请参考Tab Bar Controllers和UITabBar....你可以通过添加小气泡来告知用户该标签中包含新的内容。 根据控件的标准含义来选择系统提供的图标。详情请查看下文中的标签栏标准图标(Tab Bar Icons)。...Value 2的布局中,文本和副标题中间的垂直间距会让用户专注于副标题的第一 个单词。 ? 重要 以上四种单元格样式均支持添加表格视图元素,如勾选或展开标志。...想要了解如何在代码中定义页眉页脚视图,请参考UITableViewHeaderFooterView Class Reference.

10.1K51

6详解AppBar小部件

AppBar 应用栏是各种应用程序中最常用的组件之一。它可用于容纳搜索字段、以及在页面之间导航的按钮,或者只是页面标题。...由于它是一个如此常用的组件,因此 Flutter 为该功能提供了一个名为AppBar的专用小部件。 在本教程中,我们将通过一些实际示例向您展示如何在 Flutter 应用程序中自定义 AppBar。...以下是我们将介绍的内容: Flutter 中的 AppBar 是什么? 应用栏布局 自定义 AppBar Flutter 中的 AppBar 是什么?...工具栏高度和不透明度 最后,我们有工具栏属性。工具栏包含文字,图标,按钮,和其他任何公司的前景,除了小部件,如Container和Image。...的布局和添加小部件 如何为 AppBar 的图标、文本、背景、高度、阴影颜色和工具栏设置主题 所以我们有了!

16.4K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    《iOS Human Interface Guidelines》——Table View表视图

    在分组风格中,行是显示在分组中的,其可以有页眉和页脚。一个分组的表视图总是最少包含一个条目清单分组——每一行一个列表项——并且每个分组总是最少包含一个条目。分组表视图不包含索引。...在两种风格中,表行会在用户点击选中时简短地高亮。如果一行的选择导致导航到一个新的界面,选中的行会高亮并且伴随着新的界面滑动进来。...当用户导航回前一个界面时,之前选中的行会再次简短地高亮来提醒用户之前的选择(它不会持续高亮)。 iOS包含一些可以扩展表视图功能的表视图元素。除非特别注明,这些元素只适合用在表视图中。...Value 2风格以蓝色字体显示右对齐的标题,紧跟着同一行显示左对齐的黑色字体子标题。图片在这种风格中不太适合。 在Value 2的布局中,文本间清爽的垂直边缘帮助用户专注于详细文本的第一个单词。...查看UITableViewHeaderFooterView Class Reference来学习如何在你的代码中使用页眉页脚视图。

    2.4K20

    在 jQuery Mobile 中使用 UI 组件

    与对话框有关的最常用转换是 pop,但肯定也有可以应用其他转换的场景。 工具栏 jQuery Mobile 框架包括页眉和页脚作为其标准工具栏;然而,由于有 navbar,工具栏也可以用来显示导航。...在 jQuery Mobile 中,页眉的默认用法是作为固定在 Web 页面顶部的页面标题;在大部分情况下,页脚是 Web 页面中的最后一个元素,并且包括版权信息、其他超链接等内容。...- 属性,如 data-position,它可以设置工具栏的位置行为。...该属性的默认值是 inline,但您也可以将它的值设置为 fixed,以便将工具栏(如,页眉)保持在一个特定的位置,即使在 Web 页面滚动时,工具栏的位置也不变。...在这种情况下,您就会有一个长列表,它看起来几乎是无法使用的,而搜索筛选器栏就是处理该问题的一个很好的方式。很幸运,使用 jQuery Mobile 将搜索筛选器栏添加到列表中并不需要花很大功夫。

    8.1K20

    Jump Start Bootstrap 第3章

    你也可以使用”active”类来高亮显示列表中的任何元素。 导航组件 导航栏和面包屑组件是许多网站的重要部分。Bootstrap附带了许多用于帮助构建这些特性的组件。...Navbar(导航条) Navbar是最有趣的Bootstrap组件;但对于新手,不容易掌握;它带来了很多挑战,比如将头部和其余部分保持一致;正确地对齐链接、搜索栏和导航栏中的下拉菜单会使工作变得更加困难...接下来,我们将在导航条元素中包含一个;它将产生一个全屏宽度的容器,并包含导航条的全部内容。...我们还将在”navbar-header”元素中放置一个隐藏的按钮,只在导航栏折叠的小屏幕中可见。...一个例子是在顶部导航栏中包含一个登录表单,用户名和密码并排。

    13.9K20

    CSS英文命名规范整理及参考

    一、命名规则说明 所有的命名最好都小写 属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="divcss5" 每个标签都要有开始和结束,且要有正确的层次,排版有规律工整...空元素要有结束的tag或于开始的tag后加上"/" 表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bgColor、border等 h1到h5的定义,应遵循从大到小的原则,体现文档的结构...给每一个表格和表单加上一个唯一的、结构标记id 给图片加上alt标签 尽量使用英文命名原则 尽量不缩写,除非一看就明白的单词 二、页面布局(layout)命名参考 // 网页公共命名 wrapper...二级导航 menu 菜单 submenu 子菜单 sideBar 侧栏 sidebar_a, sidebar_b 左边栏或右边栏 main 页面主体 tag 标签 msg message.../ 4、标题栏样式,使用"类别+功能"的方式命名,如 .barnews { } .barproduct { } 五、小结 通常我们最常用主要命名有: wrap(外套、最外层) header(页眉、头部)

    1.4K30

    开始使用-编写你的第一个Flutter应用程序 顶

    lib/main.dart 第6步:导航到新的屏幕 在这一步中,您将添加一个显示收藏夹的新屏幕(在Flutter中称为路由)。 您将学习如何在主路由和新路由之间导航。...在Flutter中,导航器管理包含应用程序路由的堆栈。 将路由推入导航器的堆栈,将显示更新为该路由。 从导航器的堆栈中弹出路由,将显示返回到前一个路由。...1.向RandomWordsState的构建方法中的AppBar添加列表图标。 当用户点击列表图标时,包含收藏夹项目的新路线被推送到导航器,显示该图标。...新页面的内容是使用匿名函数在MaterialPageRoute的builder属性中构建的。 将呼叫添加到Navigator.push,如突出显示的代码所示,将路由推送到导航器的堆栈。...最喜欢的一些选择,并点击应用栏中的列表图标。 新路线显示包含收藏夹。 请注意,导航器会在应用栏中添加一个“返回”按钮。 你不必显式实现Navigator.pop。 点击后退按钮返回到主页路由。 ?

    9.5K20

    excel常用操作大全

    如果您在原始证书编号后添加19,请在B1单元格中写入:=A1 '13 ',然后按回车键。 2.如何在文件下拉窗口底部设置最近运行的文件名数量?...在EXCEL菜单中,单击文件-页面设置-工作表-打印标题;您可以通过按下折叠对话框的按钮并用鼠标划定范围,将标题设置在顶端或左端。这样,Excel会自动将您指定的部分添加为每页的页眉。...5.如果一个Excel文件中有多个工作表,如何将多个工作表同时设置为相同的页眉和页脚?如何一次打印多个工作表? 在EXCEL菜单的视图-页眉和页脚中,您可以设置页眉和页脚来标记信息。...此时,您的所有操作都针对所有工作表,无论是设置页眉和页脚还是打印工作表。6.在Excel2000制作的工资表中,只有第一个人有工资表的表头(如编号、姓名、岗位工资.),并希望以工资单的形式输出它。...有一个快捷方式:选择包含序列项目的单元格区域,选择工具\选项\自定义序列,单击导入将选定区域中的序列项目添加到自定义序列对话框中,然后按确定返回工作表,以便下次可以使用该序列项目。

    19.3K10

    Office 2007 实用技巧集锦

    在Word文档中实现即时翻译 处理公文时往往会遇到不认识的单词,或者需要将某一单词翻译成其他的语言。...Word有个好办法可以自动将这一页省掉,只需在【快速访问工具栏】旁边的下拉菜单中选择【其他命令】,在从下列位置选择命令中选中【所有命令】,在下拉菜单中找到【减少一页】功能按钮,将其添加到右侧的快速访问工具栏列表中...按照头衔的先后顺序,在输入序列中依次输入如“董事长”、“总经理”、“副总经理”、“部门经理”之类的序列,每个项目用回车分隔,输入完成后点击【添加】按钮将其加入到自定义列表,点击确定关闭Excel选项窗口...菜单中的【待办事项栏】来调整待办事项栏的显示,通过【视图】菜单中的【导航窗格】来调整导航窗格的显示状态。...如果针对某一封邮件需要安排会议,或者添加一个任务,只需要点中邮件,拖拽到日历的相应日期上,或者拖拽到任务列表中即可。临近的约会会在待办事项栏中显示,随时提醒您不要错过重要事情!

    5.1K10

    HTML语义化

    页眉通常包括网站标志、主导航、全站链接以及搜索框。 提供当前文档内或其他文档的导航链接,导航部分的常见示例是菜单,目录和索引。... 提供了一个或多个人员或组织的联系信息。 定义文档中的节,表示HTML文档中包含的独立部分。... 表示文档的一部分,其内容仅与文档的主要内容间接相关,通常显示为侧边栏。 定义文档的底部区域,通常包含文档的作者,著作权信息,联系信息等。... 表示已添加到文档中的文本范围。 表示用户可以执行或激活的一组命令,例如上下文菜单等。 表示对话框或其他交互式组件,例如检查器或子窗口。...: 在ruby注释中使用,定义不支持ruby元素的浏览器所显示的内容。 : 规定在文本中的何处适合添加换行符。 : 定义度量衡,仅用于已知最大和最小值的度量。

    1.4K10

    Office 2007 实用技巧集锦

    在Word文档中实现即时翻译 处理公文时往往会遇到不认识的单词,或者需要将某一单词翻译成其他的语言。...Word有个好办法可以自动将这一页省掉,只需在【快速访问工具栏】旁边的下拉菜单中选择【其他命令】,在从下列位置选择命令中选中【所有命令】,在下拉菜单中找到【减少一页】功能按钮,将其添加到右侧的快速访问工具栏列表中...按照头衔的先后顺序,在输入序列中依次输入如“董事长”、“总经理”、“副总经理”、“部门经理”之类的序列,每个项目用回车分隔,输入完成后点击【添加】按钮将其加入到自定义列表,点击确定关闭Excel选项窗口...菜单中的【待办事项栏】来调整待办事项栏的显示,通过【视图】菜单中的【导航窗格】来调整导航窗格的显示状态。...如果针对某一封邮件需要安排会议,或者添加一个任务,只需要点中邮件,拖拽到日历的相应日期上,或者拖拽到任务列表中即可。临近的约会会在待办事项栏中显示,随时提醒您不要错过重要事情!

    5.4K10

    2021前端最新DIV+CSS规范命名大全集合

    ,排版有规律工整 空元素要有结束的tag或于开始的tag后加上"/" 表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bgColor、border等 到的定义,应遵循从大到小的原则...给每一个表格和表单加上一个唯一的、结构标记id 给图片加上alt标签 尽量使用英文命名原则 尽量不缩写,除非一看就明白的单词 DIVCSS5给大家介绍常见CSS命名和DIV CSS命名方法。...#subnav 二级导航 #menu 菜单 #submenu 子菜单 #sideBar 侧栏 #sidebar_a, #sidebar_b 左边栏或右边栏 #main 页面主体 #tag 标签 #msg...(小写句号)选择符号开头命名,同时考虑命名的CSS选择器在HTML中重复使用调用。...通常我们最常用主要命名有:wrap(外套、最外层)、header(页眉、头部)、nav(导航条)、menu(菜单)、title(栏目标题、一般配合h1\h2\h3\h4标签使用) 、content(内容区

    1.1K30

    前端设计开发常用命名规则

    Navbar “navbar“等同于横向的导航栏,是最典型的网页元素。这部分还可以命名为:“nav”, “navigation”, “nav-wrapper”. 4....、悬停、点击和已浏览等不同样式,命名可参考以下规则: 鼠标悬停::hover 点击:click 已浏览:visited 如:搜索按钮: btn-search、btn-search-hover、btn-search-visited...,如 .left { float:left; } .bottom { float:bottom; } (4)标题栏样式,使用’类别+功能’的方式命名,如 .barnews { } .barproduct...{ } 注意事项: ---- 1.一律小写; 2.尽量用英文; 3.不加中杠和下划线; 4.尽量不缩写,除非一看就明白的单词....下面列出一些常用的命名单词方便大家使用:(以后大家工作过程中慢慢把自己积累的单词都共享出来,那大家的命就会更加统一了,就不会有一义多词的情况了。)

    2.7K50

    10个HTML 5.1的新功能

    Chrome 54并不支持,而Firefox 50仅允许一个额外的上下文菜单。 4.嵌入页眉和页脚 ? 在HTML 5.1中,如果每个级别都包含在分段内容里,则允许嵌套页眉和页脚。...下面的代码示例在标题中创建一个侧边栏,标签也是一个分段元素,并在其中添加了关于作者的额外信息。 标题中的侧边栏也有自己的标题,以及一个副标题和作者的联系方式。...rev属性已包含在HTML 5.1规范中,主要用于支持RDFa,后者是一种广泛使用的结构化数据标记格式,并扩展了HTML语言。 7.使用零宽度图像 ?...你可以(安全地)测试下这个漏洞是如何在这个机智的Github演示页上进行攻击的,你可以在Github上查看该代码。...以前,标记只能用作元素的第一个或最后一个子元素。HTML 5.1已放松此规则,现在可以出现在其容器中的任何位置。

    1.9K20

    Html5 学习系列(二)HTML5新增结构标签

    也就是说整个HTML文档结构定义不清晰,HTML5中为了解决这个问题,专门添加了:页眉、页脚、导航、文章内容等跟结构相关的结构元素标签。...在讲这些新标签之前,我们先看一个普通的页面的布局方式:    上图中我们非常清晰的看到了,一个普通的页面,会有头部,导航,文章内容,还有附着的右边栏,还有底部等模块,而我们是通过class进行区分,并通过不同的...比如章节、页眉、页脚或文档中的其它部分。一般用于成节的内容,会在文档流中开始一个新的节。它用来表现普通的文档内容或应用区块,通常由内容及其标题组成。...它包含的内容与页面的主要内容是分开的,可以被删除,而不会影响到网页的内容、章节或是页面所要传达的信息。例如广告,成组的链接,侧边栏等等。... 作者简介 厚德IT header标签 标签定义文档的页眉,通常是一些引导和导航信息。

    2.3K10
    领券