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

Material Design — 提示框( Dialogs)

左:提示框内容    右:全屏提示框 可滚动内容例外 一些提示框内容需要滚动,例如铃声列表。 对于可滚动选项列表,提示标题仍固定在顶部。...这可保证了无论项目在列表中什么位置,被选项与标题均保持可见。 否则,标题会随内容一起滚动离开视野。 内容滚动时,操作始终保持原位。 提示框与底层父级材料是分开,不会随其滚动。 ?...标题要明确告知结果 ---- 简单菜单 仅限手机和平板电脑 消除歧义:简单提示框显示列表项目的详细选项或提供相关操作。 简单提示框可以显示与简单菜单相同内容。...左:不要用“关闭”这样词作为确认    右:离开时进行提示 导航 全屏幕对话框中使用“X”不同于向返回箭头,箭头能表示视图状态实时被保存。...如果全屏对话框使用长度可变标题或预期可能会有长标题(例如,因为某些单词在不同语言中较长),请将标题文本置于对话框内容区域而不是最上面的导航栏。 ? 不该在导航栏中使用长标题

5.1K101

node.js 内存泄漏秘密

在窗口顶部,找到显示 “All objects” 下拉列表,并将其切换为“Objects allocated between snapshots 1 and 2”。...(如果需要,你也可以对 2 和 3 执行相同操作)。这将大大减少你看到对象数量。 ? 比较视图也可以帮你识别那些对象: ?...在该视图中,你将看到泄漏对象列表:顶级条目(每个构造函数一行)、对象GC根距离、对象实例数、浅大小和保留大小。你可以通过选择一行来查看其内容。...将对象移至“to-space”时,线程需要通过读、写、比较和交换原子操作进行同步,以避免出现另一个线程找到相同对象遵循不同路径并尝试移动情况。...为了避免在新声代中清理页面以维护空闲列表,仍然使用 semi-space 来维护新生代,它始终保持紧凑状态,即在垃圾回收期间将活动对象复制 “to-space” 中。

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

已中招!Android 基础面试常常吊死在这几个问题上……

SingleTask:始终将创建一个新任务,并将新实例作为根实例推送到该任务。因此,如果 Activity 已经在任务中,则该意图将被重定向onNewIntent( ) ,否则将创建一个新实例。...这是浪费,因为在任何时间点上,只有10个左右项目可以放在屏幕上,而其余项目则不在屏幕上。因此, RecyclerView 只创建屏幕上10个左右视图。这样,速度和内存使用率将提高10倍。...但是通过这种方式,当您到达列表末尾时,将创建100个视图,并且内存使用情况将与第一种方法相同。创建视图需要花费时间,因此您滚动很可能不会很流畅。...这就是为什么 RecyclerView 会利用以下事实:滚动时,新行出现在屏幕上,而旧行消失在屏幕上。代替为每个新行创建新视图,而是通过将新数据绑定视图来对其进行回收和重用! 应聘:我学到了!...在 ListView 中, findViewById() 在滚动 ListView 期间,代码可能会频繁调用,这可能会降低性能。即使适配器返回膨胀视图以进行回收,仍然需要查找元素并进行更新。

2K20

关于Flutter 2.5稳定版你知道多少?

回顾去年 – 我们收到来自 1337 个贡献提交 21072 个 PR,其中有 15172 个被合并。...在详述本次更新内容之前,我们想强调,Flutter 首要工作始终是高质量交付开发们所需要功能。 Flutter 2.5 带来了一些重要性能和工具改进,以帮助开发们追踪应用中性能问题。...当我们讨论滚动时,另一个改进是增加了额外滚动指标通知 (#85221、#85499),即使用户没有滚动,也会提供可滚动区域通知。...$ flutter create -t skeleton my_app 新 Skeleton 模板,可生成包含两页列表视图 Flutter 应用 (带详细视图),并遵循社区最佳实践。...让我们携手共同努力,为世界各地开发共同转变应用开发流程,让开发们可以从一个代码库中交付更多应用、更快开发、部署更多你所关心平台。

3.7K20

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

“取消”按钮应出现在动作表单底部。 突出显示破坏性选择。将红色用于执行破坏性或危险操作按钮,并将这些按钮显示在动作表单顶部。 避免让操作表滚动。如果表单选项太多,用户必须滚动才能看到所有选项。...如果3个或更多按钮的话,会让警示框变得很复杂并且可能需要滚动,这是一种不友好用户体验。如果2个按钮满足不了你需求的话,你可以考虑使用动作表单(Action Sheets)。...将“取消”按钮作为默认按钮,并使用粗体文本。 允许用户通过退出APP主屏幕来取消警示框。当警示框出现时,退出到主屏幕可以退出APP。这个操作产生与点击取消按钮效果是相同。...五、图像视图(Image Views) 图像视图是在透明或不透明背景上,显示单个图像或动画图像序列。在图像视图中,图像可以被拉伸、缩放、调整大小以适合或固定特定位置。...拆分视图提供与选项卡栏相同快速导航,同时更好地利用了大屏幕。 为每种类型列选择适当样式。对于显示侧栏主列,请使用侧栏外观。此外观适用于应用程序级导航和集合列表,例如Mail中邮箱。

8.4K31

Material Design — 菜单(Menus)

每个菜单项都包含不关联选项或操作,可影响app,页面或视图中已选定元素。 菜单不应该被用作app内导航主要方法。 ?...具有动态内容菜单可能具有其他行为,例如:将先前使用字体放在菜单顶部;订单可以根据用户操作进行更改。 菜单嵌套 菜单项可以显示嵌套子菜单。...例外情况是,菜单允许选择多个项目,例如使用复选标记。 ---- 简单菜单(Simple Menus) 移动端或pc 使用列表简单菜单显示特定列表选项。...尽管它们可以显示相同内容,简单菜单优Simple Dialog,因为简单菜单对用户当前上下文干扰较小。 菜单项选择 选择一个选项提交选项并关闭菜单。...·如果简单菜单中文本长到需要换行,就改为使用Simple Dialogs,因为可以有不同高度行(如下图)。 ? ·内容可滚动时,菜单一直显示滚动条。

5.8K100

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

我采用了常见解决方案,即旋转滚动视图和里面的每个单元格,以获得预期倒置列表,在 iOS 上,这很有效。但在 macOS 上,它使 CPU 使用率保持在 100%。...将背景扩展安全区域Q:如果我有一个自定义容器类型,可以接受一个顶部和底部视图,是否有办法让 API 调用将所提供视图背景扩展安全区域内,同时将内容( 如文本或按钮 )保留在安全区域内?...这种 “软弃用” API 不会在代码自动补全中提供,而且通常处在文档中单独一个部分。编译器不会对现有的使用发出警告。...然而,两个内容相同视图之间交换并不能使视图顺利地产生动画,因为两文本也被动画化了。我正在使用仅禁用 TextField 替代方法,但有没有办法引导动画以使用文档中方法?...这个滚动有两大问题,1、是一个未公开半成品,有可能会被从 SwiftUI 框架中移除;2、不支持懒加载,即使和 Lazy 视图一起使用也会一次性加载全部视图

14.7K30

小程序优化36计

缓存是将一些不会经常变化数据localstorage里,如顶部tab,运营位等,先展示缓存中数据,等网络请求回来后再渲染最新数据。...页面的DOM结构越复杂(建议DOM节点控制在6层、2k-3k个以内),数量越多,浏览列表越长,抖动越明显。 使用 page 滚动能力替换scroll-view 组件是一个不错选择。...使用过程中发现,page滚动有一个明显问题: 1)page滚动是带动画,当长列表滚到后面时,前面的列表数据有可能会回收。...此时再往回滚动过程中(比如回到顶部),前面的被回收列表数据未来得及渲染,会导致短暂白屏。...在改变视图层时,可以使用css animation 多帧动画来渲染一段时间内页面展示,避免多次setData,如像毫秒倒计时就可以用90多个viewtranslate来展示。

2K80

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

想要保证这样图形始终固定在状态栏后面,你可以用视图控制器(view controller)来让它固定在滚动内容上一层,又或者可以用滚动视图(scrolling view)来保证图形固定在屏幕顶部。...工具栏: 是半透明 在iPhone上,工具栏始终位于屏幕底部,而在iPad上则有可能出现在顶部 当键盘被唤起、用户使用了手势、或者当前视图变为竖屏情况下,工具栏可以隐藏。...标签栏: 是半透明 始终出现在屏幕底部 一个标签栏一次最多可承载5个标签(多于5个标签时候,可以展示前4个标签和一个“更多”,并将其他标签以列表形式收纳“更多”里面) 在横屏与竖屏情况下,高度均保持一致...当你在滚动视图使用页面控件时候,最好禁用同一方向滚动指示器(scroll indicator)。这样一来可以让用户聚焦页码控件上,并让他们有了一种唯一且清晰方式来浏览当前内容。...使用表格视图时,可遵循以下这些指引: 用户选择列表项时,始终给与反馈。当用户点击可选列表项时会认为被点击项都应短暂地高亮一下。

10.1K51

微信小程序实践:2.3 可滚动容器组件之 scroll-view

10,在一些购物类或订餐类小程序中,左侧有物品分类,左侧是物品列表,单击分类,右侧自动滚动到相关位置,右侧列表上下滚动,左侧分类菜单自动切换,获得高亮焦点,这样功能是怎么实现?...也就是说,纵向滚动,使scroll-top等于子视图上边界;横向滚动,使scroll-left等于子视图左边界。 这是一个语法糖属性,它帮助开发做了一些事情。...不是没有滚动,而是滚动冲抵了,scroll-top已经不一样了。 但是这个属性在某种情况下会给开发带来意想不到bug。 vue作为响应式框架,视图自动响应数据更新而重新渲染。...5、开发经常遇到哪些问题? 5.1,使用 scroll-view 时,如何优化使用 setData 向其传递大数据、渲染长列表?... 这是微信开发社区上一个问题,原问题是「scroll-view追加数据会自动回到顶部,请问怎样解决?」。 作者可能是想实现一个多tab页功能,数据是tabs,这是一个大数组。

14.4K30

最新iOS设计规范五|3大界面要素:控件(Controls)

虽然你可以在任何类型视图使用它们,详情展开按钮通常是用于列表中,便于用户访问有关某行列表信息。 ? 在列表中适当使用详情展开按钮。...添加联系人按钮 用户可以点击“添加联系人”按钮来浏览现有联系人列表,并选择一个要插入文本字段或其他视图联系人。...用户在执行操作后可能改变主意,所以始终要实现撤消和返回功能。 使用有用自定义命令扩张编辑选项 。...列表和表单高度可以调整,并且表单可以包含索引,这可以更快地定位列表一部分。 使用可预测和逻辑排序值。当可滚动列表固定时,选择器中许多值可能会隐藏。...您可以使用以下样式之一显示日期选择器: 嵌入式:可编辑字段,适合于较小空间(例如列表或表格行),并展开以显示编辑视图 紧凑式:展开后可在模态上下文中显示编辑视图标签 滚轮式:传统滚轮组 您还可以选择自动样式

8.5K30

Java Swing JTable

重要是要记住,由各种JTable方法返回列和行索引是根据JTable(视图)而言,不一定与模型使用索引相同。...例如,选择始终是根据JTable进行,因此,在使用RowSorter时,您将需要使用convertRowIndexToView或convertRowIndexToModel进行转换。...此添加方式适合表格行数确定,数据量较小,能一次性显示完表格; 添加到JScrollPane滚动容器中,此添加方式不需要额外添加表头,jTable添加到jScrollPane中后,表头自动添加到滚动容器顶部...,并支持行内容滚动滚动行内容时,表头会始终顶部显示)。...注意:该列是按表视图显示顺序指定,而不是按TableModel列顺序指定。这是一个重要区别,因为当用户重新排列表列时,视图中给定索引处列将发生变化。

4.9K10

Material Design —Tabs

左:默认app bar和固定tab bar    中:延长app bar和固定tab bar    右:固定tab bar固定滚动内容顶部 ?...左:放入搜索,app bar和固定tab bar    中:默认app bar和可滚动tab bar    右:文字颜色与tab指示器颜色相同 ?...这些使用案例涉及查看内容,而不是在内容组之间进行导航。 有关使用制表符导航顶层视图更多详细信息,请参阅导航 - 模式中“制表符”。...请勿使用包含支持滑动手势内容选项卡,因为滑动手势用于在选项卡之间进行导航。 例如,避免在内容可平移地图中使用选项卡,或者避免在滑动内容情况下使用可以取消项目的列表。...固定tabs具有相同宽度,计算方式为视图宽度除以标签数量,或基于最宽tab标签。 要在固定选项卡之间导航,可点击tab或向左或向右滑动内容区域。 ?

2.4K100

Material Design —卡片(Cards)

支持手势 滑动(swipe) 拾取并移动(Pick-up-and-move) 相关组件 网格列表(Grid lists) 对于开发 Android卡片 聚合卡片(Polymer cards) ---...按钮或评论 ·在网格列表中,需要显示更多内容来补充图像 ?...例如,将主要内容放置在卡顶部,或使用排版来强调最重要内容。 图像可以强化卡片中其他内容。 但是,它们在卡内大小和位置取决于图像是主要内容还是用于补充卡片上其他内容。...支持手势 卡片手势应始终在卡片集合中实施。 支持手势包括: 滑动手势(swipe gesture)可以在每张卡片上使用。限制视图轻扫手势,使其不会彼此重叠。...虽然卡片可以支持多种动作,UI控件和溢出菜单,使用限制,并记住卡片是进入更复杂和详细信息入口点。 ?

4.3K100

【Hybrid开发高级系列】ReactNative(七) —— RN组件专题

列表视图——为变化数据列表垂直滚动高效显示而设计一个核心组件。...removeClippedSubviews 布尔型         为提高大型列表滚动性能实验性能优化,与溢出一起使用:“隐藏”在行容器中。使用时自己承担风险。...如果重新呈现它们耗费很大,那就把它们包在StaticContainer或其他适当机制中。在每一个呈现过程中,页脚始终是在列表底部,页眉始终列表顶 部。...centerContent bool布尔型         当为真时,当内容小于滚动视图边界时,滚动视图自动集中内容;当内容大于滚动视图时,该属性没有任何影 响。默认值是false。...布尔型         当为真时,轻击状态栏滚动视图滚动顶部

45040

腾讯文档Doc Canvas渲染引擎流程改造

2.1 滚动场景渲染2.1.1 滚动场景渲染流程如下图9所示,滚动场景下针对可重用文档区域(滚动到下一帧渲染时还在可视范围区域),为了避免多余基础渲染流程(收集+渲染),直接使用canvas 基础...:图片overlay和主内容main canvas,两个独立canvas画布拥有不同层级上下文,尽管在canvas内部可以管理不同层级,overlay和main canvas始终只能被另一方覆盖...想到移动端常用虚拟列表优化方案,可以用来优化长列表滚动性能:图片虚拟列表通过缓存列表数据,每次仅渲染可视区域对应item dom节点,上下滚动时可复用dom节点仅更新dom对应数据或样式,既避免dom...(注:设置width和height为0进行回收方式,在chrome可以正常回收显存;且在safari进行测试也是能正常回收safari devtools显示内存一直占用,此点尚且存疑)增加canvas...总结经过分页渲染改造,解决了滚动时渲染空白历史问题,对后续环绕元素层级渲染提供了支持;最重要是解决了canvas渲染引擎在移动端性能问题,使移动端“分页视图”新功能可以正常使用,让用户可以直接在移动端浏览

4.6K130

Flutter 2.5正式版发布,带来重大更新

另一个改进是添加了 scroll metrics notifications(#85221、#85499),即使用户没有滚动,它也会提供可滚动区域提示。...例如,下面显示了 ListView 根据列表大小显示滚动条。...现在,从 Flutter 2.5 开始,我们可以在 Scaffold 顶部添加一个横幅,该横幅会一直保持用户关闭它为止。...DefaultTextEditingShortcuts 类包含每个平台上受支持键盘快捷键列表,如果开发想覆盖任何内容,可以使用 Flutter 现有 Shortcuts 将任何快捷方式重新映射到现有或自定义意图...除此之外,开发还可能对适用于 Dart 文件“Fix All”命令(#3445、#3469)感兴趣,并且可以一步修复所有与dart fix相同问题。

4.3K50

Interection Observer如何观察变化

通过这种方式,你可以跟踪观看遇到特定目标所花费时间。即使稍后将目标再次滚动视图中,此属性也会提供新时间。这可用于跟踪目标进入和离开根元素时间。...•unobserve():unobserve方法用来从观察元素列表中移除元素。•disconnect():disconnect方法用来停止观察其所有目标元素。观察本身仍处于活动状态,没有目标。...第二个测试有100个观察或100个滚动事件,每种类型都有一个回调。每个元素都分配有自己观察和事件,回调函数相同。...我已经看到了使用滚动事件和Intersection Observer进行粘性定位事件示例。使用滚动事件解决方案始终存在与将滚动事件用于其他目的相似的问题。...这样做限制是,粘性元素top,right,bottom或left属性必须始终为零。从技术上讲,你可以使用其他值,随后必须进行数学运算以找出rootMargin正确值。

2.5K20
领券