CN108874488A - 一种列表组件合并展示方法 - Google Patents
一种列表组件合并展示方法 Download PDFInfo
- Publication number
- CN108874488A CN108874488A CN201810610173.3A CN201810610173A CN108874488A CN 108874488 A CN108874488 A CN 108874488A CN 201810610173 A CN201810610173 A CN 201810610173A CN 108874488 A CN108874488 A CN 108874488A
- Authority
- CN
- China
- Prior art keywords
- list element
- list
- page
- component
- merges
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Withdrawn
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种列表组件合并展示方法，该方法基于一Components对象、多个Page对象和多个列表组件实现，所述方法包括有如下步骤：步骤S1，构建组件合并窗口；步骤S2，利用Components对象向所述组件合并窗口内添加或者删除列表组件；步骤S3，利用Page对象展示、隐藏或者切换组件合并窗口内的列表组件。本发明首先对各种类型的列表组件进行自由选择，再将所选择的列表组件合并到一个组件合并窗口，并以页面标签的形式实现在一个组件合并窗口上操作多个列表组件，本发明可以将多个列表组件以页面标签的形式合并到同一个窗口，从而取得高效利用屏幕空间、可快速切换不同组件列表的效果。
Description
技术领域
本发明涉及应用程序界面显示方法，尤其涉及一种列表组件合并展示方法。
背景技术
应用程序中，需要在界面窗口内展示多种类型的列表组件，用以展示相应的信息，但是现有技术中只能将多种类型列表组件的详细内容展示于界面窗口内，受界面窗口的区域限制，导致一些列表组件的信息不能及时、快速地展示出来，由此可见，现有技术中缺少一种能实现列表组件合并的方法。
发明内容
本发明要解决的技术问题在于，针对现有技术的不足，提供一种可以将多个列表组件以页面标签的形式合并到同一个窗口，从而高效利用屏幕空间、可快速切换不同组件列表的合并展示方法。
为解决上述技术问题，本发明采用如下技术方案。
一种列表组件合并展示方法，该方法基于一Components对象、多个Page对象和多个列表组件实现，所述方法包括有如下步骤：步骤S1，构建组件合并窗口；步骤S2，利用Components对象向所述组件合并窗口内添加或者删除列表组件；步骤S3，利用Page对象展示、隐藏或者切换组件合并窗口内的列表组件。
优选地，每个列表组件对应设有一Page_n标签，所述组件合并窗口包括有一标题区，多个Page_n标签并排显示于标题区内。
优选地，所述Components对象包括有列表组件操作按钮，所述列表组件操作按钮位于标题区内，通过点击列表组件操作按钮而执行添加或者删除列表组件操作。
优选地，所述Components对象包括有管理容器，所述管理容器用于存储列表组件中的信息。
优选地，所述步骤S2中，添加列表组件的过程包括：步骤S200，点击标题区内的列表组件操作按钮；步骤S201，弹出选择下拉列表；步骤S202，点击前面带有勾选标志的列表组件；步骤S203，将所选择的列表组件加入到管理容器；步骤S204，向标题区添加Page_n标签；步骤S205，选中标题区内的Page_n标签；步骤S206，点击Page_n标签，隐藏上次显示的列表组件，显示当前添加的列表组件。
优选地，删除列表组件的过程包括：步骤S210，点击标题区内的列表组件操作按钮；步骤S211，弹出选择下拉列表；步骤S212，点击前面带有勾选标志的列表组件；步骤S213，将所选择的列表组件从所述管理容器中删除；步骤S214，从标题区删除Page_n标签，弹窗显示是否删除当前选中项？若选择是，则执行步骤S215，若选择否，则执行步骤S216；步骤S215，选中Page_0标签，之后执行步骤S216；步骤S216，显示第一个列表组件，同时隐藏当前删除的列表组件。
优选地，所述步骤S3中，切换列表组件的过程包括：步骤S30，点击标题区内的列表组件操作按钮；步骤S31，在标题区内选中Page_n标签；步骤S32，隐藏上次显示的列表组件；步骤S33，显示当前选择的列表组件。
本发明公开的列表组件合并展示方法中，首先对各种类型的列表组件进行自由选择，再将所选择的列表组件合并到一个组件合并窗口，并以页面标签的形式实现在一个组件合并窗口上操作多个列表组件，相比现有技术而言，本发明可以将多个列表组件以页面标签的形式合并到同一个窗口，从而取得高效利用屏幕空间、可快速切换不同组件列表的效果。
附图说明
图1为组件合并窗口示意图。
图2为添加列表组件过程的流程图。
图3为删除列表组件过程的流程图。
图4为切换列表组件过程的流程图。
具体实施方式
下面结合附图和实施例对本发明作更加详细的描述。
本发明公开了一种列表组件合并展示方法，结合图1至图4所示，该方法基于一Components对象、多个Page对象和多个列表组件实现，所述方法包括有如下步骤：
步骤S1，构建组件合并窗口；
步骤S2，利用Components对象向所述组件合并窗口内添加或者删除列表组件；
步骤S3，利用Page对象展示、隐藏或者切换组件合并窗口内的列表组件。
上述方法中，首先对各种类型的列表组件进行自由选择，再将所选择的列表组件合并到一个组件合并窗口，并以页面标签的形式实现在一个组件合并窗口上操作多个列表组件，相比现有技术而言，本发明可以将多个列表组件以页面标签的形式合并到同一个窗口，从而取得高效利用屏幕空间、可快速切换不同组件列表的效果。
实际应用中，合并组件可以看做是一个工作空间，该工作空间中包含有各种类型的列表组件，同种类型的列表组件只能加入一个，每次只能显示一个列表组件。合并组件由一个Components对象进行管理，它是一个管理功能的窗口类对象，每一个列表组件由一个Page对象进行管理，它是一个主要以列表方式展示数据的窗口类对象，不同类型的列表组件有不同PageType及各自组件窗口和功能。整个列表组合窗口由一个Components对象和一组Page对象进行管理。
本实施例中，每个列表组件对应设有一Page_n标签，所述组件合并窗口包括有一标题区，多个Page_n标签并排显示于标题区内。
进一步地，所述Components对象包括有列表组件操作按钮，所述列表组件操作按钮位于标题区内，通过点击列表组件操作按钮而执行添加或者删除列表组件操作。
此外，所述Components对象包括有管理容器，所述管理容器用于存储列表组件中的信息。
在本发明的优选实施例中，Components主要信息有：1、一个“列表组件”操作按钮，是操作“列表组件”添加及删除合并的入口；2、一个Tab控件，是对添加进来的列表组件标题展示及切换列表组件Page，每一个列表组件Page对应一个TabItem项；3、一个存储列表组件Page信息的Info容器，所有添加进来的列表组件都会放进到该容器中进行数据管理。
作为一种优选方式，请参照图1和图2，所述步骤S2中，添加列表组件的过程包括：
步骤S200，点击标题区内的列表组件操作按钮；
步骤S201，弹出选择下拉列表；
步骤S202，点击前面带有勾选标志的列表组件；
步骤S203，将所选择的列表组件加入到管理容器；
步骤S204，向标题区添加Page_n标签；
步骤S205，选中标题区内的Page_n标签；
步骤S206，点击Page_n标签，隐藏上次显示的列表组件，显示当前添加的列表组件。
本实施例中，关于删除操作，结合图1和图3所示，删除列表组件的过程包括：
步骤S210，点击标题区内的列表组件操作按钮；
步骤S211，弹出选择下拉列表；
步骤S212，点击前面带有勾选标志的列表组件；
步骤S213，将所选择的列表组件从所述管理容器中删除；
步骤S214，从标题区删除Page_n标签，弹窗显示是否删除当前选中项？若选择是，则执行步骤S215，若选择否，则执行步骤S216；
步骤S215，选中Page_0标签，之后执行步骤S216；
步骤S216，显示第一个列表组件，同时隐藏当前删除的列表组件。
执行切换操作时，结合图1和图4所示，所述步骤S3中，切换列表组件的过程包括：
步骤S30，点击标题区内的列表组件操作按钮；
步骤S31，在标题区内选中Page_n标签；
步骤S32，隐藏上次显示的列表组件；
步骤S33，显示当前选择的列表组件。
本发明公开的列表组件合并展示方法，通过点击按钮展开下拉列表，进而显示所有列表类的组件，勾选后在当前窗口增加新的标签页。对于已打开的组件，在下拉列表中应为已勾选的状态；此外，在有多个打勾的情况下,再次勾选选中项，则表示取消，下拉列表只有一个勾选项时，再次勾选选中项，不会取消该项。基于上述特性，本发明实现了将多个列表组件以页面标签的形式合并到同一个窗口，不仅能高效利用屏幕空间，还可以快速切换不同组件列表，进而满足用户需求。
以上所述只是本发明较佳的实施例，并不用于限制本发明，凡在本发明的技术范围内所做的修改、等同替换或者改进等，均应包含在本发明所保护的范围内。
Claims (7)
1.一种列表组件合并展示方法，其特征在于，该方法基于一Components对象、多个Page对象和多个列表组件实现，所述方法包括有如下步骤：
步骤S1，构建组件合并窗口；
步骤S2，利用Components对象向所述组件合并窗口内添加或者删除列表组件；
步骤S3，利用Page对象展示、隐藏或者切换组件合并窗口内的列表组件。
2.如权利要求1所述的列表组件合并展示方法，其特征在于，每个列表组件对应设有一Page_n标签，所述组件合并窗口包括有一标题区，多个Page_n标签并排显示于标题区内。
3.如权利要求1所述的列表组件合并展示方法，其特征在于，所述Components对象包括有列表组件操作按钮，所述列表组件操作按钮位于标题区内，通过点击列表组件操作按钮而执行添加或者删除列表组件操作。
4.如权利要求3所述的列表组件合并展示方法，其特征在于，所述Components对象包括有管理容器，所述管理容器用于存储列表组件中的信息。
5.如权利要求4所述的列表组件合并展示方法，其特征在于，所述步骤S2中，添加列表组件的过程包括：
步骤S200，点击标题区内的列表组件操作按钮；
步骤S201，弹出选择下拉列表；
步骤S202，点击前面带有勾选标志的列表组件；
步骤S203，将所选择的列表组件加入到管理容器；
步骤S204，向标题区添加Page_n标签；
步骤S205，选中标题区内的Page_n标签；
步骤S206，点击Page_n标签，隐藏上次显示的列表组件，显示当前添加的列表组件。
6.如权利要求5所述的列表组件合并展示方法，其特征在于，所述步骤S2中，删除列表组件的过程包括：
步骤S210，点击标题区内的列表组件操作按钮；
步骤S211，弹出选择下拉列表；
步骤S212，点击前面带有勾选标志的列表组件；
步骤S213，将所选择的列表组件从所述管理容器中删除；
步骤S214，从标题区删除Page_n标签，弹窗显示是否删除当前选中项？若选择是，则执行步骤S215，若选择否，则执行步骤S216；
步骤S215，选中Page_0标签，之后执行步骤S216；
步骤S216，显示第一个列表组件，同时隐藏当前删除的列表组件。
7.如权利要求6所述的列表组件合并展示方法，其特征在于，所述步骤S2中，所述步骤S3中，切换列表组件的过程包括：
步骤S30，点击标题区内的列表组件操作按钮；
步骤S31，在标题区内选中Page_n标签；
步骤S32，隐藏上次显示的列表组件；
步骤S33，显示当前选择的列表组件。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810610173.3A CN108874488A (zh) | 2018-06-13 | 2018-06-13 | 一种列表组件合并展示方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810610173.3A CN108874488A (zh) | 2018-06-13 | 2018-06-13 | 一种列表组件合并展示方法 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN108874488A true CN108874488A (zh) | 2018-11-23 |
Family
ID=64338760
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810610173.3A Withdrawn CN108874488A (zh) | 2018-06-13 | 2018-06-13 | 一种列表组件合并展示方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN108874488A (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112529343A (zh) * | 2019-09-17 | 2021-03-19 | 阿里巴巴集团控股有限公司 | 任务状态显示方法、设备以及计算机可读介质 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101071375A (zh) * | 2007-05-22 | 2007-11-14 | 腾讯科技（深圳）有限公司 | 一种界面开发系统及组合控件的方法 |
| CN101819528A (zh) * | 2010-02-24 | 2010-09-01 | 上海引跑信息科技有限公司 | 基于企业内容管理平台的软件界面布局及人机交互设计 |
| KR20140114968A (ko) * | 2013-03-20 | 2014-09-30 | 주식회사 넥스다임 | 애플리케이션 개발 환경 제공 프로그램을 기록한 것을 특징으로 하는 컴퓨터로 판독 가능한 기록매체 |
| CN105653140A (zh) * | 2015-12-28 | 2016-06-08 | 网易（杭州）网络有限公司 | 标签页自定义交互的方法和系统 |
-
2018
- 2018-06-13 CN CN201810610173.3A patent/CN108874488A/zh not_active Withdrawn
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101071375A (zh) * | 2007-05-22 | 2007-11-14 | 腾讯科技（深圳）有限公司 | 一种界面开发系统及组合控件的方法 |
| CN101819528A (zh) * | 2010-02-24 | 2010-09-01 | 上海引跑信息科技有限公司 | 基于企业内容管理平台的软件界面布局及人机交互设计 |
| KR20140114968A (ko) * | 2013-03-20 | 2014-09-30 | 주식회사 넥스다임 | 애플리케이션 개발 환경 제공 프로그램을 기록한 것을 특징으로 하는 컴퓨터로 판독 가능한 기록매체 |
| CN105653140A (zh) * | 2015-12-28 | 2016-06-08 | 网易（杭州）网络有限公司 | 标签页自定义交互的方法和系统 |
Non-Patent Citations (3)
| Title |
|---|
| CODE小生: "Android之高仿今日头条、网易新闻首页动态改变tab", 《HTTPS://WWW.JIANSHU.COM/P/A2E8895EDF78?OPEN_SOURCE=WEIBO_SEARCH》 * |
| FIGHT_ING: "类似"今日头条"频道编辑功能UI实现", 《HTTPS://WWW.JIANSHU.COM/P/C2E0722D7A8F》 * |
| 秦时奏凯: "今日头条频道变换", 《HTTPS://JINGYAN.BAIDU.COM/ARTICLE/B2C186C83ECC46C46EF6FF9C.HTML》 * |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112529343A (zh) * | 2019-09-17 | 2021-03-19 | 阿里巴巴集团控股有限公司 | 任务状态显示方法、设备以及计算机可读介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8543943B2 (en) | Methods and systems for entering object assignments | |
| CN104657423B (zh) | 应用间内容分享方法及其装置 | |
| US8769436B2 (en) | Adaptive UI regions for enterprise applications | |
| CN104216752A (zh) | 一种基于窗口的信息加载方法及装置 | |
| CN106227494B (zh) | 一种应用操作方法以及终端 | |
| EP3189410B1 (en) | Semantic card view | |
| US20120005607A1 (en) | Floating window | |
| CN106201208A (zh) | 应用卡片的管理方法和装置 | |
| CN104750450A (zh) | 一种即时通信中的文件共享方法及终端 | |
| CN103838469B (zh) | 好友列表的展示控制方法及系统 | |
| CN108153467A (zh) | 一种内容分享方法及装置 | |
| CN108064369A (zh) | 柔性显示屏的交互方法及装置 | |
| US20160224534A1 (en) | Grid-based user interface system | |
| CN101299209B (zh) | 一种表格编辑行高亮显示的方法和装置 | |
| CN104219356A (zh) | 一种显示搜索联系人信息的方法、装置和移动终端 | |
| CN106201237A (zh) | 一种信息收藏方法及装置 | |
| CN108874488A (zh) | 一种列表组件合并展示方法 | |
| CN107562328A (zh) | 一种优化应用快捷菜单的方法及系统 | |
| TW591436B (en) | Method using list menu to express hierarchical tree database and storage medium storing and executing computer program of method thereof | |
| CN106020635A (zh) | 信号源显示方法和系统 | |
| CN104408052A (zh) | 论坛显示控制的方法及装置 | |
| CN106066874A (zh) | 对象处理方法及终端 | |
| CN108563485A (zh) | 输入面板显示方法及装置 | |
| CN102945123B (zh) | 一种系统资源状况展示设备和系统资源状况展示方法 | |
| CN109635829A (zh) | 一种图片的分类方法、移动终端及计算机存储介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| WW01 | Invention patent application withdrawn after publication | ||
| WW01 | Invention patent application withdrawn after publication |
Application publication date: 20181123 |