开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何使用Cobol屏幕显示可滚动列表

COBOL是一种古老的编程语言，主要用于商业数据处理。虽然它在云计算领域的应用相对较少，但仍然可以通过不同的方式来实现可滚动列表的屏幕显示。

要在COBOL中显示可滚动列表，可以通过以下步骤实现：

设计数据结构：首先，需要定义一个数据结构来存储列表中的每个项。这可以是一个包含多个字段的记录数据结构，例如项目名称、项目编号等。
获取列表数据：接下来，需要获取要显示的列表数据。可以通过从数据库中检索数据，调用外部API或使用文件来获取数据。
分页和滚动：要实现可滚动的列表，可以根据屏幕的可见区域大小和列表项的数量来决定每页显示的项数。使用一个起始位置指示器来跟踪当前显示的页数和列表项的位置。根据用户的输入（例如向上/向下箭头或页面向上/向下按钮），可以更新起始位置指示器并显示新的列表项。
屏幕显示：使用COBOL的屏幕显示功能来将列表项显示在终端或控制台上。可以使用COBOL的屏幕布局命令来定义显示区域和字段的位置。

以下是一个简单的COBOL代码示例，演示了如何实现可滚动列表的屏幕显示：

IDENTIFICATION DIVISION.
PROGRAM-ID. SCROLL-LIST.
DATA DIVISION.
WORKING-STORAGE SECTION.
01 LIST-ITEM.
   05 ITEM-NAME PIC X(20).
   05 ITEM-ID PIC 9(5).
   ... (其他字段)

01 LIST-DATA.
   05 ITEM OCCURS 10 TIMES.
      10 LIST-ITEMS.
         15 ITEM-NAME-FIELD PIC X(20).
         15 ITEM-ID-FIELD PIC 9(5).
         ... (其他字段)

01 START-POSITION PIC 9(2) VALUE 1.
01 END-POSITION PIC 9(2) VALUE 10.

PROCEDURE DIVISION.
DISPLAY 'Scrollable List'.

PERFORM GET-LIST-DATA.

PERFORM DISPLAY-LIST.

PERFORM PROCESS-USER-INPUT UNTIL EXIT-KEY-PRESSED.

STOP RUN.

GET-LIST-DATA.
   ... (从数据库、API或文件中获取列表数据)

DISPLAY-LIST.
   PERFORM VARYING START-POSITION FROM 1 BY 1 UNTIL START-POSITION > 10
      DISPLAY LIST-ITEMS(START-POSITION)
   END-PERFORM.

PROCESS-USER-INPUT.
   ... (处理用户输入并更新起始位置指示器)

请注意，这只是一个简单的示例，实际的实现可能因具体情况而异。此外，需要根据具体要求和平台进行一些调整和改进。

虽然COBOL在云计算领域的应用相对较少，但腾讯云也提供了各种与COBOL相关的云服务和产品。您可以通过腾讯云官方网站获取更多关于腾讯云产品和服务的详细信息。

相关搜索:水平显示可滚动的列表如何使用ListView / Flutter使我的屏幕可滚动如何在可滚动列表中显示文本和图像？如何让屏幕在颤动中可滚动？Flutter:如何制作屏幕的可滚动菜单？如何在Viewpager片段中使整个屏幕可滚动如何使整个布局可滚动，其中包含可滚动的列表视图？如果列表可滚动，则显示箭头指示器如何在tvOS中使SwiftUI列表可滚动如何在SliverToBoxAdapter中拥有可滚动列表如何使可滚动表体占据有效屏幕高度如何使列表视图中的项可滚动？触摸栏，如何添加可滚动的按钮列表？如何使用React Ref和UseLayoutEffect调整可滚动列表的大小？如何使屏幕在flutter上可滚动(带文本字段)如何使列表视图在滚动视图中可扩展如何获取可滚动表格中所有元素的列表如何在Tkinter中创建可滚动的按钮列表？如何在列表Xamarin表单中制作可滚动标签 CSS如何让背景图像“可滚动”，而不是被屏幕剪切

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

【玩转嵌入式屏幕显示】（六）ST7789 SPI LCD硬件垂直滚动功能的使用

一、想法萌生小熊派开发板的 LCD 小屏幕使用是ST7789驱动IC，之前一直有在该块屏幕上实现滚动显示的想法，最初构想在MCU侧创建一个大的队列，将整个屏幕显示内容交由队列管理，然后不停的去整屏刷新以实现屏幕滚动...原来我一直想做的功能，ST7789竟然硬件支持，研究研究如何实现，开干！二、实现过程 1....设置滚动显示起始地址设置滚动显示起始地址的作用为：设置LCD屏幕从显存的哪行开始显示，示例如下图，图中TFA=BFA=0、VSA=320，如果将滚动显示起始地址设置为3，则LCD屏幕显示内容将会从第3...LCD_Write_Cmd(0x37); LCD_Write_Data(vsp / 256); LCD_Write_Data(vsp % 256); } 使用该函数设置一次后达到了静态滚动显示的效果...三、使用示例 1.

6K4 0

vuejs中使用axios时如何实现滑动滚动条来动态加载列表数据

前言在vuejs中，我们经常使用axios来请求数据，但是有时候，我们请求的数据量很大，那么我们如何实现滑动滚动条来加载数据呢？...生命周期钩子函数然后，我们需要在onMounted函数中,进行监听而在onUnmounted函数中,我们需要取消监听,解绑编写事件处理函数handleScroll, 获取变量scrollTop是滚动条滚动时...，距离顶部的距离,获取变量scrollHeight是滚动条的总高度,获取变量clientHeight是滚动条可视区域的高度当滚动条到达底部，并且距离底部小于10px时，加载数据，也就是请求axios数据...,页码++,重新加载数据函数为了防止用户频繁触发下拉滑动滚动条,往往需要添加一个函数防抖,在指定的时间内,只执行最后一次事件处理函数,避免频繁请求数据,给服务器造成压力代码实现 ...window.removeEventListener('scroll', handleScroll); }) // 事件处理函数 function handleScroll() { // 变量scrollTop是滚动条滚动时

4735 0

UITableView在Flutter中是什么？

那么，当这些基本元素的排列布局超过屏幕显示尺寸（即超过一屏）时，我们就需要引入列表控件来展示视图的完整内容，并根据元素的多少进行自适应滚动展示。...不过，这种创建方式要求提前将所有子Widget一次性创建好，而不是等到他们真正在屏幕上显示的时候才会创建，所以有一个很明显的缺点，就是性能不好。因此，这种方式仅适用于列表中含有少量元素的场景。...接下来，我演示一下如何使用ListView.separated设置分割线。...CustomScrollView 好了，ListView实现了单一视图下可滚动Widget的交互模型，同时也包含了UI显示相关的控制逻辑和布局模型。...总结在处理展示一组连续、可滚动的视图元素的场景中，Flutter提供了比原生Android、iOS系统更为强大的列表组件ListView与CustomScrollView。

5.6K1 0

Flutter | 滚动组件，ListView，GridVIew等

可滚动组件当组件内容超过当前显示视口(ViewPort)时，如果没有特殊处理，Flutter 就会提示 Overflow 错误，为此，Flutter 提供了多种可滚动组件，用于显示列表和长布局；可滚动组件都直接或间接的包含一个...physics：此属性接受一个 ScrollPhysics 类型对象，他觉得可滚动组件如何响应用户的操作，比如用户滑动完抬起手指后，继续执行动画；或者滑动到边界之后如何显示。...，如果子树中的滚动组件没有显示的指定，则会使用这个默认的。...，所以如果预计视口可能包含超出屏幕尺寸太多内容时，那么使用 SingleChildScrollView 将会非常昂贵(性能差)，此时应该使用一些支持 Sliver 延时加载的可滚动组件，如 ListView...因此，为了能让可滚动组件能和 CustomScrollView 配合使用，Flutter 提供了一下可滚动组件的 Sliver 版，如 SliverList，SliverGrid 等，实际上 Sliver

8.6K2 0

Human Interface Guidelines —— Pickers

Picker Picker包含一个或多个可滚动的不同值的列表，每个列表都有一个选定的值——显示在view中心的较暗的文本中。...当用户编辑字段或点击菜单时，picker 通常会在屏幕底部或 popover 中显示。选取器也可以在文中显示，例如在日历事件中编辑日期。选取器的高度大致是五行lists值的高度。...Picker的宽度取决于设备和环境，可以是屏幕的宽度或 enclosing view。使用时注意 ·使用可预测的和逻辑上有序的值当可滚动列表停止滚动时，picker中的许多值会被隐藏。...·避免切换屏幕以显示Picker 在上下文中，出现在正在编辑的字段下方或靠近正在编辑的字段显示时，picker效果最好。...·对于大量值的列表，请使用 table 而不是 picker 长列表可能因为太长而无法在 picker 中导航。 Table的高度可调，并且可以包含一个index，这可以使滚动速度更快。

6532 0

「前端进阶」高性能渲染十万条数据(虚拟列表)

说完首次加载，再分析一下当滚动发生时，我们可以通过计算当前滚动值得知此时在屏幕可见区域应该显示的列表项。...= listData.length * itemSize 可显示的列表项数 visibleCount = Math.ceil(screenHeight / itemSize) 数据的起始索引 startIndex...listHeight(){ return this.listData.length * this.itemSize; }, //可显示的列表项数 visibleCount...列表项动态高度在之前的实现中，列表项的高度是固定的，因为高度固定，所以可以很轻易的获取列表项的整体高度以及滚动时的显示数据与对应的偏移量。...由于预先渲染至屏幕外，再渲染至屏幕内，这导致渲染成本增加一倍，这对于数百万用户在低端移动设备上使用的产品来说是不切实际的。 3.以预估高度先行渲染，然后获取真实高度并缓存。

10.6K7 4

Flutter开发-可滚动组件

为此，Flutter提供了多种可滚动组件（Scrollable Widget）用于显示列表和长布局。...需要注意的是，通常SingleChildScrollView只应在期望的内容不会超过屏幕太多时使用，这是因为SingleChildScrollView不支持基于Sliver的延迟实例化模型，所以如果预计视口可能包含超出屏幕尺寸太多的内容时...，那么使用SingleChildScrollView将会非常昂贵（性能差），此时应该使用一些支持Sliver延迟加载的可滚动组件，如ListView。...因此，为了能让可滚动组件能和CustomScrollView配合使用，Flutter提供了一些可滚动组件的Sliver版，如SliverList、SliverGrid等。...示例我们创建一个ListView，当滚动位置发生变化时，我们先打印出当前滚动位置，然后判断当前位置是否超过1000像素，如果超过则在屏幕右下角显示一个“返回顶部”的按钮，该按钮点击后可以使ListView

4.5K2 0

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

更不用说向屏幕阅读器适时告知新加载项目的可访问性问题以及断断续续的连接上的性能问题。上面列出的所有问题都表示可用性差。因此，无怪乎我们经常将无限滚动视为一种制造更多问题而不是提供解决方案的时尚技术。...就像我们习惯于使用粘性头部一样，我们可以集成一个页脚显示：一个小助手，它会保持在右下角的栏中，并在需要时显示页脚，而页面的其余部分使用无限滚动。...（可在原文中查看视频案例）将分页和无限滚动结合在一起 - 以及屏幕底部的粘性页脚。但是，我们如何处理“返回”按钮？...无限滚动清单这里有一些设计时需要考虑的重要指南的列表可帮助设计更好的无线滚动：如果有疑问，请始终选择分页。使用无限滚动，始终集成页脚显示。考虑从视觉上分离“旧”和“新”项目。...考虑使用“加载更多”+无限滚动一起。考虑使用分页+无限滚动一起。在加载新项目时更改URL，并将其公开给用户。允许用户跳转到带有分页下拉列表的任何页面。考虑使用滚动条范围间隔。

3.2K2 0

关于如何做一个“优秀网站”的清单——规范篇

可索引性和社交性站点内容可以被搜索引擎（如谷歌、百度）检索到确认方法：利用“Google抓取方式”工具，您可以测试 Google 会如何抓取或呈现您网站上的某个网址。...从详细信息页面返回，保留上一个列表页面上的滚动位置确认方法：在应用程序中查找列表视图。向下滚动点击一个项目进入详细页面。在详细页面上滚动。...按返回，确保列表视图滚动到与细节链接/按钮被点击之前相同的位置。改善方法：当用户按“返回”时，恢复列表中的滚动位置。有些路由库可以帮你完成这个功能。...页面可以跨平台自适应显示，如手机、平板电脑或不同尺寸屏幕的PC显示器确认方法：在小，中，大屏幕上查看PWA，确保其合理运行。改善方法：查看我们有关实施响应式UI的指南。...站点适当地通知用户何时离线确认方法：向用户提供有关如何使用通知的上下文： ■访问该网站并找到推送通知选择加入流程 ■当浏览器显示权限请求时，请确保已提供上下文以说明该站点需要的权限

3.2K7 0

从零开始的Android：常见的UI设计模式

在本教程中，您将学习其中的一些模式，以及它们如何通过在使用应用程序时创造出色的体验来帮助用户。 1.主画面用户在打开应用程序时看到的第一个屏幕通常是最重要的。...清单和详细信息列表和详细信息模式是您将在移动设备上看到的最常见的模式之一。顾名思义，您以列表格式显示数据，当单击该列表中的项目时，它将打开一个显示更多详细信息的新屏幕。...区别在于列表项可以水平滚动而不是垂直滚动。在Google Play商店应用程序中可以看到这种模式的示例，该应用程序显示了可浏览的多种类别应用程序的轮播。...请勿将这种模式用于次要动作或任何具有破坏性的操作，因为浮动动作按钮旨在在使用时在屏幕上有很强的显示感。 3....结论尽管这还远远没有列出Android用户界面设计模式，但已向您介绍了Android上一些最常见的模式，以及如何使用它们来提高应用程序的可用性。

2.7K2 0

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

在内容周围使用足够的填充，以保持布局整齐并防止内容重叠。集合的方式不适用于文本信息，文本信息可以用列表。相对于集合，文本信息展示在一个可滚动的列表中，浏览起来会更简单和有效。谨慎进行动态布局变更。...用户经常会在滚动时使用非常大幅度的动作，如此便会非常难以避免在同一屏幕中对相邻的滚动视图进行交互操作。...拆分视图提供与选项卡栏相同的快速导航，同时更好地利用了大屏幕。为每种类型的列选择适当的样式。对于显示侧栏的主列，请使用侧栏外观。此外观适用于应用程序级导航和集合列表，例如Mail中的邮箱。...对于显示列表视图的补充列，请使用普通边栏外观。这种外观适合于单个内容的列表，例如邮箱中的消息。在主要和补充列中持续突出显示任务选择。...快速显示列表内容。在显示内容之前，不要让用户等待大量的列表内容加载。先用文本数据填充屏幕行，再显示更复杂的数据（如图像）。这种方式可以立即为用户提供有用的信息，并提APP的感知响应能力。

8.5K3 1

如何使用 CSS 设置和自定义水平和垂直滚动条

在其他情况下，UI开发人员必须设置滚动条以使用户能够查看超出屏幕或特定容器的内容。每个浏览器都有一组默认的滚动条样式。在某些情况下，您可能有充分的理由来定制滚动条。...例如，您可以定制滚动条样式以匹配网站的外观和感觉。在本文中，我们将讨论何时设置水平和垂直滚动条，如何设置它们以及如何使用CSS自定义它们的外观。...您可以设计您的侧边栏以显示可滚动的导航项目列表。...在下一节中，我们将学习如何防止导航项目列表显示在侧边栏之外。d). 使用滚动条管理内容溢出防止导航项目显示在侧边栏之外非常简单。...下面的截图显示了具有自定义样式的默认滚动条：样式化的默认滚动条下面的代码片段显示了如何使用body标签为滚动条添加样式： body::-webkit-scrollbar{ width

1.7K0 0

Material Design — 提示框（ Dialogs）

·简单菜单（Simple Menus）显示列表项的选项，而简单提示框（Simple Dialogs）可以提供有关列表项的详细信息或操作。...左：提示框内容右：全屏提示框可滚动内容例外一些提示框内容需要滚动，例如铃声列表。对于可滚动的选项列表，提示标题仍固定在顶部。...这可保证了无论项目在列表中什么位置，被选项与标题均保持可见。否则，标题会随内容一起滚动离开视野。内容滚动时，操作始终保持原位。提示框与底层父级材料是分开的，不会随其滚动。 ?...标题与被选操作均保持可见显示额外内容要在提示框中展示额外内容，请在内容区域内使用内联展开。或者考虑能对大量的内容进行优化的可替代的组件。...标题要明确告知结果 ---- 简单菜单仅限手机和平板电脑消除歧义：简单提示框显示列表项目的详细选项或提供相关操作。简单提示框可以显示与简单菜单相同的内容。

5.1K10 1

Material Design — 菜单（Menus）

例如，当使网页上的文本高亮时，Android仅显示“复制”菜单项，因为用户无法“剪切”或“粘贴”文本。 ? 情景菜单菜单是可滚动的如果菜单高度阻止其显示所有菜单项目，菜单可以在内部滚动。...可以内部滚动的菜单级联菜单（仅限pc）级联菜单可根据菜单与屏幕垂直和水平边缘的接近程度放置菜单。 ?...例外情况是，菜单允许选择多个项目，例如使用复选标记。 ---- 简单菜单（Simple Menus）移动端或pc 使用列表中的简单菜单显示特定列表项的选项。...·简单菜单始终在屏幕的左侧和右侧保持16dp的留白（手机）或24dp留白（平板）。 ? ·如果简单菜单中的文本长到需要换行，就改为使用Simple Dialogs，因为可以有不同高度的行（如下图）。...·内容可滚动时，菜单一直显示滚动条。 ·简单菜单的最大高度应小于页面高度的一行或多行。这确保了可点击简单菜单之外的区域来关闭菜单。 ·不在菜单中重复展示已选项（同Menus）。

5.8K10 0

Material Design — Navigation drawerStandard drawer Modal drawer Bottom drawer

它们可以永久在屏幕上显示，也可以通过导航菜单图标进行控制。...原则 ·可识别的 Navigation drawer 的放置和列表式内容明确将其标识为导航。...使用时，应始终放置在文本之前。 App 内组件和内容应参考这些图标。 ? 使用惯用且可识别的icon，并且不要用相同的icon代表不同一级目的地 ?...如果导航目的地列表长于 drawer 的高度，则 drawer 的内容可以在 drawer 内滚动。 ?...滚动 Bottom navigation drawers 一旦打开至全屏高度，就可以在内部滚动。当最初打开到屏幕高度的50％时，在显示其他项目之前，必须将 drawer 拖到屏幕高度。

3.8K4 0

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

Widget如何响应用户操作，比如用户滑动完抬起手指后，继续执行动画；或者滑动到边界时，如何显示。...Widget如何响应用户操作，比如用户滑动完抬起手指后，继续执行动画；或者滑动到边界时，如何显示。...addAutomaticKeepAlives：表示是否将列表项包裹在 AutomaticKeepAlive widget 中。（在懒加载时，如果设置了包裹那么在此列表项滑出屏幕外时不会被GC。...Widget如何响应用户操作，比如用户滑动完抬起手指后，继续执行动画；或者滑动到边界时，如何显示。...（在懒加载时，如果设置了包裹那么在此列表项滑出屏幕外时不会被GC。

8.7K5 1

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

标签栏：是半透明的始终出现在屏幕的底部一个标签栏一次最多可承载5个标签（多于5个标签的时候，可以展示前4个标签和一个“更多”，并将其他的标签以列表形式收纳到“更多”里面）在横屏与竖屏情况下，高度均保持一致...当用户在视图中拖拽内容，内容随之滚动；当用户轻扫屏幕时，内容将快速滚动——直到用户再次触摸屏幕或内容已经到达底部时停止。...4.2.11 表格视图表格视图以一个可滚动的单列多行的形式来展示数据。 ?...无论是平铺型还是分组性，用户点击某一行中的某一项时都可以显示一个选项列表。当用户点选了一个不属于表格行的按钮或者其他UI元素的时候，可以使用平铺型表格视图来展示唤起的选项列表。展示层级信息。...使用表格视图时，可遵循以下这些指引：用户选择列表项时，始终给与反馈。当用户点击可选的列表项时会认为被点击的项都应短暂地高亮一下。

10.1K5 1

Chromium 最新渲染引擎--RenderingNG

生成「属性树」(property trees) 滚动Scroll:通过修改属性树(上一阶段生成的数据信息)，来更新文档或者可滚动元素的偏移量绘制Paint: 计算显示列表(display list)用于描述如何从...图层化Layerize: 将显示列表分解成一个合成的图层列表(composited layer list)，用于独立的栅格化（rasterization）和动画制作关键数据「图层列表」栅格...页面是如何生成的(宏观角度) 「整个Chromium中只存在一个Viz 进程」。毕竟，通常只有一个GPU和屏幕可供绘制。...- 「多重缓冲」：在渲染新内容的同时显示以前渲染的内容，以「隐藏渲染的延迟」。合成器线程使用这种技术。同样的我们在页面是如何生成的(宏观角度)中的双缓存中介绍过此类技术细节。...渲染进程合成线程中的组件结构数据处理器data handler:维护一个合成的图层列表layer list、显示列表display lists和属性树property tree 生命周期运行器lifecycle

1.6K1 0

开发 | 一个 Android 开发者的小程序开发之旅

获取用户信息现在大部分的小程序都是一打开，就弹出用户信息授权框，有的甚至强制需要授权才可使用。我之前做的一个也是需要拿到 unionId 去登录才能使用的，为此我还写过一篇文章说明如何实现。...下面，我所说的这些情况，都是如何获取到群 ID 的。在可分享的页面，调用 wx.showShareMenu() 显示转发按钮。...接龙列表页面从设计图可以看到，新的成语在成语接龙列表的底部，类似微信聊天中，新消息都在屏幕下方的效果。但是，列表都是默认置顶的，用户进入一个接龙，很有可能需要划很久才能到最新一条接龙。...我觉得遮挡其实只对列表最底部有影响，所以当列表滚到底部时隐藏就好了；在底部重新发生滚动时，再重新显示按钮。...另外，在列表高度不满屏幕高度时，向上滑动列表，也会触发 onReachBottom，但是不会触发 onPageScroll。这就会导致列表项目过少时，会意外隐藏按钮，而且就不会再显示了。

6262 0

Flutter可滑动组件

Flutter可滑动组件 1. ListView 1.1 ListView介绍移动端数据量比较大时，一般都是通过列表来进行展示的，比如商品数据、聊天列表、通信录、朋友圈等。...Viewport：显示的视窗，即列表的可视区域； Sliver：视窗里显示的元素前面介绍的 ListView、GridView都是一个完整的可滚动组件。...如果我们想要在一个页面中，同时包含多个可滚动组件，且使它们的滑动效果能统一起来，比如一个滑动的视图中包括一个列表视图（ListView），一个网格视图（GridView），且让他们的滑动效果统一。...3.2 Flutter 中常用的 Sliver Sliver名称功能对应的可滚动组件 SliverList 列表 ListView SliverFixedExtentList 高度固定的列表指定itemExtent...上面提及的部分组件是和可滚动组件无关的，它们主要是为了结合CustomScrollView一起使用，这是因为CustomScrollView的子组件必须都是Sliver。

7.2K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭