首页
学习
活动
专区
圈层
工具
发布

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

在较小的屏幕上,动作表单会从屏幕底部向上滑动。在较大的屏幕上,动作表会以弹出框的形式同时出现。 ? 在执行潜在的破坏性操作之前,请使用操作表请求确认。...“取消”按钮应出现在动作表单的底部。 突出显示破坏性选择。将红色用于执行破坏性或危险操作的按钮,并将这些按钮显示在动作表单的顶部。 避免让操作表滚动。如果表单选项太多,用户必须滚动才能看到所有选项。...一旦启动,活动可以立即执行任务,或者在之前页面的基础上访问更多信息。活动由活动视图管理,以工作表或弹出窗口的形式显示,具体取决于设备和方向。活动被用来给用户在APP中执行一些自定义服务或任务。...如有需要,还可以添加更多手势来执行自定义操作。在集合中,插入、删除或重新排序项目,都可以启用动画,并且还支持自定义动画。 当标准行或网格布局足够时,避免创建新的设计。...相反,将内容添加到表的开头或结尾,让用户在准备好时滚动到它。一些APP在加载新数据时会显示一个加载器,并提供一个直接跳转到该数据的控件。最好还包括一个刷新控件,这样用户就可以随时手动进行更新。

13.7K31

OneCode基础组件介绍——表格组件(Grid)

注解实现数据校验与回滚控制(3)性能优化技术虚拟滚动:仅渲染可见区域内的行(约 50 行),通过绝对定位模拟完整列表,内存占用降低 70%懒加载策略:首屏加载时仅请求当前页数据,滚动至底部自动触发后续分页加载增量渲染...模块配置(2) 环境变量设置:在模块构建时通常是在特定环境下运行的,这些特性环境一般是由,聚合实体以及聚合跟的组件值配合当前用户等环境值对象来完成。...@BottomBarMenu四,视图子域(1)视图子域概览在实际应用中,列表通常是以独立的模块来呈现,但在用户在操作时会涉及到操作行甚至操作到表格应用。...CustomAnnotation(colSpan = -1, caption = "注解", rowHeight = "100", required = true) private String cnname; }(3)单元格子域当表格属性设置为可以编辑域时...单元格应用更多的会涉及到表单的相关操作,会在后续表单章节中做近一步的介绍。

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

    Ask Apple 2022 与 SwiftUI 有关的问答(下)

    视图的性能优化Q:面对复杂的用户界面时,控制视图中的更新范围的最佳做法是什么( 以避免不需要的转发以及重复计算 )。...A:你最好的选择是使用 ScrollView 和 ScrollViewReader,并在 onAppear 或新内容进来时滚动到最底部的视图。我不建议尝试旋转滚动视图。...当视图的结构过于复杂时,除了难以阅读外,还会出现无法使用代码自动补全以及上文提到的无法编译( too complex to type check )的情况。...A:解决办法:保留 TextField ,但当它不能被编辑时,有条件地设置 disabled(true),当它可以编辑时使用 disabled(false) 。...但这个滚动有两大问题,1、是一个未公开的半成品,有可能会被从 SwiftUI 框架中移除;2、不支持懒加载,即使和 Lazy 视图一起使用也会一次性加载全部的视图。

    19.8K30

    excel常用操作大全

    当你放开鼠标左键时,一切都变了。 如果您在原始证书编号后添加19,请在B1单元格中写入:=A1 '13 ',然后按回车键。 2.如何在文件下拉窗口底部设置最近运行的文件名数量?...“ctrl *”的特殊功能 一般来说,当处理工作表中有大量数据的表格时,可以通过选择表格,中的单元格格,然后按Ctrl+Shift *来选择整个表格。...将它移动到您想要添加斜线,的开始位置,按住鼠标左键并将其拖动到结束位置,释放鼠标,将绘制斜线。此外,您可以使用“文本框”按钮轻松地在斜线的顶部和底部添加文本,但是文本周围有边框。...在SUM函数中输入一长串单元格区场是很麻烦的,特别是当该区域由许多不连续的单元格区场组成时。此时,按住Ctrl键选择不连续区域。...因此,ZM(2)工作表应该重新命名。 29.如何拆分或取消拆分窗口?当我们在工作表中输入数据时,我们有时会在向下滚动时记住每个列标题的相对位置,尤其是当标题行消失时。

    28.6K10

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

    一个表视图: 在可以分章节或分组的行中显示数据 提供让用户添加或移除行、选择多个行、查看关于一行条目的更多信息或显示另一个表视图的控件 iOS定义了两种风格的表视图: 简单风格。...当用户导航回前一个界面时,之前选中的行会再次简短地高亮来提醒用户之前的选择(它不会持续高亮)。 iOS包含一些可以扩展表视图功能的表视图元素。除非特别注明,这些元素只适合用在表视图中。...使用简单或分组表视图来显示用户点击表中一行条目时的选项清单。使用简单表视图来显示用户点击一个按钮或其他不在表的行中的UI元素时的选项清单。 显示层级信息。简单表风格很适合显示层级信息。...当你使用表视图时遵循下面的指南: 当用户选择列表条目时永远要提供反馈。用户期待当他们点击列表条目时表中的行能简短地高亮一下。...而是立即用文本数据填成屏幕上的行然后当复杂的数据获取之后——比如图片——再显示它们。这个技术可以立马给用户有用的信息并且提高了你app的响应能力。 在等待新数据到达时考虑显示旧数据。

    3.8K20

    iOS UITableView 滑动到底部加载更多数据

    前言 很多APP都是滑动到底部时点击加载更多才会加载数据,这样用户体验就会有间断感,所以我们想用户看到最后时自动加载数据 怎么做呢 有人会说用一下的这个方法 - (void)tableView:(UITableView...但是加载数据时 这个方法又回被调用 造成无限循环 所以不建议使用 这里我使用的是这个方法 - (void)scrollViewDidScroll:(UIScrollView *)scrollView...{ } 具体代码 定义一个全局变量 @property(nonatomic)bool isLoading; 来标示是否正在加载数据 然后根据滑动的高度做判断 看是否滑动到了底部 - (void)scrollViewDidScroll...space>minSpace && space <maxSpace){ isNeedLoadMore = true; } }else{ //当currentOffset...[self loadMore]; } } 但是有这样一个问题 如果已经确认没有更多数据的时候 我们会在加载更多的方法里直接设置self.isLoading = false; 但是由于视图动画还在滑动就会反复触发加载更多的方法

    2.8K10

    iOS表视图单元格高度自适应

    iOS表视图高度自适应可以节省很多麻烦,尤其是涉及到复杂的业务逻辑时,今天尝试了使用Masonry和FDTemplatelayoutCell来布局表视图单元格,从而达到单元格高度自适应的效果,这里就总结了这其中使用的要点和注意问题...首先,为了实现表视图的单元格高度自适应,我们需要用到Masony和FDTemplatelayoutCell这两个第三方的类库。同时这里使用一个简化的订单界面来说明使用,效果图如下: ?...我们需要做的就是使用Masonry对视图单元格中的位于最底部的视图设置bottom约束,使其能够确定距离单元格最低端的距离。...使用的时候关键步骤包括: 1、注册表视图的单元格 这里分为NIb文件和普通类文件的单元格注册,我使用的是xib文件创建的单元格,代码如下: - (UITableView *)tableView{...因为我使用了xib文件来加载视图的,所以开始的时候写了如下方法获取单元格 //获取单元格 + (OrderTableViewCell *)getOrderTableViewCell{ NSArray

    2.7K70

    软件工程 怎样建立甘特图

    当您添加任务的开始日期和结束日期或工期时,任务栏将出现在时间刻度下面的区域中,且该区域将展开。 提示 要记录与每一任务有关的其他数据,您可以添加更多的列。...当您在“任务名称”列的单元格中键入任务名称时,任务工期将表示为时间刻度下方区域中的任务栏。 目的 采取的操作 更改任务名称 单击包含该任务的“任务名称”列中的单元格,然后键入新名称。...要创建新的任务行,请拖动位于框架底部中央的绿色选择手柄。 在两个现有任务之间添加新任务 右键单击要在其上方显示新任务行的行中的任意单元格,然后单击快捷菜单中的“新建任务”。...删除里程碑 右键单击表示要删除的里程碑的行中的任意单元格,然后单击快捷菜单中的“删除任务”。 摘要任务​ image.png ​当您要在一个总括任务下合并若干附属任务时,可以使用摘要任务。...显示更多时间单位 单击甘特图框架周围的实线以选择该框架。 向右拖动位于框架中心偏右侧的绿色选择手柄。  注释    当您展开时间刻度以显示更多时间单位时,还可以更改与项目相关的结束日期。

    6.8K20

    Vs Code 2020年6月(1.47版)

    没错 列表/树:动态水平滚动 workbench.list.horizontalScrolling现在可以在运行时切换以前存在的设置,而不必强制您重新加载工作台。 ? 我开了,我觉得我的电脑可以的!...此外,现在可以将“源代码管理”视图移动到面板,而其他视图可以移动到“源代码管理”视图容器 ? 查看和排序 我们增加了对使用列表视图选项时按名称,路径(默认)和状态对源控件视图中的更改进行排序的支持。...:单元格悬停时单元格的背景颜色 notebook.cellInsertionIndicator:笔记本电池插入指示灯的颜色 notebook.focusedCellBackground:单元格聚焦时单元格的背景色...notebook.focusedCellBorder:单元格聚焦时单元格顶部和底部边框的颜色 notebook.focusedCellShadow:聚焦细胞时细胞阴影的颜色 notebook.focusedEditorBorder...后备消息“转到位置” editor.action.goToLocations当找不到位置时,该命令现在可以显示回退消息。这允许扩展实现功能,例如转到超级类型,其功能类似于内置功能,例如转到定义。

    5.3K30

    干货|小程序性能优化的几点实践技巧

    我们的功能里面有个滚动到底部加载的功能,优化前我们的做法是这样的: // 1: 初始一个list,存储列表数据 data = startList // 2: 监听滚动事件,滚动到底部获取新数据,并追加到list尾部,最后重新setData...另外,由于小程序的视图渲染层和数据逻辑处理层是分开的,不是在同一个线程上面的,从用户触发页面交互,到处理数据逻辑,最后层现页面,数据到视图是需要传输的,因而小程序本身对数据大小也有限制,不能超过1M。...所以在渲染页面时,不在视图范围内的图片我们不加载,只有元素出现在视图范围内了,再渲染。...,会校正带有 key 的组件,框架会确保他们被重新排序,而不是重新创建,以确保使组件保持自身的状态,并且提高列表渲染时的效率。

    1.7K20

    记录一次前端表格选型过程

    (3)填写数据时,不同角色填报数据区域可能有所差异,云文档目前只能做到划分一整个表单上的权限,无法细化到单元格。 遇到的困难 初步沟通完成后,觉得这个需求没问题。直接开始先POC,后续给客户演示。...(2)Element-plus table数据量稍大时,排序功能耗时严重。 (3)由于业务人员习惯使用Excel,Excel中用公式可以实现单元格计算、统计,希望能复用此类功能。..._body-wrapper"); if (tableWrapper.scrollTop + this.tableHeight >= tableWrapper.scrollHeight) { // 当滚动到底部时...除此之外,让人惊喜的是,SpreadJS控制的最小粒度能到单元格,这就意味着,可以实现客户要求的,不同用户在单元格上的编辑权限并不相同。 关于这一点,可以参考文章SpreadJS实现分权限编辑。...关于SpreadJS更多的使用方式及功能体验,大家也可以自行在官方在线体验地址及学习指南查看。

    59110

    鸿蒙开发实战案例:Scroll容器嵌套多种组件事件处理案例

    介绍本示例适用于Scroll容器嵌套多组件事件处理场景:当需要一个父容器Scroll内嵌套web、List,当父子的滚动手势冲突时,此时希望父容器的滚动优先级最高,即实现子组件的偏移量都由父容器统一派发...2) 如果Web滚动到底部,Scroll没有滚动到底部,则Scroll自身滚动,不给Web和List派发滚动偏移量。...的滚动手势Scroll(){ Web({ src: $rawfile("news.html"), controller: this.webviewController }) // Web网页加载完成时...: 通过webviewController.getPageHeight()获取web组件内容高度,当web组件滚动偏移量+web组件内容高度≥web组件自身高度时,即web组件滚动到边界getWebScrollTop...() { // 检测web组件是否滚动到边界,isWebAtEnd的值为ture到Web底部,false还未到底部。

    1.1K20

    AsyncDisplayKit 2.0 教程:入门「译」

    无限滚动 在大多数应用中,服务器的数据点的个数往往会多于当前 tableView 中显示的单元格数量。这意味着,你必须通过某些手段做无缝处理,以便用户刷完当前数据列表时从服务端加载新的数据。...也许你正在处理一个充满屏幕 image ,并且总是希望在接下来的几张图片加载时处于等待状态,所以用户很少看到占位符。 当你再这样的体系下工作时,你很快就会意识到有很多问题要考虑。...你占用了多少内存 你应该提前多久加载内容 你决定什么时候忽略用户的交互反映 并且当你考虑到多个维度的内容时,将些问题将会变得更加复杂。...这是当cell的每个 subNode (例如ASNetworkImageNode) 的内容从外源加载,例如API和本地缓存。这与批量获取时,使用用模型对象代表cell本身形成对比。...那么在 node 到达该范围时,就可以开始显示。 通常,该范围的前侧大于后侧。当用户改变其滚动方向时,范围的大小也是相反的,以便于对应用户实际移动的方向。

    3.2K20

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

    它还减少了移动框架时所需的工作(例如,从Angular 1移动到 Angular,VueJS到React等)。...AG Grid不会为树形布局、数据透视表或不同的框架创建单独的网格。一个网格,跨所有框架的相同功能和API。...用户将能够在 Excel 中编辑数据,然后在完成后将数据复制回网格中。03、栏目菜单列菜单从列标题下拉。使用默认选项或提供您自己的选项。04、上下文菜单右键单击单元格时会出现上下文菜单。...例如,您可以为网格中的单元格着色,并在 Excel 导出中为等效的单元格着色。06、分组行使用分组行将数据分组到选定的维度上。您可以将数据设置为按特定列分组,或者允许用户拖放他们选择的列并动态分组。...02、数据透视图数据透视图允许用户从网格内部绘制所有分组和透视的数据。当网格中的透视模式处于活动状态时,透视图菜单项将出现在网格的上下文菜单中。

    6.4K40

    iOS 9 Storyboard 教程(二上)介绍Segue静态单元格(static cell)

    介绍Segue 时候在storyboard中添加更多的控制器了.你激昂会创建一个控制器,它允许用户向这个app中添加玩家....拖一个新的Table View Controller到storyboard里.需要记住的是,你可以通过双击来缩小storyboard里的控件,这样你就可以更多得空间来工作了.当新的TableViewController...选择textField然后按住ctrl,并用鼠标拖拽到.swift文件的顶部,类定义的底部.当弹框出现的时候,命名这个新的连接为nameTextField,然后点击Connect.在你点击Connect...之后,Xcode将添加这个属性到PlayersDetailViewController类里而且会和storyboard相连: 在表的单元格里创建视图的连线正是我所说的你不应尝试用原型单元格,而用静态单元格是可以的...对象,在运行时期间将不会起作用,原因是因为UITableViewController提供了一个负责静态单元格数据源的额外机制.Xcode为了防止你编译这个工程,甚至会输出错误信息:”(非法的配置:静态表视图只在嵌入到

    5K10

    界面无小事(九): 做个好看的伸缩头部

    Constant Value: 1 (0x00000001) 列个表再看下: 参数 效果 none 视图将正常运行, 没有折叠行为 pin 视图将固定到位, 直到它到达CollapsingToolbarLayout...的底部 parallax 视图将以视差方式滚动 是不是该怎么懵还是怎么懵, 来看效果图: ?...如果在此之前的任何兄弟视图没有此标志, 则此值无效. exitUntilCollapsed 退出(滚动屏幕)时, 视图将滚动直到“折叠”. 折叠高度由视图的最小高度定义。...snap 在滚动结束时, 如果视图仅部分可见, 则它将被捕捉并滚动到其最近的边缘. enterAlways 当进入(在屏幕上滚动)时, 无论滚动视图是否也在滚动, 视图都将滚动任何向下滚动事件....一旦滚动视图到达其滚动范围的末尾, 该视图的其余部分将滚动到视图中. 折叠高度由视图的最小高度定义.

    1.4K20

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

    工具栏: 是半透明的 在iPhone上,工具栏始终位于屏幕底部,而在iPad上则有可能出现在顶部 当键盘被唤起、用户使用了手势、或者当前视图变为竖屏的情况下,工具栏可以隐藏。...请注意,当搜索的视图控制器包含在导航控制器里面的时候——比如在邮件应用(Mail)中那样,当用户激活搜索时,搜索栏会自动上浮,平铺到原来导航栏的位置上。...点击之后该项服务通常会立刻执行,当这项服务过于复杂时,系统将会进一步索取更多的信息之后才会为用户执行该服务。 使用活动来让用户执行你的应用所提供的服务。...当用户在视图中拖拽内容,内容随之滚动;当用户轻扫屏幕时,内容将快速滚动——直到用户再次触摸屏幕或内容已经到达底部时停止。...文本视图: 是一个可定义为任何高度的矩形 当内容太多超出视图的边框时,文本视图支持滚动 支持自定义字体、颜色和对齐方式(默认情况下,文本视图会以左对齐的黑色系统字体显示) 可以支持用户编辑,当用户轻击文本视图内部时

    15.9K51

    计算机一级复习资料

    A虽贵但能存储更多的信息 B便宜 C存储容量大 D 存取速度快 注意:内存比外存:价格贵、存储容量少、速度快 A4、Excell作簿存盘时默认的文件扩展名为(    )。...Al单元格,应按()键 A.ct rl+Home B.Home+Shift C.Home D.Pgup 注意:按HOME是移到当前行第一个单元格,按CTRL+HOME是移动到A1单元格 D13...A.12 B.11 C.5 D.公式错 注意:TRUE直接被函数运算时,被当作1来计算;但是当被单元格引用时,被当作文本来计算 A15、在Word中,对删除分页符的正确描述是()。...B 幻灯片放映视图 C  普通视图 D 幻灯片浏览视图 注意:普通视图和幻灯片视图都能编辑个别幻灯片,放映视图不能移动、删除、复制、设置动画 B30、以下不属于多媒体部件的是(  )。...,()在单元格显示时靠右都对齐。

    2K20
    领券