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

如果扁平列表在滚动视图中,用户需要点击保存按钮两次

扁平列表在滚动视图中,用户需要点击保存按钮两次的原因是为了确保用户的操作是有意的,并减少误操作的可能性。

在滚动视图中,当用户对列表进行滚动时,通常会有两种情况需要考虑:

  1. 用户滚动列表但未做任何更改:在这种情况下,如果用户只点击一次保存按钮,可能会导致误保存,因为用户并没有进行任何实际的更改操作。为了避免这种情况下的误操作,需要用户再次点击保存按钮确认他们的意图。
  2. 用户滚动列表并进行了更改:在这种情况下,用户已经对列表中的某些项目进行了更改,并希望保存这些更改。由于滚动视图可能包含大量的项目,用户可能会意外地错过一些更改,并且如果只点击一次保存按钮,可能会导致部分更改丢失。因此,要确保所有更改都得到保存,需要用户再次点击保存按钮。

这种双重点击保存按钮的设计可以提高用户体验,避免误操作和数据丢失的风险。

同时,腾讯云提供了一系列云计算相关的产品,可以用于解决各种需求。以下是一些推荐的腾讯云产品和其介绍链接:

  1. 云服务器(CVM):提供弹性计算能力,支持多种操作系统,适用于搭建网站、应用程序、数据库等各种场景。了解更多:云服务器产品介绍
  2. 云数据库 MySQL(CMYSQL):提供高可用、弹性扩展的关系型数据库服务,适用于数据存储和访问。了解更多:云数据库 MySQL产品介绍
  3. 腾讯云对象存储(COS):提供安全可靠、低成本的云端数据存储服务,适用于存储、备份、归档等场景。了解更多:腾讯云对象存储产品介绍

以上是腾讯云提供的一些产品,可根据具体需求选择合适的产品来支持开发和部署云计算应用。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

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

如果你担心用户没有了这种多节式的、如同面包屑一般的返回按钮后会迷路,那么你也许该好好考虑如何扁平你的信息层级了。 在用户需要专注于内容的时候,可以考虑隐藏导航栏。...有时候用户会觉得以列表呈现的信息更容易阅读和理解,例如将文本信息放在滚动列表中的时候,用户阅读和处理起来会更为简单和高效。 让视图中的项更容易选中。...如果用户很难点中集合视图中的项,他们是不会愿意用你的应用的。跟所有用户可以点击的UI对象一样,请确保你的集合视图中每一个项的最小点击区域有44×44pt,尤其是iPhone上。...一定要如此的话,在用户点击浮出层外面的区域的时候保存用户输入的内容,就像你会在他们点击“完成”的时候做的那样。 一般来说,在用户点击浮出层以外的区域的时候,保存用户输入的内容。...如果你允许一个字符被放大到充满整个屏幕的话,用户会很难阅读当前内容。 页模式滚动图中,可以考虑使用页面控件(page control)。

10.1K51

【软件开发规范七】《Android UI设计规范》

浮动按钮(Raised button), 常见的方形纸片按钮点击后会产生墨水扩散效果。 扁平按钮(Flat button), 点击后产生墨水扩散效果,和浮动按钮的区别是没有浮起的效果。 ​...以下情况考虑使用卡片: 同时展现多种不同内容 卡片内容之间不需要进行比较 包含了长度不确定的内容,比如评论 包含丰富的内容与操作项,比如赞、滚动条、评论 本该是列表,但文字超过3行 本该是网格,但需要展现更多文字...瓦片中存放内容,并且列表中可以改变高度。 如果列表项内容文字超过3行,请改用卡片。如果列表项的主要区别在于图片,请改用网格。 ​编辑 ​编辑 列表包含主操作区与副操作区。...编辑 滚动时,如果列表较长,小标题会固定在顶部,直到下一个小标题将它顶上去。 ​编辑 存在浮动按钮时,小标题要让出位置,与文字对齐。 ​...编辑 侧边抽屉支持滚动如果内容过长,设置和帮助反馈可以固定在底部。抽屉收起时,会保留之前的滚动位置。 ​编辑 ​编辑 列表较短不需要滚动时,设置和帮助反馈跟随列表后面。 ​

5.1K20
  • iOS 9人机界面指南(一)上篇:UI设计基础 - 腾讯ISUX

    然后尽快保存这些设定(一般来说,保存到你的应用的设置模块中)。这样用户就无需强制跳出应用进入系统设置页面了。如果用户需要更改设置,他们可以在任何时候进入应用的设置模块进行修改。...例如,使用可滚动的数据列表时,退出后保存列表所在的位置。...确保用户退出模态视图时可以预期操作的结果。 一个任务需要多层级的模态视图时,确保用户理解点击非最高层级下的完成按钮的结果。点击一个低层级视图上的完成按钮是完成这个视图中任务的一部分,还是整个任务。...在内容区域,必要时可以给按钮添加边界或背景。位于栏(Bar)、动作列表(Action Sheet)和警告框(Alert)中的按钮可以不需要边界,因为用户知道在这种区域中大多数选项是可交互的。...最好给用户提供一些简单,直接的方式完成某操作,即使这种方法需要他们额外地多点击一到两次。简单的手势能让用户集中于当前的体验和内容,而不是交互操作本身。 除非是游戏,否则避免定义新的手势。

    1.9K41

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

    将红色用于执行破坏性或危险操作的按钮,并将这些按钮显示动作表单的顶部。 避免让操作表滚动如果表单选项太多,用户必须滚动才能看到所有选项。但滚动需要用户额外花时间来做出选择,而且很容易造成误点。...单按钮通常只是告知信息,可操作性比较低。但如果3个或更多按钮的话,会让警示框变得很复杂并且可能需要滚动,这是一种不友好的用户体验。...如果传达的含义足够清晰明确,可以使用“关闭”按钮(例如“取消”或“完成”),例如退出是否保存更改。若无存在的必要,弹出窗口应自动关闭。当用户点击浮层之外的区域或浮层中的关闭/取消按钮时,浮层应该关闭。...如果滚动图中显示页面控制元素,则需要关闭滚动图中滚动条以免为用户带来困扰。 不要在一个滚动图中放置另一个滚动视图。...可为“删除”按钮自定义标题。如果某行支持删除并且有助于提供清晰性,请将系统提供的删除标题替换为自定义标题。 在用户做出选择时给予相应的反馈。用户列表进行交互时,希望被点击列表可以突出显示。

    8.5K31

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

    点击进入新页面时,其导航栏的左侧会出现一个返回按钮,并带有前一页面的标题。 有时,导航栏的右侧也会有一个控件,如“编辑”或“完成”按钮,用于管理活动视图中的内容。...如果你认为没有到当前屏幕的完整路径,因此导致用户迷路,那么可以调整APP的层次结构,使其更加扁平。 给带有标题的按钮留出足够的空间。...如果导航栏包含多个文本按钮需要通过在按钮之间插入固定的空格项目来增加分隔。以此来避免按钮文本同时显示造成按钮无法区分的问题。 考虑导航栏中使用分段控件,使APP的层次结构更加扁平。...不要使用标签栏按钮来启用操作。如果需要提供对当前视图中的元素起作用的控件,请改用工具栏。 争取获得正确数量的标签。标签太多会减少每个标签的可点击区域,并增加应用程序的复杂性,这会使人们更难找到信息。...如果是3个或3个以下的按钮,文本按钮可以更清晰。但需要考虑给文本标题的按钮足够的空间。 ? 避免工具栏中使用分段控件。分段控件允许用户切换上下文,而工具栏只对当前页面提供操作。

    9.9K10

    Material Design — 按钮( Buttons)

    ---- 扁平按钮(Flat button) 用法 平面按钮材料上。 不会浮起,但点击时会填充颜色。...可以以下位置使用扁平按钮: · toolbars上 ·提示框中,将按钮操作与对话框内容统一起来 ·Inline, with padding,因此用户可以轻松找到它们 ?...---- 底部固定按钮(Persistent footer buttons) 如果app要求操作持续存在且随时可供用户使用,请考虑使用悬浮响应按钮(Floating action button)或底部固定按钮...请勿固定按钮区域使用浮动按钮。 ? 添加分隔后,底部固定按钮可用于滚动的提示框。 ?...例如,可用状态可以显示为文字,颜色或icon的列表。 当用户按钮交互时,Menus会覆盖按钮并显示可能的状态。 按下某个状态会取消Menus并更新按钮以显示此新状态。

    3.9K160

    RenderingNG中关键数据结构及其角色

    大多数「布局」都是典型的增量更新incremental updates,例如,一个网络应用在用户点击某个元素时更新一小部分用户界面。理想情况下,「布局」应该只做与屏幕上「实际改变的内容」相对应的工作。...如果一个「布局对象」绘制树的过程中没有改变,它的显示项目就会从「以前的」列表中复制出来。...: ❝绘画块的有序列表,即显示项目组和属性树状态,作为「渲染管道」图层化Layerize步骤的输入数据 ❞ 整个「绘制块列表」可以合并成一个合成层并一起栅格化,但这需要用户每次滚动时进行昂贵的栅格化操作...0,0)位置,绘制I'm falling文本信息 如果用户滚动#「scroll」,第二个合成层会被移动,但不需要栅格化。...然而,如果该合成器想要「更新哪怕是一个像素」,它就需要对「整个口」进行重新光栅化处理,并向Viz提交一个新的纹理。 相反,「口被划分为瓦片Tile」。

    2K10

    0771-5.16.2-如何关闭Navigator的审计日志功能

    测试环境: 1.Redhat7.2 2.采用root用户操作 3.CM和CDH版本为5.16.2 关闭各服务的审计日志 2.1 HBase 1.关闭HBase中审计相关的配置,取消勾选下图中按钮点击保存...2.2 HDFS 1.关闭HDFS中审计相关的配置,取消勾选下图中按钮点击保存 ? 2.滚动重启HDFS ? 3.如图点击滚动重启 ? ?...2.3 Hive 1.关闭Hive中审计相关的配置,取消勾选下图中按钮点击保存 ? 2.重启Hive ? ? 2.4.Hue 1.关闭Hue中审计相关的配置,取消勾选下图中按钮点击保存 ?...重启完成 2.6 Sentry 1.关闭Sentry中审计相关的配置,取消勾选下图中按钮点击保存 ? 2.重启Sentry ? ?...如果不进行重启,Impala的审核收集功能仍然在运行,仍然会记录审计日志到审计目录中。 3.HBase本文中是选用的重启,重启期间HBase服务会不可用。如果选用滚动重启,可能时间会非常长。

    1.5K30

    经典黑色--网站管理界面

    有时候我也思考,一般的用户或者大部分用户他们是否需要像ext,easyui这样成型的界面解决方案,或许他们只是需要一款简洁,方便的一个界面模板,而这款的宗旨是,页面基本没有过多的交互效果,简洁粗暴的同时带来的是界面加载速度的提升或操作便捷性的增加...另外为了满足交互效果有要求的用户,下次准备提供一版有js交互的,敬请期待。 1. Login页面 ? 这个页面没有过多的装饰,只是让用户简单的填写,无心理压力的点击提交按钮。 2....主界面顶部还是采用经典的黑配蓝的搭配,也没采用固定定位,固定定位的缺点就是小屏上反而减少了口大小。 2). 左侧菜单是固定宽度的布局,右侧主区域则是自适应。 3)....如果字段过多时,可以分行。查询按钮放在另一行右对齐。 3). 结果列表处,操作按钮放在左上角,比如:新增作品,批量删除等,为了是让用户醒目的看到操作。 4)....这块的一个细节处理是站长信息设置下面还有一个按钮,一个页面上有两个提交按钮,普通的用户以为是要操作两次,其实只是一个form表单。

    2.3K10

    关于虚拟列表,看这一篇就够了

    .虚拟列表 其核心思想就是处理用户滚动时,只改变列表可视区域的渲染部分,然后使用padding或者translate来让渲染的列表偏移到可视区域中,给用户平滑滚动的感觉。...区域) 监听滚动事件根据滚动位置动态改变可视列表 监听滚动事件根据滚动位置动态改变空白填充 固定高度 列表项高度固定的话,就无需每次都计算当前应该渲染多少条数据,口的数据量始终是固定的,只需要通过用户滚动的距离...当用户滚动时,我们需要一直更新这个缓存数组中的列表项信息,目的是下次计算就能使用列表项的真实高度和位置,从而准确渲染出列表项。...并且需要注意的是,不只是需要更新视图中列表项,还需要更新之后的所有列表项 // 每次滚动,都去更新缓存数组中dom的高度和位置   useEffect(     function () {      ...,当然,所有的列表项数据还是都需要接口来进行请求的,所以滚动的时候,我们还需要加上监听滚动条位置并且从接口拉取数据的逻辑,所以需要优化的地方还很多。

    3.8K32

    niRvana · 轻拟物主题4.8完美版

    主题基本特性 HTML5、CSS3 使用标准语言编写,支持IE10以上浏览器 响应式 桌面、平板、手机端均以最佳状态显示 回复下载 可强制要求用户评论文章后才提供下载地址 内容回复可见 指定某些内容需要读者评论后才可查看...即使开发者增加了“短代码插入按钮”,但在修改短代码参数的时候,往往还是需要手动编辑代码本身。对于普通用户,这种操作是很繁琐并且容易出错的。...“文章Wiki模式”将自动把文章内的“二级”、“三级”标题显示为文章导航并展示边栏中,点击边栏标题可导航到文章中的指定位置。...1、Gutenberg默认段落增加首行缩进功能 2、新增“轮播图”(滚动相册)功能,允许文章中插入滚动相册了 v1.3.2 1、评论缩进修改:只有第一层需要缩进,后面全部不缩进。...2、自带代码高亮:设计/代码高亮/启用 3、允许设计为“必须用户注册登录并评论”才显示页面的某些内容! v1.3.1 1、新增一种首页图片的显示模式:不需要3D显示,而是扁平化显示。

    8.6K10

    怎样 Unity 中创建 UI

    一旦项目创建了之后,保存你当前的场景并且给它命名一个你想要的名字。我命名我的场景为『Test』。现在让我们来做用户界面『UI』吧。...层级视图中的 Panel 对象下右键 选择 UI –> Button 重复操作两次(或拷贝粘贴刚刚创建的按钮) 直到三个按钮都创建,把后一个按钮移到前一个按钮的下面就像下面这样: UI-8 为了改变每一个按钮的标题...在你的场景中创建一个空的游戏物体,命名为『_GM』 层级视图中选中『_GM』然后检视视图中选择『Add Component』 向下滚动并且选择『New Script』。...这就是我们要给按钮添加功能的地方。右侧菜单底部点击『+』图标,将会出现一个列表,拖拽『_GM』对象到这个位置。...为了让『Restart』功能能够起作用,我们需要添加我们的场景到场景的索引列表中。 File > Build Settings… > 点击 “Add Open Scenes” 按钮.

    5.6K20

    安卓Chrome使用技巧合辑

    "标签页列表"识图中,旧标签页概览视图总会被新标签页概览视图遮挡,你可以通过长按某一旧标签页两次来把位于它上方的新标签页移开,从而在"标签页列表"视图中预览任意一个标签页全貌。   5....双击屏幕,第二次点击屏幕时按住屏幕不放,以双击屏幕的位置定为原点,把手指向三象限或者四象限方向滑动,即可以原点为中心,快速放大页面,如果想要缩小页面,只需要双击屏幕,第二次点击屏幕时把手指向一象限或者二象限方向滑动...受网络环境的限制,你可能需要把一个页面保存下来以便离线时查看,这时你只需要打开Chrome的菜单,点击菜单上部的"下载"按钮,即可将此网页保存到本地。...Chrome甚至还可以将当前网页保存为PDF文档,当你遇到想要保存为PDF的网页时,只需要在Chrome的菜单中选择"分享 - 打印",接着点击上方的下拉菜单,选择"保存为PDF即可将当前网页以PDF文档的形式保存到本地...,点击按钮,Chrome会在后台尝试下载此网页,当网页下载完成后,将会给用户弹出通知。

    9.5K30

    微信小程序教学第四章第三节(含视频):小程序中级实战教程:详情-功能完善

    bug:当页面滚动到一定程度后点击下一篇,新的页面没有滚动到顶部。...所以我们需要修复这个 bug,当文章更新后,正常情况下,页面应该滚动到顶部,也就是滚动最开始位置。...所以我们需要给分享按钮另外绑定一个点击事件,如果不支持的话,提示用户: notSupportShare () { // deviceInfo 是用户的设备信息,我们 app.js 中已经获取并保存在...增加 返回列表 功能 我们需要在 detail.js 中增加一个返回列表的函数,然后视图中绑定触发事件 // detail.js 增加以下内容 Page({ back(){ wx.navigateBack...那么如果用户并不是从列表进来的,比如是从分享出去的详情打开呢?这时候记录是不存在的。

    900100

    VBA表单控件(一)

    包括命令按钮、数值调节钮文本框、列表框、单选框、复选框等。 控件分为两种,分别是表单控件和ActiveX控件。...表单控件只能在工作表中通过设置控件格式或者指定宏来使用,而ActiveX控件则有属性和事件,可以工作表中和用户窗体中使用。 可以开发工具选项卡的插入功能中,可以看到两种控件。...先准备了两个简单过程,点击插入--表单控件--按钮控件。 工作表位置拖动画出一个按钮(窗体控件),松开鼠标后Excel会弹出指定宏的窗口,可以选择按钮绑定的sub过程,确定后即指定宏。...对于不习惯上下或者有需要滚动条横向放置,只需要右键选择滚动条。之后调整大小。调整成扁平状后,Excel会自动滚动条设置为横向的。这样方便放置每个类型的单元格后。...---- 今天下雨 本节主要介绍表单控件中的按钮控件,主要用于运行指定宏。数值调节钮和滚动条则常用于参数调整,其他场景可以根据需要使用,后面会介绍其他表单控件,祝大家学习快乐。

    5K30

    微信小程序教学第四章第三节(含视频):小程序中级实战教程:详情-功能完善

    bug:当页面滚动到一定程度后点击下一篇,新的页面没有滚动到顶部。...所以我们需要修复这个 bug,当文章更新后,正常情况下,页面应该滚动到顶部,也就是滚动最开始位置。...所以我们需要给分享按钮另外绑定一个点击事件,如果不支持的话,提示用户: notSupportShare () { // deviceInfo 是用户的设备信息,我们 app.js 中已经获取并保存在...增加 返回列表 功能 我们需要在 detail.js 中增加一个返回列表的函数,然后视图中绑定触发事件 // detail.js 增加以下内容 Page({ back(){ wx.navigateBack...那么如果用户并不是从列表进来的,比如是从分享出去的详情打开呢?这时候记录是不存在的。

    36500

    vue自定义指令监听元素是否进入父元素视窗内

    需求背景一个每行3列的列表布局,列表中的每一项有一个已读/未读状态,只要展现在了用户的视窗内就算已读状态了。...想到的方案:直接监听滚动高度,根据滚动距离来计算是否展现在页面内借助第三方插件,找到一个 vue-check-view,不过只能监听整个 window 视窗的页面滚动如果想监听某个元素的内部滚动是否可见没法实现刚开始直接用的...vue-check-view,但是因为项目是用 electron 开发的桌面应用,布局上需要列表父盒子上实现滚动。...注意, Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。...一般涉及 dom 的操作,我们都可以通过自定义指令来实现,比如点击文本直接复制到粘贴板、按钮权限的判断(无权限时隐藏或禁用)...这一点一般通过指令钩子函数的第一个参数 el 就能实现。

    35710

    Excel表格的35招必学秘技

    五、用“面管理器”保存多个打印页面   有的工作表,经常需要打印其中不同的区域,用“面管理器”吧。   ...3.调整好行高和列宽后,同时选中A1至G2单元格区域(第1位学生的成绩条区域),按“格式”工具栏“边框”右侧的下拉按钮随后出现的边框列表中,选中“所有框线”选项,为选中的区域添加边框(如果需要边框...然后Excel弹出的函数对话框中,利用数据列表右侧的“ ”按钮点击一下其他表格中想引用的单元格就行了。你看,如图24所示,这时函数窗口中就会出现“×班学生成绩表!××单元格”的字样了。...而且,这个剪贴板可以在任何Office应用程序之间来回拷贝,所以对于经常需要拷贝和粘贴的用户来说,确实更加方便。...从菜单中选取“工具”之“自定义”选项,点击弹出对话框下部的 “键盘”按钮弹出对话框的 “类别”列表中选取“编辑”,然后,在对话框右上方的“命令”列表中选取“EditOfficeClipboard”;

    7.5K80

    未来 Web 设计的 7 大趋势

    1.手势取代点击 还记得曾经是如何滚动网页的吗?将鼠标移到屏幕的右边缘,然后拖动古代称为“滚动条”的玩意儿: ? 稍微专业点的可能会使用鼠标滚轮,光标键或触控板,这已经领先于大多数的用户了。...但是2015年,滚动点击更受欢迎。移动设备上,你可以用你的手指随意滑动来滚动页面。精确点击目标实际上是很难的——这和我们桌面上养成的习惯截然相反。...现在的网站已经没有那么多需要点击的内容,更多的是滚动。链接少了,按钮多了,“可点击”区域大了,需要滚动的页面高了。...扁平化的设计仅仅是个开始。真正的趋势是简单化和直接化,预计2015年这方面的影响将会更加深远。 4.像素将会被废弃 桌面上,1个点就是1像素。甚至有人还知道平均1英寸由多少像素组成:72 dpi。...5.动画又回来了 以前我们说,如果你想让网站显得过时,就放一些GIF和Flash动画。但现在,动画元素逐渐在网页设计上大放光彩。 扁平化设计虽好,但终归看上去毫无特色,甚至略显无聊。

    69710

    无限滚动加载最佳实践

    如果屏幕上是滚动的内容,用户滚动获取新内容的时候,导航条可以隐藏起来;当用户开始往回滚动试图回到顶部的时候再显示出来。 ? 2. 如果有页脚,加上“加载更多”按钮 无限滚动阻碍用户的访问页脚。...如果你的网站或应用有页脚,且它对你(或者,更要紧的,对你的用户)很重要,那就应该用“加载更多”的方法。新内容不会自动加载,直到用户点击了“加载更多”的按钮。...返回按钮用户待回至之前的位置 有时候,无限滚动的实现带来一个主要的可用性缺陷:滚动位置并未被记录为“状态”。如果用户列表中的链接跳转了,然后点返回按钮,他们希望能回到页面原来相同的位置。...别让你的用户就因为使用返回按钮,找不到列表的位置。很重要的是,用户通过列表访问了某一个项目的详情页,他们点击浏览器返回按钮返回列表的时候,也应该在相同的位置。...当网站或应用提供书签功能的时候,用户会使用的。比方说,Pinterest,使用书签工具帮助用户保存创意。 ? 5. 加载新内容时提供视觉反馈 当内容加载的时候,用户需要明确的指示,说明正在进行中。

    4.3K20
    领券