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

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

当标准行或网格布局足够时,避免创建新的设计。集合应该是用来优化用户体验的,而不是成为关注的焦点。集合应该让用户松选择项目更方便。如果在你的集合中很难找到某个条目,用户会感到沮丧并失去兴趣。...当滚动视图的缩放选项被打开时,设置比较合适的最大及最小值。例如:放大文本直到一个单一的字符充满整个屏幕,即使其可能对于大部分应用来说是没有意义的。 当滚动视图处于页面模式时考虑显示页面控制元素。...所以如果你需要在一个屏幕中放置两个滚动视图时,尽量考虑允许它们在不同的方向进行滚动,如此可能对其相互间的影响是最小的。...例如:当iPhone处于水平方向时,股票类应用程序会在垂直方向支持滚动来展示特定公司的股票行情。 九、分列视图(Split Views) 分列视图管理应用程序顶层的分层内容的呈现。...相反,将内容添加到表的开头或结尾,让用户在准备好时滚动到它。一些APP在加载新数据时会显示一个加载器,并提供一个直接跳转到该数据的控件。最好还包括一个刷新控件,这样用户就可以随时手动进行更新。

8.5K31

不用Visual Studio,5分钟轻松实现一张报表

自动对齐线(Snap Lines):在报表设计界面上拖动某个控件,当该控件与其它控件(或者报表某个区域的边界)对齐时,被拖动控件和与之对齐的控件(或者报表某个区域的边界)之间将出现自动对齐线,让用户自由地布局控件变得更加容易...自动网格对齐(Snap to Grid):在报表设计界面上拖动某个控件,该控件将自动和与之最近的网格线进行对齐,该功能可以根据设置开启或者关闭。 ?...类似于Excel的自动滚动功能(Excel-like auto scrolling):在报表设计界面上拖动某个控件,当拖动的区域超出了设计界面当前显示的范围时,设计界面会根据您拖动方向进行自动移动,直到报表设计界面的边缘...平移模式(Pan Mode):当切换到平移模式时会显示一个手形的光标,按下鼠标左键就可以自由拖动报表的设计界面。 ?...您可以添加或删除页眉和页脚,报表头和报表尾,还可以添加 32 级的分组页眉和页脚(在报表上单击右键并选择插入,可以插入报表头/报表尾和分组头/分组尾。)。将控件拖这些区域中,以此来显示报表数据。

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

    无需Visual Studio,5容易的 – 分为报告

    自己主动对齐线(Snap Lines):在报表设计界面上拖动某个控件,当该控件与其他控件(或者报表某个区域的边界)对齐时,被拖动控件和与之对齐的控件(或者报表某个区域的边界)之间将出现自己主动对齐线,让用户自由地布局控件变得更加...自己主动网格对齐(Snap to Grid):在报表设计界面上拖动某个控件。该控件将自己主动和与之近期的网格线进行对齐,该功能能够依据设置开启或者关闭。...相似于Excel的自己主动滚动功能(Excel-like auto scrolling):在报表设计界面上拖动某个控件,当拖动的区域超出了设计界面当前显示的范围时,设计界面会依据您拖动方向进行自己主动移动...平移模式(Pan Mode):当切换到平移模式时会显示一个手形的光标,按下鼠标左键就能够自由拖动报表的设计界面。...报表控件对话框(Report Control Dialogs):提供简便的方法来设置报表控件的相关属性。 区域报表布局默认情况下显示三个区域: 页眉、明细和页脚。 您能够加入或删除页眉和页脚。

    1.8K00

    利好前端开发!ChromeEdgeFirefoxSafari 决定合力解决 Web 兼容性问题 !

    Scrolling (滚动控件) 这条是关于页面滚动的兼容性,Scroll snap 提供了控制界面滚动方式和内容显示方式的工具。...CSS 中的 scroll-behavior 属性设置当滚动由导航或 CSSOM 滚动 API 触发时,滚动框会出现什么行为。...overscroll-behaviorCSS 属性决定了浏览器在到达滚动区域的边界时会做什么。...Subgrid(子网格) Subgrid 可轻松将网格容器的后代元素放置在该网格上,在跨复杂布局排列项目时无需考虑 DOM 结构。...比如下面三个卡片组件的页眉和页脚都对齐了,即使每张卡片都有独立的网格(grid),这是因为每张卡片都是跨越父网格的三行项目,然后使用子网格 Subgrid 将这些行继承到每个卡片中。

    2.3K20

    180多个Web应用程序测试示例测试用例

    4.仅在必要时才启用滚动条。 5.标题,描述文本,标签,内场数据和网格信息的字体大小,样式和颜色应为SRS中指定的标准。 6.说明文本框应为多行。...3.当执行搜索操作至少需要一个过滤条件时,请确保在用户提交页面时未选择任何过滤条件时显示正确的错误消息。...4.当至少一个过滤条件选择不是强制性的时,用户应该能够提交页面,并且默认的搜索条件应该用于查询结果。 5.对于过滤条件的所有无效值,应显示正确的验证消息。...8.升序和降序排序功能应适用于数据排序所支持的列。 9.结果网格应以适当的列和行间距显示。 10.当结果多于每页默认结果数时,应启用分页。 11.检查下一页,上一页,第一页和最后一页的分页功能。...12.重复的记录不应显示在结果网格中。 13.检查所有列是否可见,并在必要时启用水平滚动条。 14.检查数据以获取动态列(其值是根据其他列值动态计算的列)。

    8.3K21

    Unity 水、流体、波纹基础系列(二)——方向流体(Directional Flow)

    (用黑色albedo扭曲各向同性图案) 扭曲效果适合于湍急或缓慢的水流。对于显示出清晰波纹图案的趋于平静的流体效果不佳,因为这种波纹应该指向明确的方向。它们是各向异性的。下面包含此类波纹的替代水纹理。...我们首先简单地向上滚动,通过从V坐标中减去时间,沿正V方向移动图案。然后应用平铺。 ? 在我们的着色器中使用此函数可获得最终流体的UV坐标。...(逆时针旋转45°) 相反,我们得到了逆时针旋转。那是因为我们不是旋转图案本身,而是旋转UV坐标。为了获得正确的结果,我们必须沿相反的方向旋转它们,就像我们必须减去沿正向滚动的时间一样。...当使用未压缩的流体贴图时,失真会发生变化,甚至变得更加明显。 ? (未压缩的流体贴图) 这些问题是由快速重复图案引起的。虽然降低网格分辨率有助于降低此效果,但也会使流动不那么顺畅。...这是编译过程的预处理步骤。一个着色器变体中包含该行代码,另一个则没有。 ? ? (切换双网格模式) 最后,删除流体贴图的临时缩放比例。 ? 当使用平铺缩放时,双网格还为我们提供了更多的摆动空间。 ?

    4.5K50

    Flutter跨平台移动端开发丨SingleChildScrollView、ListView......

    (类似于 Android 中的 id) scrollDirection:滚动方向,默认是垂直 reverse:是否按照阅读方向相反的方向滑动。...默认情况下,Flutter会根据具体平台分别使用不同的ScrollPhysics对象,应用不同的显示效果,如当滑动到边界时,继续拖动的话,在iOS上会出现弹性效果,而在Android上会出现微光效果。...中的 id) scrollDirection:滚动方向,默认是垂直 reverse:是否按照阅读方向相反的方向滑动。...指定 itemExtent 的值比让子元素决定自身长度在绘制时更高效,特别是在滚动位置频繁变化的状态下,因为设置 itemExtent 可以让滚动系统提前知道列表的长度。...itemCount, ); key:当前元素的唯一标识符(类似于 Android 中的 id) scrollDirection:滚动方向,默认是垂直 reverse:是否按照阅读方向相反的方向滑动

    8.8K51

    excel常用操作大全

    “ctrl *”的特殊功能 一般来说,当处理工作表中有大量数据的表格时,可以通过选择表格,中的单元格格,然后按Ctrl+Shift *来选择整个表格。...在第一个单元格中输入起始数据,在下一个单元格中输入第二个数据,选择这两个单元格,将光标指向单元格右下角的填充手柄,沿着要填充的方向拖动填充手柄,拖动的单元格将按照Excel中指定的顺序自动填充。...当您将来使用它时,只需输入张三,然后将光标指向单元格右下角的填充手柄,并沿着要填充的方向拖动填充手柄,您的自定义序列就会出现。...在SUM函数中输入一长串单元格区场是很麻烦的,特别是当该区域由许多不连续的单元格区场组成时。此时,按住Ctrl键选择不连续区域。...当我们在工作表中输入数据时,我们有时会在向下滚动时记住每个列标题的相对位置,尤其是当标题行消失时。此时,您可以将窗口分成几个部分,然后将标题部分保留在屏幕上,只滚动数据部分。

    19.3K10

    【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid

    它还减少了移动框架时所需的工作(例如,从Angular 1移动到 Angular,VueJS到React等)。...AG Grid构建AG Grid是因为没有其他数据网格能够满足AG Grid的开发需求,正如AG Grid在AG Grid的历史中所解释的那样AG Grid的坚固设计使其能够管理: 数据网格的核心特征和...05、企业版功能AG Grid免费提供其他电网的收费。没有理由购买另一个数据网格。AG Grid的企业版包含超越市场上其他数据网格的功能。...AG Grid企业级功能01、聚合分组时,您还可以进行聚合以获取数据的聚合值,即总和、最小值、最大值等。使用内置聚合函数或创建自己的聚合函数。02、剪贴板从剪贴板复制和粘贴数据。...02、数据透视图数据透视图允许用户从网格内部绘制所有分组和透视的数据。当网格中的透视模式处于活动状态时,透视图菜单项将出现在网格的上下文菜单中。

    4.4K40

    【CSS】1287- 一行 CSS 实现 10 种强大的布局

    1 1 150px; } 现在,当您增加或减少屏幕尺寸时,这些 flex 项目会缩小和增长。...煎饼堆栈布局:grid-template-rows: auto 1fr auto 与 Deconstructed Pancake 不同,当屏幕尺寸改变时,本例不会包含它的子元素。...这些子元素的基本最小值为 150px ,最大值为 1fr ,这意味着在较小的屏幕上,它们将占据整个 1fr 宽度,当它们达到 150px 宽度时,它们将开始流到同一条线上。...使用 auto-fit ,当它们的水平尺寸超过 150px 时,框将拉伸以填充整个剩余空间。...对于这些卡片,它们被放置在 Flexbox 显示模式中,使用 flex-direction: column 将方向设置为 column。 这会将标题、描述和图像块放在父卡片内的垂直列中。

    4.7K20

    《Flutter》-- 6.高级组件

    ,//滚动的方向,默认在垂直方向滚动 this.reverse = false,//控制从头还是从尾开始滚动,默认false,即从头开始滚动 this.padding,//插入子组件时的内边距...bool primary,//是否是与父级关联的主滚动视图 this.physics,//设置滚动效果 this.controller,//控制滚动位置,当primary为true时,controller...,默认false,即从头开始滚动 ScrollController controller,//控制滚动位置,当primary为true时,controller必须为null bool primary...= true,//是否保持滚动位置 this.debugLabel, }) 当keepScrollOffset的属性值为true时,可滚动组件的滚动位置会被存储到PageStorage中,当可滚动组件重新创建时可以使用...如果滚动方向是垂直方向,则表示子组件的高度;如果滚动方向为水平方向,则表示子组件的长度。

    10.7K20

    【译】W3C WAI-ARIA最佳实践 -- 布局

    Page Down: 以开发者设定的行数移动焦点,一般滚动时,当前可见行集合中的最后一行会变为第一次滚动后可见行中的一行。...Page Up: 移动焦点到开发者设定的行数,一般滚动时,当前可见行集合中的第一行会变为滚动后可见行中的一行。 Home: 将焦点移动到包含焦点所在行的第一个单元格。...虽然在布局栅格中这种类型的焦点移动换行非常有用,但是如果在数据网格中使用就会让用户迷失方向,尤其是辅助技术的用户。...如果网格具有一个说明或描述,在网格元素上设置 aria-describedby 属性,其值指向包含描述的元素。...如果存在某些行或列在DOM中被隐藏或不存在的情况,例如当滚动时自动加载数据,或者网格提供了隐藏行或列的功能,使用以下属性,如grid and table properties 所述。

    6.2K50

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

    在屏幕处于同一方向时,最好不要改变不同屏上导航栏的背景图片、颜色和透明度。 确保你自定义的返回按钮的外观与操作仍然像一个返回按钮。...相反,它的大小应当恰好能承载当中的内容,又能清楚地指向浮出层的唤起出处。浮出层的高度是不固定的,因此你可以用它来承载一个很长的项目列表。但一般来说,还是应当避免需要滚动浮出层才能开启一个任务。...当你在滚动视图中使用页面控件的时候,最好禁用同一方向的滚动指示器(scroll indicator)。这样一来可以让用户聚焦到页码控件上,并让他们有了一种唯一且清晰的方式来浏览当前内容。...如果你确实要在同屏中放两个滚动视图,可以考虑给他们设定不同的滚动方向,来避免用户想要滚动一个视图的时候误操作。...文本视图: 是一个可定义为任何高度的矩形 当内容太多超出视图的边框时,文本视图支持滚动 支持自定义字体、颜色和对齐方式(默认情况下,文本视图会以左对齐的黑色系统字体显示) 可以支持用户编辑,当用户轻击文本视图内部时

    10.1K51

    10 款你不知道的 Linux 环境下的替代工具!

    支持分页意思也就是说,当文件的输出内容超出屏幕显示的时候,bat 命令会自动将自己输出的内容传到 less 命令中,你将可以使用回车键一页一页的查看输出内容,使用空格键可直接跳转至文末最后一行。...当你使用 bat 命令时这些都是不必要的,bat 命令将自动传输跨越多个页面的文件的输出。...htop 可以说是 top 的绝佳替代品,它是用 C 写的,是一个跨平台的交互式的进程监控工具,具有更好的视觉效果,一目了然更容易理解当前系统的状况,允许垂直和水平滚动进程列表以查看它们的完整命令行和相关信息...08ag ack和ag是两个文本搜索工具,比自带的grep要好用得多。 在指定目录下搜索文本时,不需要像 grep 那样指定各种命令行选项,输出结果也会包含文件名和行号,并且会高亮显示搜索关键字。...,当如果你替换成上述所介绍的 10 款替代品工具时,相信在许多场景中还是非常有用的。

    1.6K21

    11. 快速上手!HarmonyOS4.0 Grid_GridItem容器组件详解

    GridItem 组件说明 网格容器中单项内容容器。 Grid属性讲解 columnsTemplate 设置当前网格布局列的数量,不设置时默认1列。...Grid的宽高没有设置时,默认适应父组件尺寸。 Gird网格列大小按照Gird自身内容区域大小减去所有行列Gap后按各个行列所占比重分配。 GridItem默认填满网格大小。...rowsTemplate、columnsTemplate仅设置其中的一个: 元素按照设置的方向进行排布,超出Grid显示区域后,Grid可通过滚动的方式展示。...如果设置了columnsTemplate,Gird滚动方向为垂直方向,主轴方向为垂直方向,交叉轴方向为水平方向。...如果设置了rowsTemplate,Gird滚动方向为水平方向,主轴方向为水平方向,交叉轴方向为垂直方向。

    17400

    语言网络的短期迅速重组

    相反,对SMG施加TMS干扰会造成语音决策的延迟(基于词语的声音进行决策),但不会影响语义决策。...通过计算这些立体定位坐标的归一化变换的倒数将每个被试的坐标从标准空间变换到个体空间来确定个体刺激位点。 手柄指向侧面并垂直于左侧SMG或AG的中线定位TMS线圈,第二相的双相脉冲引起侧向内侧电流。...此外,比较cTBS刺激AG与假刺激时在左侧AG和aIFG发现了相似结果(图2-附图1A,表1)。...具体来说,当与刺激AG或假刺激相比,刺激SMG抑制了双侧SMG /顶叶上回,双侧额叶岛盖/ pIFG和右侧辅助运动区的任务特异性神经活动(表1)。...为了去除基线时(即假刺激)个体语义任务响应速度的变化,计算另一个回归分析:以cTBS刺激引起的AG与aIFG连接强度的个体变化作为自变量,以 AG vs. sham 的语义任务响应速度的比值(即基线校正

    1.2K80
    领券