CN117591221A - 一种界面显示方法、终端设备及存储介质 - Google Patents
一种界面显示方法、终端设备及存储介质 Download PDFInfo
- Publication number
- CN117591221A CN117591221A CN202311614766.4A CN202311614766A CN117591221A CN 117591221 A CN117591221 A CN 117591221A CN 202311614766 A CN202311614766 A CN 202311614766A CN 117591221 A CN117591221 A CN 117591221A
- Authority
- CN
- China
- Prior art keywords
- pixel size
- interface
- display
- display interface
- layout
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 43
- 238000004590 computer program Methods 0.000 claims description 23
- 238000010276 construction Methods 0.000 claims description 19
- 230000001960 triggered effect Effects 0.000 claims description 12
- 230000006870 function Effects 0.000 description 7
- 238000010586 diagram Methods 0.000 description 6
- 230000009286 beneficial effect Effects 0.000 description 4
- 230000000694 effects Effects 0.000 description 3
- 238000013507 mapping Methods 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000012913 prioritisation Methods 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 238000005096 rolling process Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
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
本发明公开了一种界面显示方法、终端设备及存储介质,方法包括获取初始布局卡片的像素尺寸;根据界面的总像素尺寸和初始布局卡片的像素尺寸,确定剩余像素尺寸;获取用户构建的当前布局卡片的像素尺寸,当判定当前布局卡片的像素尺寸大于剩余像素尺寸时,调用第二显示界面;将初始布局卡片转移至第二显示界面中,将当前布局卡片在第一显示界面中显示;其中,第二显示界面的初始状态为隐藏状态;根据总像素尺寸和当前布局卡片的像素尺寸再次计算并更新剩余像素尺寸,当判定剩余像素尺寸大于第二显示界面上的任一布局卡片的像素尺寸时,将第二显示界面的至少部分设置为显示状态。本方法能实现自动根据布局卡片的大小调整界面展示内容。
Description
技术领域
本发明涉及界面显示技术领域,尤其涉及一种界面显示方法、终端设备及存储介质。
背景技术
目前,对于复杂的信息系统,通常会使用数据表视图对数据展示,数据表视图提供分页、搜索等功能。对于不同的数据结构选择合适的视图展示会增加系统的使用便利性。
在可视化界面中,由于界面尺寸有限,当需要进行多个数据视图同时显示时,通常会对显示界面的局部内容进行缩放,以腾出界面空间对额外的内容进行展示。然而,有些数据视图包含较多内容,缩放后无法对全部内容进行展示或者无法看清楚全部内容,导致展示效果不佳。
发明内容
本发明提供了一种界面显示方法、终端设备及存储介质,以实现自动根据布局卡片的大小调整界面展示内容。
第一方面,为了解决上述技术问题,本发明提供了一种界面显示方法,包括:
响应于用户触发的布局卡片构建操作,获取初始布局卡片的像素尺寸;
根据界面的总像素尺寸和所述初始布局卡片的像素尺寸,确定剩余像素尺寸;
获取用户构建的当前布局卡片的像素尺寸,当判定所述当前布局卡片的像素尺寸大于所述剩余像素尺寸时,调用第二显示界面;
将所述初始布局卡片转移至所述第二显示界面中,将所述当前布局卡片在第一显示界面中显示;其中,所述第二显示界面的初始状态为隐藏状态;
根据所述总像素尺寸和所述当前布局卡片的像素尺寸再次计算并更新剩余像素尺寸,当判定所述剩余像素尺寸大于所述第二显示界面上的任一布局卡片的像素尺寸时,将所述第二显示界面的至少部分设置为显示状态,以对所述第二显示界面上的至少部分布局卡片进行显示。
优选地,所述获取初始布局卡片的像素尺寸,包括:
将界面拆分为n*n的网格,计算每个网格所代表的像素尺寸;
根据每一布局卡片所占据的网格数和网格位置,计算得到每一布局卡片的像素尺寸和位置信息。
优选地,所述将所述第二显示界面的至少部分设置为显示状态,包括:
将所述第二显示界面中的至少部分区域与所述第一显示界面相对应,并获取所述当前布局卡片在所述第一显示界面中的位置信息;
根据所述位置信息将所述第二显示界面划分为待显示区域和隐藏区域;其中,所述隐藏区域为所述第二显示界面中与所述当前布局卡片对应的区域,所述待显示区域为所述第二显示界面中除隐藏区域外的其他区域中的至少部分;
将所述待显示区域设置为显示状态。
优选地,在所述根据所述位置信息将所述第二显示界面划分为待显示区域和隐藏区域之后,所述方法还包括:
获取待显示的布局卡片的位置信息和所述待显示区域的位置信息;其中,所述待显示的布局卡片为所述第二显示界面中像素尺寸小于所述剩余像素尺寸的布局卡片;
基于所述待显示区域的位置信息,得到所述待显示区域中的最大连续网格位置;
根据位置信息将所述待显示的布局卡片移动至所述最大连续网格位置。
优选地,所述方法还包括:
响应于用户触发的界面切换操作,生成界面切换指令;其中,所述界面切换指令包括将所述第二显示界面中与所述第一显示界面对应的部分设置为显示状态,将所述第一显示界面切换为隐藏状态;
将所述第二显示界面中最大像素尺寸对应的布局卡片移动至所述第二显示界面中与所述第一显示界面对应的部分,以对所述最大像素尺寸对应的布局卡片进行显示。
优选地,所述方法还包括:
响应于用户触发的卡片切换操作,生成卡片切换指令;
根据所述第二显示界面中布局卡片构建的时间顺序或者布局卡片的像素尺寸大小顺序,依次对所述第二显示界面中的布局卡片进行切换显示。
优选地,在所述将所述初始布局卡片转移至所述第二显示界面中之后,所述方法还包括:
当检测到任一初始布局卡片的像素尺寸大于预设的尺寸阈值时,在界面上生成界面切换提示。
优选地,所述对所述第二显示界面上的至少部分布局卡片进行显示,包括:
若所述第二显示界面中存在至少两个满足像素尺寸小于所述剩余像素尺寸的布局卡片,获取所述第二显示界面中至少两个所述布局卡片的构建时间或优先级等级;
根据所述构建时间的先后顺序或所述优先级等级由高到低排序,对排序第一的布局卡片进行显示。
第二方面,本发明还提供了一种终端设备,包括处理器、存储器以及存储在所述存储器中且被配置为由所述处理器执行的计算机程序,所述处理器执行所述计算机程序时实现上述中任意一项所述的界面显示方法。
第三方面,本发明还提供了一种计算机可读存储介质,所述计算机可读存储介质包括存储的计算机程序,其中,在所述计算机程序运行时控制所述计算机可读存储介质所在设备执行上述中任意一项所述的界面显示方法。
相比于现有技术,本发明具有如下有益效果:
本发明提供的一种界面显示方法,包括响应于用户触发的布局卡片构建操作,获取初始布局卡片的像素尺寸;根据界面的总像素尺寸和所述初始布局卡片的像素尺寸,确定剩余像素尺寸;获取用户构建的当前布局卡片的像素尺寸,当判定所述当前布局卡片的像素尺寸大于所述剩余像素尺寸时,调用第二显示界面;将所述初始布局卡片转移至所述第二显示界面中,将所述当前布局卡片在第一显示界面中显示;其中,所述第二显示界面的初始状态为隐藏状态;根据所述总像素尺寸和所述当前布局卡片的像素尺寸再次计算并更新剩余像素尺寸,当判定所述剩余像素尺寸大于所述第二显示界面上的任一布局卡片的像素尺寸时,将所述第二显示界面的至少部分设置为显示状态,以对所述第二显示界面上的至少部分布局卡片进行显示。
在本发明中,当有两个大尺寸的布局卡片需要展示时,通过将初始布局卡片即最初的布局卡片转移至第二显示界面中,以对新建的布局卡片在第一显示界面进行展示。同时,若布局卡片存在多个时,本发明能够自动更新第一显示界面上的剩余像素尺寸,若剩余像素尺寸足够显示任一布局卡片时,则对该卡片进行显示,从而合理利用剩余像素尺寸对布局卡片进行展示,实现自动根据布局卡片的大小调整界面展示内容。
附图说明
图1是本发明第一实施例提供的界面显示方法流程示意图;
图2是本发明实施例提供的一种显示界面和布局卡片示意图;
图3是本发明实施例提供的一种当前布局卡片和剩余像素尺寸位置示意图;
图4是本发明实施例提供的第二显示界面的至少部分设置为显示状态的示意图;
图5是本发明实施例提供的第二显示界面中与第一显示界面对应的部分设置为显示状态的示意图;
图6是本发明实施例提供的一种切换按钮的示意图。
图7是本发明第二实施例提供的界面显示装置结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
参照图1,本发明第一实施例提供了一种界面显示方法,包括以下步骤:
S11,响应于用户触发的布局卡片构建操作,获取初始布局卡片的像素尺寸。
S12,根据界面的总像素尺寸和所述初始布局卡片的像素尺寸,确定剩余像素尺寸;
S13,获取用户构建的当前布局卡片的像素尺寸,当判定所述当前布局卡片的像素尺寸大于所述剩余像素尺寸时,调用第二显示界面;
S14,将所述初始布局卡片转移至所述第二显示界面中,将所述当前布局卡片在第一显示界面中显示;其中,所述第二显示界面的初始状态为隐藏状态;
S15,根据所述总像素尺寸和所述当前布局卡片的像素尺寸再次计算并更新剩余像素尺寸,当判定所述剩余像素尺寸大于所述第二显示界面上的任一布局卡片的像素尺寸时,将所述第二显示界面的至少部分设置为显示状态,以对所述第二显示界面上的至少部分布局卡片进行显示。
在本发明中,当有两个大尺寸的布局卡片需要展示时,通过将初始布局卡片即最初的布局卡片转移至第二显示界面中,以对新建的布局卡片在第一显示界面进行展示。同时,若布局卡片存在多个时,本发明能够自动更新第一显示界面上的剩余像素尺寸,若剩余像素尺寸足够显示任一布局卡片时,则对该卡片进行显示,从而合理利用剩余像素尺寸对布局卡片进行展示,实现自动根据布局卡片的大小调整界面展示内容。
在步骤S11中,响应于用户触发的布局卡片构建操作,获取初始布局卡片的像素尺寸,包括:
将界面拆分为n*n的网格,计算每个网格所代表的像素尺寸;
根据每一布局卡片所占据的网格数和网格位置,计算得到每一布局卡片的像素尺寸和位置信息。
如图2所示,需要说明的是,常见的界面显示数据时都会铺满全屏展示,虽然可以通过界面的侧边栏设置将页面分割为多部分显示,但是在更为复杂的情况下就无法实现了。为了满足这种复杂的布局,本实施例中的界面模块将页面拆分为n*n,例如一个页面网格分割为24*24个区块。展示内容的区域称为卡片,每个网格可以添加多个卡片,卡片最小的尺寸是1*1。在这些网格中可以插入布局卡片,每个布局卡片可以展示独立的内容(模块、网站页面、外部页面、自定义页面),并且在卡片中还支持标签页形式的展示。每一网格自身的像素尺寸预先设定,例如根据界面的总像素尺寸和网格数确定每一网络的像素尺寸。然后,根据布局卡片所占据的网格数和网格位置,即可得到布局卡片的像素尺寸和位置信息。
此外,布局卡片可以包含多种展示模块,例如基于版本(version)创建表格视图,仅展示当前研发中的版本;基于任务(task)创建表格视图(未完成任务),展示当前版本未完成(未开始、进行中)任务;基于任务(task)创建表格视图(已完成任务),展示当前版本已完成任务;基于任务(task)创建仪表盘数字卡片(任务统计),展示当前版本各状态任务数量;基于任务(task)创建仪表盘透视表(任务统计),依照状态和预计完成时间(周)进行行和列分组。用户构建的网格布局卡片中还可以包括卡片名称、卡片颜色、卡片边框、卡片展示类型等信息。
在步骤S12中,根据界面的总像素尺寸和所述初始布局卡片的像素尺寸,确定剩余像素尺寸。参照图3,在一种实施方式中,在计算得到布局卡片的像素尺寸之后,通过界面的总像素尺寸与所述初始布局卡片的像素尺寸作差,从而得到剩余像素尺寸。在另一种实施方式中,也可以根据总网格数与初始布局卡片占据的网格数作差,得到剩余的空闲网格数,从而得到剩余像素尺寸。需要说明的是,当首次构建布局卡片时,此时第一显示界面上没有在展示的布局卡片,即初始布局卡片的像素尺寸为零,剩余像素尺寸等于总像素尺寸。
在步骤S13中,获取用户构建的当前布局卡片的像素尺寸,当判定所述当前布局卡片的像素尺寸大于所述剩余像素尺寸时,调用第二显示界面。
值得说明的是,第二显示界面为预先配置的无限大的虚拟显示界面,默认处于隐藏状态,可以储存多个布局卡片,不受像素尺寸的限制。同时,当第二显示界面中的某一部分变为显示状态后,其对应部分上的布局卡片变为可视化。相较于单个显示界面配合储存空间的方式,本发明中的第二显示界面能够局部可视化,节省从储存空间调用并展示的时间,从而实现快速便捷的对处于隐藏状态的布局卡片进行展示。
在本实施例中,获取用户构建的当前布局卡片的像素尺寸在步骤S11中已做说明,在此不再赘述。当判定所述当前布局卡片的像素尺寸大于所述剩余像素尺寸时,表明当前布局卡片和初始布局卡片无法同时在第一显示界面上共同展示,此时需要调用第二显示界面。
在步骤S14中,将所述初始布局卡片转移至所述第二显示界面中,将所述当前布局卡片在第一显示界面中显示;其中,所述第二显示界面的初始状态为隐藏状态。
其中,在当前布局卡片和初始布局卡片无法同时在第一显示界面上共同展示时,由于当前布局卡片为用户新建的卡片,是用户想要增加展示或者想看的数据内容,可以对这部分内容进行优先展示。因此,将所述初始布局卡片转移至所述第二显示界面中,将所述当前布局卡片在第一显示界面中显示。当然,在后续的操作中,在用户想看初始布局卡片的内容时,还可以通过操作切换展示。
在步骤S15中,根据所述总像素尺寸和所述当前布局卡片的像素尺寸再次计算并更新剩余像素尺寸,当判定所述剩余像素尺寸大于所述第二显示界面上的任一布局卡片的像素尺寸时,将所述第二显示界面的至少部分设置为显示状态,以对所述第二显示界面上的至少部分布局卡片进行显示。
可以理解的是,本发明中用户可以多次重复布局卡片构建操作,即构建多个布局卡片,本发明对布局卡片的数量不做限定。示例性地,当初始布局卡片较大(如界面只展示该卡片),某一次新建的布局卡片尺寸中等,此时初始布局卡片与新建的布局卡片不能同时在第一显示界面进行展示,需要将初始布局卡片转移至所述第二显示界面中,将新建的布局卡片在第一显示界面中显示。此时,剩余像素尺寸会发生变化,需要根据所述总像素尺寸和所述当前布局卡片的像素尺寸再次计算并更新剩余像素尺寸。
参照图4,进一步地,当判定所述剩余像素尺寸大于所述第二显示界面上的任一布局卡片的像素尺寸时,将所述第二显示界面的至少部分设置为显示状态,以对所述第二显示界面上的至少部分布局卡片进行显示,如图4中所示的阴影部分可以设置为显示状态。示例性地,若更新后的剩余像素尺寸为10*10的网格,第二显示界面上存在有5*5的布局卡片,则此时可将5*5的布局卡片对应的部分区域设置为显示状态,以对所述第二显示界面上的该5*5的布局卡片进行显示。或者,将图4中阴影部分设置为显示状态后,将5*5的布局卡片移动至该显示区域,以对该5*5的布局卡片进行显示。
在一种实施方式中,所述将所述第二显示界面的至少部分设置为显示状态,包括:
将所述第二显示界面中的至少部分区域与所述第一显示界面相对应,并获取所述当前布局卡片在所述第一显示界面中的位置信息;
根据所述位置信息将所述第二显示界面划分为待显示区域和隐藏区域;其中,所述隐藏区域为所述第二显示界面中与所述当前布局卡片对应的区域,所述待显示区域为所述第二显示界面中除隐藏区域外的其他区域中的至少部分;
将所述待显示区域设置为显示状态。
在本实施例中,由于第二显示界面为预先配置的无限大的虚拟显示界面,需要先将第二显示界面中的至少部分部分区域与所述第一显示界面相对应,可以将第一显示界面的边界映射至第二显示界面中,将映射区域与第一显示界面对应,以便于在得到当前布局卡片的位置信息后,能够在映射区域中找到相对应的位置信息。接着,根据所述位置信息将所述第二显示界面划分为待显示区域和隐藏区域。其中,所述隐藏区域为所述第二显示界面中与所述当前布局卡片对应的区域,所述待显示区域为所述第二显示界面的映射区域中的除隐藏区域外的其他区域。最后,将所述待显示区域设置为显示状态,以对所述第二显示界面上的布局卡片进行显示。
在一种实施方式中,在所述根据所述位置信息将所述第二显示界面划分为待显示区域和隐藏区域之后,所述方法还包括:
获取待显示的布局卡片的位置信息和所述待显示区域的位置信息;其中,所述待显示的布局卡片为所述第二显示界面中像素尺寸小于所述剩余像素尺寸的布局卡片;
基于所述待显示区域的位置信息,得到所述待显示区域中的最大连续网格位置;
根据位置信息将所述待显示的布局卡片移动至所述最大连续网格位置。
在本实施例中,隐藏区域为所述第二显示界面中与所述当前布局卡片对应的区域,可以根据隐藏区域的位置信息和第一显示界面的位置信息,得到待显示区域的位置信息。在对待显示的布局卡片进行展示时,可以进一步找到最大连续网格的位置,将待显示的布局卡片放置在最大连续网格的位置,以提高对布局卡片的展示效果,有利于用户获取数据内容。
示例性地,在寻找最大连续网格位置时,可以先获取待显示区域中每一网格的中心点,以中心点为原点并按照预设半径向外扩张画圈,统计圈内的网格数,以此类推获得最大连续网格对应的中心点位置,将待显示的布局卡片中点放置在该中心点位置上。其中,预设半径可以根据剩余像素尺寸来设置,例如更新后的剩余像素尺寸为10*10的网格,预设半径设为5个网格的长度。
在一种实施方式中,所述对所述第二显示界面上的至少部分布局卡片进行显示,包括:
若所述第二显示界面中存在至少两个满足像素尺寸小于所述剩余像素尺寸的布局卡片,获取所述第二显示界面中至少两个所述布局卡片的构建时间或优先级等级;
根据所述构建时间的先后顺序或所述优先级等级由高到低排序,对排序第一的布局卡片进行显示。
可以理解的是,若更新后的剩余像素尺寸为10*10的网格,当第二显示界面上存在多个布局卡片时,例如存在有5*5的布局卡片、6*6的布局卡片,此时两个布局卡片均满足像素尺寸小于所述剩余像素尺寸,需要通过优先级排序来确定对哪个卡片进行优先展示。本实施例中根据布局卡片构建时间的先后顺序或所述优先级等级由高到低排序,对排序第一的布局卡片进行显示。其中,在用户构建卡片时,可以提供输入窗口供用户自行对布局卡片设置优先级等级,同时自动记录每一布局卡片的生成时间。
为了便于对本发明的理解,下面将对本发明的一些优选实施例做更进一步的描述。
在一种实现方式中,所述方法还包括:
响应于用户触发的界面切换操作,生成界面切换指令;其中,所述界面切换指令包括将所述第二显示界面中与所述第一显示界面对应的部分设置为显示状态,将所述第一显示界面切换为隐藏状态;
将所述第二显示界面中最大像素尺寸对应的布局卡片移动至所述第二显示界面中与所述第一显示界面对应的部分,以对所述最大像素尺寸对应的布局卡片进行显示。
在本实施例中,可以对第一显示界面和第二显示界面进行切换,从而实现快速更换展示的布局卡片,有利于用户观看不同的数据内容。如图5所示,在具体应用中,由于第二显示界面为预先配置的无限大的虚拟显示界面,需要先将第二显示界面中的一部分部分区域与所述第一显示界面相对应,可以将第一显示界面的边界映射至第二显示界面中,基于该边界将第二显示界面分割为显示部分和隐藏部分,如图5中所示,将阴影部分设置为显示状态。接着,将所述第一显示界面切换为隐藏状态。相较于在一个界面中对数据内容进行缩放的显示方式,本发明可以自动切换两个显示界面,无需对数据内容所在的布局卡片进行缩小,能够获得更好的展示效果,有利于用户对数据内容进行观看。
示例性地,本实施例中还可以通过对第二显示界面中的所有布局卡片的像素尺寸进行遍历,从中选取最大像素尺寸对应的布局卡片,将其移动至所述第二显示界面中的显示部分,以对所述最大像素尺寸对应的布局卡片进行显示。通过这种方式,可以快速将第二显示界面中存储的大幅面布局卡片进行展示。当然,在其他实施例中,还可以选取其他像素尺寸的布局卡片进行快速展示,例如最小像素尺寸的布局卡片,本发明对此不做限定。
进一步地,在所述将所述初始布局卡片转移至所述第二显示界面中之后,所述方法还包括:
当检测到任一初始布局卡片的像素尺寸大于预设的尺寸阈值时,在界面上生成界面切换提示。
需要说明的是,为了不遮挡第一显示界面,同时又能满足用户便捷触发界面切换操作,本实施例中的界面切换提示并非一直存在。只有当检测到任一初始布局卡片的像素尺寸大于预设的尺寸阈值时,在界面上生成界面切换提示。其中,预设的尺寸阈值可以是10*10的网格。示例性地,如图6所示,界面切换提示可以是切换按钮,当满足在界面上生成界面切换提示的条件后,切换按钮可以常亮显示或者闪烁提示,以便于提醒用户可以进行界面切换操作。
进一步地,所述方法还包括:
响应于用户触发的卡片切换操作,生成卡片切换指令;
根据所述第二显示界面中布局卡片构建的时间顺序或者布局卡片的像素尺寸大小顺序,依次对所述第二显示界面中的布局卡片进行切换显示。
可以理解的是,在界面切换之后,还可以进行卡片切换操作。由于第二显示界面中可以存在多个布局卡片,在界面切换之后,初始时默认对第二显示界面中的最大像素尺寸的布局卡片进行展示。示例性地,可以在第二显示界面上设置卡片切换按钮,当用户点击卡片切换按钮时,还可以根据所述第二显示界面中布局卡片构建的时间顺序或者布局卡片的像素尺寸大小顺序,依次对所述第二显示界面中的布局卡片进行切换显示,从而实现对第二显示界面中的每一布局卡片进行展示。当然,当用户点击卡片切换按钮时,卡片可以是滚动切换,也可以是逐一切换,本发明对此不做限定。
综上,在本发明实施例中,当有两个大尺寸的布局卡片需要展示时,通过将初始布局卡片即最初的布局卡片转移至第二显示界面中,以对新建的布局卡片在第一显示界面进行展示。同时,若布局卡片存在多个时,本发明能够自动更新第一显示界面上的剩余像素尺寸,若剩余像素尺寸足够显示任一布局卡片时,则对该卡片进行显示,从而合理利用剩余像素尺寸对布局卡片进行展示,实现自动根据布局卡片的大小调整界面展示内容。
参照图7,本发明第二实施例提供了一种界面显示装置,包括:
卡片构建模块,用于响应于用户触发的布局卡片构建操作,获取初始布局卡片的像素尺寸;
像素确定模块,用于根据界面的总像素尺寸和所述初始布局卡片的像素尺寸,确定剩余像素尺寸;
像素判定模块,用于获取用户构建的当前布局卡片的像素尺寸,当判定所述当前布局卡片的像素尺寸大于所述剩余像素尺寸时,调用第二显示界面;
卡片转移模块,用于将所述初始布局卡片转移至所述第二显示界面中,将所述当前布局卡片在第一显示界面中显示;其中,所述第二显示界面的初始状态为隐藏状态;
卡片显示模块,用于根据所述总像素尺寸和所述当前布局卡片的像素尺寸再次计算并更新剩余像素尺寸,当判定所述剩余像素尺寸大于所述第二显示界面上的任一布局卡片的像素尺寸时,将所述第二显示界面的至少部分设置为显示状态,以对所述第二显示界面上的至少部分布局卡片进行显示。
在本发明中,当有两个大尺寸的布局卡片需要展示时,通过将初始布局卡片即最初的布局卡片转移至第二显示界面中,以对新建的布局卡片在第一显示界面进行展示。同时,若布局卡片存在多个时,本发明能够自动更新第一显示界面上的剩余像素尺寸,若剩余像素尺寸足够显示任一布局卡片时,则对该卡片进行显示,从而合理利用剩余像素尺寸对布局卡片进行展示,实现自动根据布局卡片的大小调整界面展示内容。
需要说明的是,本发明实施例提供的一种界面显示装置用于执行上述实施例的一种界面显示方法的所有流程步骤,两者的工作原理和有益效果一一对应,因而不再赘述。
本发明实施例还提供了一种终端设备。该终端设备包括:处理器、存储器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,例如界面显示程序。所述处理器执行所述计算机程序时实现上述各个界面显示方法实施例中的步骤,例如图1所示的步骤S11。或者,所述处理器执行所述计算机程序时实现上述各装置实施例中各模块/单元的功能,例如卡片显示模块。
示例性的,所述计算机程序可以被分割成一个或多个模块/单元,所述一个或者多个模块/单元被存储在所述存储器中,并由所述处理器执行,以完成本发明。所述一个或多个模块/单元可以是能够完成特定功能的一系列计算机程序指令段,该指令段用于描述所述计算机程序在所述终端设备中的执行过程。
所述终端设备可以是桌上型计算机、笔记本、掌上电脑及智能平板等计算设备。所述终端设备可包括,但不仅限于,处理器、存储器。本领域技术人员可以理解,上述部件仅仅是终端设备的示例,并不构成对终端设备的限定,可以包括比上述更多或更少的部件,或者组合某些部件,或者不同的部件,例如所述终端设备还可以包括输入输出设备、网络接入设备、总线等。
所称处理器可以是中央处理单元(Central Processing Unit,CPU),还可以是其他通用处理器、数字信号处理器(Digital Signal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现成可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等,所述处理器是所述终端设备的控制中心,利用各种接口和线路连接整个终端设备的各个部分。
所述存储器可用于存储所述计算机程序和/或模块,所述处理器通过运行或执行存储在所述存储器内的计算机程序和/或模块,以及调用存储在存储器内的数据,实现所述终端设备的各种功能。所述存储器可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器可以包括高速随机存取存储器,还可以包括非易失性存储器,例如硬盘、内存、插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(Flash Card)、至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
其中,所述终端设备集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明实现上述实施例方法中的全部或部分流程,也可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一计算机可读存储介质中,该计算机程序在被处理器执行时,可实现上述各个方法实施例的步骤。其中,所述计算机程序包括计算机程序代码,所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括:能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、电载波信号、电信信号以及软件分发介质等。需要说明的是,所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减,例如在某些司法管辖区,根据立法和专利实践,计算机可读介质不包括电载波信号和电信信号。
需说明的是,以上所描述的装置实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。另外,本发明提供的装置实施例附图中,模块之间的连接关系表示它们之间具有通信连接,具体可以实现为一条或多条通信总线或信号线。本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。
以上所述的具体实施例,对本发明的目的、技术方案和有益效果进行了进一步的详细说明,应当理解,以上所述仅为本发明的具体实施例而已,并不用于限定本发明的保护范围。特别指出,对于本领域技术人员来说,凡在本发明的精神和原则之内,所做的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (10)
1.一种界面显示方法,其特征在于,包括:
响应于用户触发的布局卡片构建操作,获取初始布局卡片的像素尺寸;
根据界面的总像素尺寸和所述初始布局卡片的像素尺寸,确定剩余像素尺寸;
获取用户构建的当前布局卡片的像素尺寸,当判定所述当前布局卡片的像素尺寸大于所述剩余像素尺寸时,调用第二显示界面;
将所述初始布局卡片转移至所述第二显示界面中,将所述当前布局卡片在第一显示界面中显示;其中,所述第二显示界面的初始状态为隐藏状态;
根据所述总像素尺寸和所述当前布局卡片的像素尺寸再次计算并更新剩余像素尺寸,当判定所述剩余像素尺寸大于所述第二显示界面上的任一布局卡片的像素尺寸时,将所述第二显示界面的至少部分设置为显示状态,以对所述第二显示界面上的至少部分布局卡片进行显示。
2.根据权利要求1所述的界面显示方法,其特征在于,所述获取初始布局卡片的像素尺寸,包括:
将界面拆分为n*n的网格,计算每个网格所代表的像素尺寸;
根据每一布局卡片所占据的网格数和网格位置,计算得到每一布局卡片的像素尺寸和位置信息。
3.根据权利要求2所述的界面显示方法,其特征在于,所述将所述第二显示界面的至少部分设置为显示状态,包括:
将所述第二显示界面中的至少部分区域与所述第一显示界面相对应,并获取所述当前布局卡片在所述第一显示界面中的位置信息;
根据所述位置信息将所述第二显示界面划分为待显示区域和隐藏区域;其中,所述隐藏区域为所述第二显示界面中与所述当前布局卡片对应的区域,所述待显示区域为所述第二显示界面中除隐藏区域外的其他区域中的至少部分;
将所述待显示区域设置为显示状态。
4.根据权利要求3所述的界面显示方法,其特征在于,在所述根据所述位置信息将所述第二显示界面划分为待显示区域和隐藏区域之后,所述方法还包括:
获取待显示的布局卡片的位置信息和所述待显示区域的位置信息;其中,所述待显示的布局卡片为所述第二显示界面中像素尺寸小于所述剩余像素尺寸的布局卡片;
基于所述待显示区域的位置信息,得到所述待显示区域中的最大连续网格位置;
根据位置信息将所述待显示的布局卡片移动至所述最大连续网格位置。
5.根据权利要求1所述的界面显示方法,其特征在于,所述方法还包括:
响应于用户触发的界面切换操作,生成界面切换指令;其中,所述界面切换指令包括将所述第二显示界面中与所述第一显示界面对应的部分设置为显示状态,将所述第一显示界面切换为隐藏状态;
将所述第二显示界面中最大像素尺寸对应的布局卡片移动至所述第二显示界面中与所述第一显示界面对应的部分,以对所述最大像素尺寸对应的布局卡片进行显示。
6.根据权利要求5所述的界面显示方法,其特征在于,所述方法还包括:
响应于用户触发的卡片切换操作,生成卡片切换指令;
根据所述第二显示界面中布局卡片构建的时间顺序或者布局卡片的像素尺寸大小顺序,依次对所述第二显示界面中的布局卡片进行切换显示。
7.根据权利要求5所述的界面显示方法,其特征在于,在所述将所述初始布局卡片转移至所述第二显示界面中之后,所述方法还包括:
当检测到任一初始布局卡片的像素尺寸大于预设的尺寸阈值时,在界面上生成界面切换提示。
8.根据权利要求1所述的界面显示方法,其特征在于,所述对所述第二显示界面上的至少部分布局卡片进行显示,包括:
若所述第二显示界面中存在至少两个满足像素尺寸小于所述剩余像素尺寸的布局卡片,获取所述第二显示界面中至少两个所述布局卡片的构建时间或优先级等级;
根据所述构建时间的先后顺序或所述优先级等级由高到低排序,对排序第一的布局卡片进行显示。
9.一种终端设备,其特征在于,包括处理器、存储器以及存储在所述存储器中且被配置为由所述处理器执行的计算机程序,所述处理器执行所述计算机程序时实现如权利要求1至8中任意一项所述的界面显示方法。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质包括存储的计算机程序,其中,在所述计算机程序运行时控制所述计算机可读存储介质所在设备执行如权利要求1至8中任意一项所述的界面显示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202311614766.4A CN117591221A (zh) | 2023-11-29 | 2023-11-29 | 一种界面显示方法、终端设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202311614766.4A CN117591221A (zh) | 2023-11-29 | 2023-11-29 | 一种界面显示方法、终端设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN117591221A true CN117591221A (zh) | 2024-02-23 |
Family
ID=89912995
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202311614766.4A Pending CN117591221A (zh) | 2023-11-29 | 2023-11-29 | 一种界面显示方法、终端设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN117591221A (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140089833A1 (en) * | 2012-09-24 | 2014-03-27 | Samsung Electronics Co. Ltd. | Method and apparatus for providing multi-window in touch device |
TW201423571A (zh) * | 2012-12-05 | 2014-06-16 | We Rdonline Co Ltd | 影像畫面顯示控制方法及系統 |
CN113766293A (zh) * | 2020-06-05 | 2021-12-07 | 北京字节跳动网络技术有限公司 | 信息显示方法、装置、终端及存储介质 |
CN115033140A (zh) * | 2021-03-05 | 2022-09-09 | 华为技术有限公司 | 一种卡片组件的显示方法、图形用户界面及相关装置 |
CN116126432A (zh) * | 2021-11-12 | 2023-05-16 | 华为技术有限公司 | 桌面管理方法、图形用户界面及电子设备 |
-
2023
- 2023-11-29 CN CN202311614766.4A patent/CN117591221A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140089833A1 (en) * | 2012-09-24 | 2014-03-27 | Samsung Electronics Co. Ltd. | Method and apparatus for providing multi-window in touch device |
TW201423571A (zh) * | 2012-12-05 | 2014-06-16 | We Rdonline Co Ltd | 影像畫面顯示控制方法及系統 |
CN113766293A (zh) * | 2020-06-05 | 2021-12-07 | 北京字节跳动网络技术有限公司 | 信息显示方法、装置、终端及存储介质 |
CN115033140A (zh) * | 2021-03-05 | 2022-09-09 | 华为技术有限公司 | 一种卡片组件的显示方法、图形用户界面及相关装置 |
CN116126432A (zh) * | 2021-11-12 | 2023-05-16 | 华为技术有限公司 | 桌面管理方法、图形用户界面及电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
EP2329223B9 (en) | User interface, device and method for displaying special locations on a map | |
CN112214142B (zh) | 应用程序信息显示方法、装置、电子设备及存储介质 | |
CN111638823B (zh) | 应用图标显示方法、装置及电子设备 | |
EP2874054B1 (en) | Application text adjusting method, device, and terminal | |
CN111813293B (zh) | 应用程序的管理方法及电子设备 | |
CN111831181A (zh) | 应用的切换显示方法、装置及电子设备 | |
WO2016118769A1 (en) | Processing application interface | |
CN113568534A (zh) | 应用图标的显示方法、装置和电子设备 | |
CN114721761A (zh) | 一种终端设备、应用图标管理方法和存储介质 | |
CN112055156B (zh) | 预览图像更新方法、装置、移动终端及存储介质 | |
WO2020186815A1 (zh) | 页面元素突出显示方法、装置、设备及存储介质 | |
CN109683798B (zh) | 一种文本确定方法、终端及计算机可读存储介质 | |
CN117591221A (zh) | 一种界面显示方法、终端设备及存储介质 | |
CN112433723B (zh) | 个性化列表开发方法及装置 | |
CN109257643B (zh) | 一种直播间展示方法、终端设备及存储介质 | |
CN113393372A (zh) | 桌面壁纸设置方法及装置 | |
CN109085974B (zh) | 一种屏幕控制方法、系统及终端设备 | |
CN114327164A (zh) | 用于终端的负二屏界面显示方法、装置、终端及介质 | |
CN112015514B (zh) | 电子白板的素材预览窗口的更新方法及装置 | |
CN108491175B (zh) | 内容自动排布方法、装置、电子装置及可读存储介质 | |
WO2024000111A1 (zh) | 桌面展示方法、电子设备、显示装置及计算机可读存储介质 | |
CN112286554B (zh) | 应用程序更新方法、装置、电子设备和可读存储介质 | |
WO2024041023A9 (zh) | 应用卡片调整方法、装置、终端设备和存储介质 | |
CN113268189B (zh) | 图集管理方法、装置、存储介质以及计算机设备 | |
CN116502613A (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 |