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

【交互探讨】无限滚动还是分页展示,这是个问题!

您可能有一个冗长的搜索结果、产品、订单或数据条目列表。虽然您已经使用各种筛选程序以及排序搜索,但是您还是需要帮助客户查找相关条目。为此,您需要系统支持来加快条目浏览速度。...也许当前页码旁边添加v字形下拉按钮会使它更加明显。Pepper.pl图片 将分页无限滚动结合在一个地方的一个很好的例子;唯一的改进可能是稍微更好的焦点样式更好的访问性导航跳转。...当用户向下滚动页面时,URL会被更新,我们也允许他们将URL复制到列表的当前位置。 用户总是可以到达页脚,滚动条指示他们当前所在的位置以及可以跳转到的位置。...不过,如果您的用户经常探索许多选项,并且浏览是您网站上非常典型的属性,尤其是当客户购物车添加多个商品或一次操作大量数据条目时,无限滚动可能非常有用——但前提是访问性性能考虑,这才是其设计的核心。...加载新项目时更改URL,并将其公开给用户。 允许用户跳转到带有分页下拉列表的任何页面。 考虑使用滚动条范围间隔。 考虑允许用户对感兴趣的领域标记或加入书签。

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

QT系统学习系列:1.2样式表子控件查阅

QScrollBar、QSplitter,QSlider 的手柄(滑块) 滑动条,滑动块相关 ::groove QSlider的凹槽 滑动条,滑动块相关 ::corner QAbstractScrollArea两个滚动条之间的角落...滑动条,滑动块相关 ::add-line QScrollBar增加行的按钮,即按下该按钮滚动条增加一行 滑动条,滑动块相关 ::add-page QScrollBar在手柄(滑块)增加行之间的区域...滑动条,滑动块相关 ::sub-line QScorllBar减少行的按钮,即按下该按钮滚动条减少一行 滑动条,滑动块相关 ::sub-page QScrollBar在手柄(滑块)减少行之间的区域...QSpinBox 的向下箭头 箭头相关 ::down-button QScrollBar或QSpinBox的向下按钮 箭头相关 ::up-arrow QHeaderVew(排序指示器)、QScrollBar...QTabWidget的选项卡栏,此子控件仅用于控制QTabBarQTabWidget的位置,使用::tab设置选项卡的样式 选项卡栏,选项卡部件,可停靠窗口 ::tab OTabBar或QToolBox

1.5K10

Qt Style Sheet实践(一):按钮及关联菜单

下拉按钮箭头号通过::down-arrow子组件进行定制,箭头号默认位于子组件的正中央。...以向上的箭头为例,::up-button::up-arrow分别用于定制按钮及位于按钮箭头号。...箭头号默认位于按钮的中间,对于向下的按钮类似,只是用::down-button::down-arrow子组件。...我们将所有的样式语句放到一个*.qss文件,然后main函数中加载。需要注意的是,我们应该将.qss文件添加到.qrc文件中进行编译。每一次修改.qss文件之后应该重新编译.qrc文件。...显然,系统默认的箭头号不太和谐,于是我们再尝试换掉这个箭头号,并且菜单打开时设置为向下箭头号,菜单关闭时设置为水平向右的箭头号: QPushButton::menu-indicator:open {

4.4K50

React-Native 版高仿淘宝、京东商城首页、商品分类页面

项目地址:https://github.com/pengzhenjin/react-native-mall 效果图 已实现功能 沉浸式状态栏 酷炫的顶部导航动画 消息角标 循环轮播图 搜索 商品一级分类...商品二级分类 商品子分类 顶部滑动的tab、智能下拉菜单 用到的技术 自定义 Badge(角标) 动画、动画插值器 Swiper 轮播图 自定义 tab 自定义 popup 弹窗下拉菜单 FlatList...* @param index 当前选中时的 tab 下标 */ showDropdownMenu = (index) => { // measure方法测量"箭头图标..."页面的位置、宽高 this.arrowIcon.measure((x, y, width, height, pageX, pageY) => { const...) // 显示"下拉菜单" }) } 组件的 measure((x, y, width, height, pageX, pageY) => {}) 方法可以动态的获取组件屏幕的位置

3K10

MFC下拉框ComboBox使用

从用户角度来看,这个控件是由一个文本输入控件一个下拉菜单组成的。用户可以从一个预先定义的列表里选择一个选项,同时也可以直接在文本框里面输入文本。...2、向控件添加 Items 1) Combo Box控件属性的Data标签里面添加,一行表示Combo Box下拉列表的一行。换行用ctrl+回车。...控件属性的Data标签里面添加,一行表示Combo Box下拉列表的一行。...:一、那就是设计界面里,点击一下Combo Box的下拉箭头,此时出现的调整框就是Combo Box的下拉调整框。...(IDC_COMBO_CF)) 控制Combo Box的下拉长度 1,首先要知道两点:一、那就是设计界面里,点击一下Combo Box的下拉箭头,此时出现的调整框就是Combo Box的下拉调整框

6.9K40

Excel小技巧19:快速输入数据

如下图1所示,我们已经列A输入了一些数据,此时,我们可以单元格按下Alt+向下箭头键,Excel会弹出一个下拉列表,可以从中选择想要输入的数据。 ?...图1 操作要点: 1.在当前单元格,按下Alt+向下箭头键,出现下拉列表。 2.使用箭头键,选择想要输入的数据,按回车键确认。...如果细心观察,可以发现,如果先输入前面的一两个字符,再按下Alt+向下箭头键时,会定位到以这些字符开头的数据项。 从上面的示例可以看出,下拉列表列出了该列前面已经输入的所有数据项。...图2 此时,会出现包含该列已经输入过的数据的下拉列表,如下图3所示,你可以使用箭头键来选择所需的数据,然后按回车键确认输入。 ?...图3 需要说明的是,单元格输入的数字日期不会出现在该列的下拉列表,如下图4所示。 ? 图4

65310

6 个新功能、39 个增强功能!JupyterLab 新版本更新!

改进键盘导航 本次更新致力于优化键盘导航功能,特别关注提升用户体验操作便利性: 笔记本单元格现在保留焦点 现在可将焦点移至活动笔记本以外的位置 现在可以使用箭头键导航工具栏 笔记本的执行历史 用户可以使用之前执行的代码来填充空白单元...要在历史项之间循环,请按 Alt + 向上箭头 Alt + 向下箭头。 要启用执行历史,请进入 "设置编辑器"→"笔记本"→选中 "内核历史访问 "复选框。...窗口模式的虚拟滚动条 窗口笔记本现在有一个可选的滚动条显示活动单元格选定单元格。用户可以跳转到特定单元格。...通知 JupyterLab 3.6 添加了一个通知中心,迄今为止只用于发布公告版本更新通知(均为选择加入)。...搜索改进 搜索框现在会自动变大,以容纳较长的文本 现在可使用 Alt + L 切换选中搜索,并可在设置配置选中自动搜索搜索的按钮添加了带有快捷键的工具提示,以提高快捷键的可发现性 参考资料 [

39610

介绍两款k8s dashboard

默认情况下,Infra App会检测到本地Kubernetes配置文件(Kubeconfig),并且可以通过在下拉菜单中选择添加配置或通过热键⌘+ O添加自己的配置文件来进行扩展。 工作负载选项卡。...左侧的“名称空间”过滤器帮助您按您有权访问的名称空间快速进行过滤。所选名称空间上的所有工作负载将显示右侧。 工作量搜索栏。搜索,您将能够通过其名称搜索特定的工作负载。...主工作负载视图中,您将看到所有工作负载的列表以及有关其利用率(CPU内存)的信息 查看特定工作负载 工作量状态。工作负载状态显示Kubernetes报告的工作负载的当前状态。 活动标签。...pod选项,您将能够看到所有相关pod的列表及其当前状态。 pod动作。...通过 ...按钮的操作下拉列表,您将能够单个容器上执行操作,例如对特定容器打开shell,从容器查看日志以及删除容器。 服务。服务部分,您将能够看到服务的类型及其端点。

1.7K10

SaaS平台:数据列表设计

校宝在线 在校宝在线管理后台,采用了多种筛选机制的列表展示。 ? 校宝在线管理后台-员工列表 ? 校宝在线管理后台-列表 主要特点:多行标签+下拉框筛选两种类型相结合。标签选项单选、多选。...点击【查询】弹窗,即可搜索。空间使用效率较高。 列字段展示的特点: 可通过【列展示】弹窗,对列字段进行是否显示、排序的设置;设置方法为拖动 展示列字段过多时,拖动底部滚动条。...销售易 销售易的列表设计,使用到较多的列字段设置筛选的方式,两者结合程度较高。 ? 销售易CRM ? 销售易CRM-向下图标 ?...体验上: 1)鼠标移动到了列字段旁的下拉图标,即可展开搜索列表,使用比较顺畅。 2)列表的滑动模式:如果列字段过多,一般解决方案是,底部增加一个滑块进行拖动。...SaaS筛选及列表的抽象模型 图中可以知道,数据的处理管理,最终的目标是为了能提高客户使用及决策的效率。 我们描述为:用户通过筛选列表的展示,可以高效获取到他们所要的内容。

2K10

android下拉加载更多

新浪微博,QQ空间里面,都有那个下拉刷新的效果,另很多人眼前一亮,细细分析,原理原来如此。...原作者的基础上,写了一些注释,帮助大家更好的阅读理解,(可能其中有些地方注释不准,欢迎指正,谢谢) 源代码下载地址:http://download.csdn.net/detail/weidi1989...下面,就亮出关键代码,自定义的一个MyListView: /**  * 重写一个ListView,主要是添加一个下拉事件  *   * @author way  *   */...           addHeaderView(headView, null, false);// 加到ListView的头部view,ListView组件提供了两个很实用的功能,那就是可以顶部底部添加自定义的视图...= LOADING) {   // 保证设置padding的过程,当前的位置一直是head,否则如果当列表超出屏幕的话,当在上推的时候,列表会同时进行滚动 // 可以松手去刷新了

2.4K60

【愚公系列】2023年11月 Winform控件专题 Panel控件详解

欢迎 点赞✍评论⭐收藏前言Winform控件是Windows Forms的用户界面元素,它们可以用于创建Windows应用程序的各种视觉交互组件,例如按钮、标签、文本框、下拉列表框、复选框、单选框、...在窗体上添加一个Panel控件,并设置控件的大小位置。添加其他控件(例如按钮、标签、文本框等)到Panel。...= Color.White; //设置Panel的背景颜色 panel1.AutoScroll = true; //启用Panel的自动滚动功能}Panel添加滚动条,以便用户可以滚动Panel...例如,Form_Load事件处理程序添加以下代码:ScrollBar vScrollBar = new VScrollBar(); //创建垂直滚动条vScrollBar.Dock = DockStyle.Right...通过使用Panel控件,您可以轻松地创建具有滚动功能的滚动区域,并在其中添加其他控件。我正在参与2023腾讯技术创作特训营第三期有奖征文,组队打卡瓜分大奖!

97811

Visual Studio 快捷键的使用技巧

⽂件:⼯具—>选项—>⽂本编辑器—>所有语⾔—>滚动条—>使⽤垂直滚动条的缩略图模式—>宽 14.增加缩进:Tab 15.减少缩进:Shift+Tab 16.光标所在⾏的上⾯插⼊⼀⾏:...CTRL+Enter 17.光标所在⾏的下⾯插⼊⼀⾏: CTRL+Shift+Enter 18.跳转到定义:F12 19.查找所有引⽤:Shift+F12 20.查找:CTRL+...F 21.替换:CTRL+H 22.格式化代码:先选中要格式化的代码,再按住alt+F8 23:代码上下移动:选中多⾏,或光标放在某⼀⾏,按住alt+向上或向下箭头,实现代码上下移动。...24:代码提⽰:⼯具–>选项–>环境–>键盘–>搜索“列出成员”;可以⾃定义代码提⽰快捷键;我的习惯是改为alt+/ 25:代码补全:系统默认为Tab键,可通过 ⼯具–>选项–>⽂本编辑器–>C/C...++ -->⾼级–>主动提交成员列表,将其改为true即

37930

电脑上怎么下载project2019,Microsoft project进度计划软件安装教程

Project2019,我们设法让WindowsNarrator其他辅助技术更容易读取更多的项目元素,并改进了对比度键盘支持。...使用下拉菜单链接任务无需再记住要链接到的任务的 ID。 反之,如果选择“前置任务”列的单元格,然后选择向下箭头,将看到项目中所有任务的列表。...此外,还可从“后续任务”列的同类下拉菜单中选择任务。 有关详细信息 任务摘要名称字段如果任务列表较长,可能很难了解整个项目计划任务缩进的内容。...将此字段添加为“任务”视图中的列,这有助于阐明项目的结构。 若要添加此字段,请右键单击列标题(要添加域的位置的右侧),选择“插入列”,然后从下拉列表选择“任务摘要名称”。...日程表栏标签任务进度更轻松传达项目进度! 现标记日程表栏,任务上直接显示任务进度,共享状态时简单快速地说明计划进行的工作。

91120

Vcl控件详解_c++控件

如不成功返回0 GetInstRes:该方法图像列表调入指定的位图,光标或图标资源 GetMaskBitmap:可获得包含图像列表中所有掩码的位图句柄 GetResource:图像列表调入指定位图...:从资源文件获取一个图片到图像列表 UnRegisterChanges:删除TchangeLink对象的注册 事件 OnChange:当列表的内容发生变化时触发 TRichEdit...与上面的区别是它的事件可以得到它的新值单击是向上还是向下按钮 onClick:单击按钮时触发 THotKey 属性 HotKey:设置或获取热键 InvalidKeys:设置不允许有哪些热键...Images:为下拉列表的项目选择图片 ItemHeight:下拉列表项目的高度 ItemsEx:对下拉列表项目进行操作 SelText:选定的文本 Style:下拉列表框的样式...StyleEx:确定列表项目外观行为  CsExCaseSensitive:查找区分大小写的标题,包括列表作为用户类型项的位置 CsExNoEditImage:列表的项不显示相应的图像

4.8K10

C#学习笔记—— 常用控件说明及其属性、事件

5、NumericUpDown 控件 【Windows 窗体】控件组的 NumericUpDown 控件看起来像是一个文本框与一对用户单击以调整值的 箭头的组合。...可以通过单击向上向下按钮、按向上向下箭头键来增大和减小数字,也可以直接输入数字。单击向上箭头键时,值向最大值方向增加;单击向下箭头键时,值向最小值方向减少。该控件工具箱的图标为 。...1、常用属性: (1) Items属性: 用于存放列表列表项,是一个集合。通过该属性,可以添加列表项、移除列表获得列表项的数目。...向已排序的 ListBox控件添加项时,这些项会移动到排序列表适当的位置。 (10)Text 属性:该属性用来获取或搜索 ListBox 控件当前选定项的文本。...完成向列表添加项的任务后,再调用 EndUpdate 方法使 ListBox 控件重新绘制。当向列表添加大量的列表项时,使用这种方法添加项可以防止绘制 ListBox 时的闪烁现象。

9.5K20

Android Studio常用快捷键功能说明

Ctrl+向下箭头 或Ctrl+向上箭头:在有自动匹配下拉列表时,此快捷键会自动关掉下拉列表, 光标移动到下/上一行。...自动匹配下拉列表的排列方式的切换:自动匹配下拉列表的右下角有个“π”图标,点击后可选 是按:实用性、字母两种排列方式。...Ctrl+F:搜索 Ctrl+句点:自动匹配下拉列表,选中第一个item 感叹号:自动匹配下拉列表,上下键选中一个返回结果为boolean的item,按感叹号会自动取反: Ctrl+Enter...:自动匹配下拉列表没有选中的item时,默认选中第一个item。...31.Ctrl+Alt+T:选中一块代码,按此组合键,快速添加if 、for、try/catch等语句。 32.Ctrl+Tab:打开界面切换窗口,保持按住Ctrl键,选中相应的要打开的窗口。

2.2K20

SCrollTOP scrollHeight

jQuery 里滚动条有关的概念很多,但是有三个属性滚动条的拖动有关,就是:scrollTop、scrollLeft、scrollHeight。...滚动条向下拖动一段距离,看到的页面效果如下(右部的a、b是我抓图后,用PS标出来的): 那么,这里的外部div 的scrollTop、scrollHeight 属性到底是什么呢?...实际上,js代码里,滚动条是被抽象为一个“点”来对待的。scrollHeight其实不是“滚动条的高度”(b),而是表示滚动条需要滚动的高度,即内部div的高度750px。...而scrollTop表示滚动条(一个点)当前的位置750px里占了多少,不是图中标出的a。...程序,在外部div的scroll(滚动)事件侦测执行if判断语句,是非常消耗CPU资源的。用鼠标拖拉滚动条,只要有一个像素的变动就会触发该事件。但点击滚动条两头的箭头,事件触发的频率会低得多。

2.2K20

Qt Designer基本控件介绍——Input Widgets(输入小部件)

是一个集按钮下拉选项于一体的控件,也称做下拉列表框 常用方法: count() :返回下拉选项集合的数目 currentText() :返回选中选项的文本 itemText(i) :获取索引为 i...组合框填充了按字母顺序排列的字体系列名称列表,让用户选择字体。 常用方法: currentFont(): 获得当前所选择的字体; fontFilters(): 获得当前的字体过滤器。...显示多行文本内容,当文本内容超出控件显示范围时,可以显示水平和垂直滚动条 常用方法: toPlainText() : 返回多行文本框的文本内容。...默认情况下,一个换行符表示一个段落,文档可以一个或者多个段落组成,且段落的每个字符都可以有其自己的属性,例如有自己的字体颜色 常用方法: toPlainText() :获取文本内容 insertPlainText...Vertical Scroll Bar :垂直滚动条 允许用户沿水平或者垂直方向某一范围内滚动条,QScrollbar常用于空间位置的变化,比如,一幅大的图像。

5.7K30

JQuery Div scrollTop ScrollHeight

jQuery 里滚动条有关的概念很多,但是有三个属性滚动条的拖动有关,就是:scrollTop、scrollLeft、scrollHeight。...滚动条向下拖动一段距离,看到的页面效果如下(右部的a、b是我抓图后,用PS标出来的): 那么,这里的外部div 的scrollTop、scrollHeight 属性到底是什么呢?...实际上,js代码里,滚动条是被抽象为一个“点”来对待的。scrollHeight其实不是“滚动条的高度”(b),而是表示滚动条需要滚动的高度,即内部div的高度750px。...而scrollTop表示滚动条(一个点)当前的位置750px里占了多少,不是图中标出的a。 这时,我们很叹服Windows的设计者,滚动条设计的如此形象美妙,欺骗了多少头脑简单的鼠标操作员。...程序,在外部div的scroll(滚动)事件侦测执行if判断语句,是非常消耗CPU资源的。用鼠标拖拉滚动条,只要有一个像素的变动就会触发该事件。但点击滚动条两头的箭头,事件触发的频率会低得多。

2.6K10
领券