CN117251088A - 界面元素的显示方法、装置、电子设备及存储介质 - Google Patents
界面元素的显示方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN117251088A CN117251088A CN202210658984.7A CN202210658984A CN117251088A CN 117251088 A CN117251088 A CN 117251088A CN 202210658984 A CN202210658984 A CN 202210658984A CN 117251088 A CN117251088 A CN 117251088A
- Authority
- CN
- China
- Prior art keywords
- interface element
- interface
- folder
- size
- display
- 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 60
- 230000004044 response Effects 0.000 claims abstract description 26
- 230000006870 function Effects 0.000 claims description 40
- 230000003993 interaction Effects 0.000 claims description 22
- 230000002452 interceptive effect Effects 0.000 claims description 17
- 238000010586 diagram Methods 0.000 description 27
- 238000004590 computer program Methods 0.000 description 12
- 230000008569 process Effects 0.000 description 5
- 238000004891 communication Methods 0.000 description 4
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 230000008859 change Effects 0.000 description 2
- 239000011521 glass Substances 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 230000010354 integration Effects 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
- 210000000707 wrist Anatomy 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/10—File systems; File servers
- G06F16/16—File or folder operations, e.g. details of user interfaces specifically adapted to file systems
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/10—File systems; File servers
- G06F16/16—File or folder operations, e.g. details of user interfaces specifically adapted to file systems
- G06F16/168—Details of user interfaces specifically adapted to file systems, e.g. browsing and visualisation, 2d or 3d GUIs
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0486—Drag-and-drop
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请实施例公开了一种界面元素的显示方法、装置、电子设备及存储介质,该方法包括:响应于针对第一界面元素的添加操作,将第一界面元素添加到元素文件夹中;其中,添加第一界面元素后的元素文件夹的第二界面元素的尺寸发生变化,以使元素文件夹在添加第一界面元素前的尺寸,与添加第一界面元素后的尺寸相同,且均被界面元素填充满,第二界面元素为添加第一界面元素前文件夹内部分或全部的界面元素。通过实施该方法,可以实现界面元素的灵活添加,以满足用户需求。
Description
技术领域
本申请涉及电子设备技术领域,尤其涉及一种界面元素的显示方法、装置、电子设备及存储介质。
背景技术
为节省电子设备(如手机、平板等)的桌面空间,多数电子设备大都支持界面元素(如微件、应用程序图标等)的集合,即将多个界面元素在一个元素文件夹中进行显示。
但在实践中发现,受限于元素文件夹的尺寸,通常存在界面元素无法成功添加到元素文件夹中的情况。可见,现有的界面元素的集合方法不够灵活,不能满足用户需求。
发明内容
本申请实施例提供了一种界面元素的显示方法、装置、电子设备及存储介质,可实现界面元素的灵活添加,满足用户需求。
本申请实施例第一方面提供了一种界面元素的显示方法,包括:
响应于针对第一界面元素的添加操作,将所述第一界面元素添加到元素文件夹中;
其中,添加所述第一界面元素后的所述元素文件夹的第二界面元素的尺寸发生变化,以使所述元素文件夹在添加所述第一界面元素前的尺寸,与添加所述第一界面元素后的尺寸相同,且均被界面元素填充满,所述第二界面元素为添加所述第一界面元素前所述文件夹内部分或全部的界面元素。
本申请实施例第二方面提供了一种界面元素的显示装置,包括:
显示单元,用于响应于针对第一界面元素的添加操作,将所述第一界面元素添加到元素文件夹中;
其中,添加所述第一界面元素后的所述元素文件夹的第二界面元素的尺寸发生变化,以使所述元素文件夹在添加所述第一界面元素前的尺寸,与添加所述第一界面元素后的尺寸相同,且均被界面元素填充满,所述第二界面元素为添加所述第一界面元素前所述文件夹内部分或全部的界面元素。
本申请实施例第三方面提供了一种电子设备,包括:
存储有可执行程序代码的存储器;
以及所述存储器耦合的处理器;
所述处理器调用所述存储器中存储的所述可执行程序代码,所述可执行程序代码被所述处理器执行时,使得所述处理器实现如本申请实施例第一方面所述的方法。
本申请实施例第四方面提供一种计算机可读存储介质,其上存储有可执行程序代码,所述可执行程序代码被处理器执行时,实现如本申请实施例第一方面所述的方法。
本申请实施例第五方面公开一种计算机程序产品,当该计算机程序产品在计算机上运行时,使得该计算机执行本申请实施例第一方面公开的任意一种所述的方法。
本申请实施例第六方面公开一种应用发布平台,该应用发布平台用于发布计算机程序产品,其中,当该计算机程序产品在计算机上运行时,使得该计算机执行本申请实施例第一方面公开的任意一种所述的方法。
从以上技术方案可以看出,本申请实施例具有以下优点:
在本申请实施例中,响应于针对第一界面元素的添加操作,将第一界面元素添加到元素文件夹中;其中,添加第一界面元素后的元素文件夹的第二界面元素的尺寸发生变化,以使元素文件夹在添加第一界面元素前的尺寸,与添加第一界面元素后的尺寸相同,且均被界面元素填充满,第二界面元素为添加第一界面元素前文件夹内部分或全部的界面元素。
通过自适应调整元素文件夹的第二界面元素的尺寸,可以在不改变元素文件夹尺寸的同时,将第一界面元素成功添加至元素文件夹,还可以保证元素文件夹始终被界面元素填充满。通过实施该方法,提高了添加界面元素的灵活性,优化了桌面布局,进一步满足了用户需求。
附图说明
为了更清楚地说明本申请实施例技术方案,下面将对实施例和现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,还可以根据这些附图获得其它的附图。
图1是本申请实施例公开的一种场景示意图;
图2A是本申请实施例公开的一种界面元素的显示方法的流程示意图;
图2B是本申请实施例公开的界面元素添加的一种图示;
图3是本申请实施例公开的一种界面元素的显示方法的流程示意图;
图4A是本申请实施例公开的界面元素添加的另一种图示;
图4B是本申请实施例公开的界面元素添加的又一种图示;
图4C是本申请实施例公开的界面元素添加的又一种图示;
图4D是本申请实施例公开的界面元素添加的又一种图示;
图5A是本申请实施例公开的元素文件夹的一种图示;
图5B是本申请实施例公开的元素文件夹的另一种图示;
图5C是本申请实施例公开的元素文件夹的另一种图示;
图5D是对图5C所示的元素文件夹执行交换操作后的一种图示;
图5E是对图5C所示的元素文件夹执行交换操作后的另一种图示;
图5F是对元素文件夹执行移动操作的一种图示;
图6是本申请实施例公开的另一种界面元素的显示方法的流程示意图;
图7A是本申请实施例公开的界面元素移除的一种图示;
图7B是本申请实施例公开的界面元素移除的另一种图示;
图7C是本申请实施例公开的界面元素移除的另一种图示;
图7D是本申请实施例公开的界面元素移除的另一种图示;
图8是本申请实施例公开的界面元素的显示装置的一种结构示意图;
图9是申请实施例公开的电子设备的一种结构框图。
具体实施方式
本申请实施例提供了一种界面元素的显示方法、装置、电子设备及存储介质,能够实现界面元素的灵活添加,以满足用户需求。
为了使本技术领域的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行描述,显然,所描述的实施例仅仅是本申请一部分的实施例,而不是全部的实施例。基于本申请中的实施例,都应当属于本申请保护的范围。
可以理解的是,本申请实施例中所涉及的电子设备可以包括一般的手持有屏电子电子设备,诸如手机、智能电话、便携式终端、终端、个人数字助理(PersonalDigitalAssistant,PDA)、便携式多媒体播放器(PersonalMediaPlayer,PMP)装置、笔记本电脑、笔记本(NotePad)、无线宽带(WirelessBroadband,Wibro)终端、平板电脑(PersonalComputer,PC)、智能PC、销售终端(PointofSales,POS)和车载电脑等。
电子设备也可以包括可穿戴设备。可穿戴设备可以直接穿戴在用户身上,或是整合到用户的衣服或配件的一种便携式电子设备。可穿戴设备不仅仅是一种硬件设备,更可以通过软件支持以及数据交互、云服务器交互来实现强大的智能功能,比如:计算功能、定位功能、报警功能,同时还可以连接手机及各类终端。可穿戴设备可以包括但不限于以手腕为支撑的watch类(比如手表、手腕等产品),以脚为支撑的shoes类(比如鞋、袜子或者其他腿上佩戴产品),以头部为支撑的Glass类(比如眼镜、头盔、头带等)以及智能服装,书包、拐杖、配饰等各类非主流产品形态。
下面对本申请实施例涉及到的专有名词进行说明:
微件(Web widget,widget):指的是可以在任一个基于HTLM(超文本标记语音,HyperText Markup Language)的Web(万维网,World Wide Web)页面上执行代码的小部件。
微件通常依附于对应的应用程序而存在,微件所承载的功能与该对应应用程序的功能紧密相关。可选的,微件可以以卡片样式呈现。
请参阅图1,图1是本申请实施例公开的一种场景示意图。如图1所示的场景示意图包括电子设备10,该电子设备10响应于针对第一界面元素的添加操作,对该电子设备10桌面上的元素文件夹内的第二界面元素的尺寸进行自适应调整,可以在不改变元素文件夹尺寸的同时,将第一界面元素添加至元素文件夹,还可以保证元素文件夹始终被界面元素填充满,提高了添加界面元素的灵活性,优化了桌面布局,进一步满足了用户需求。
请参阅图2A,图2A是本申请实施例公开的一种界面元素的显示方法的流程示意图。如图2A所示的界面元素的显示方法可以包括以下步骤:
201、响应于针对第一界面元素的添加操作,将第一界面元素添加到元素文件夹中;其中,添加第一界面元素后的元素文件夹的第二界面元素的尺寸发生变化,以使元素文件夹在添加第一界面元素前的尺寸,与添加第一界面元素后的尺寸相同,且均被界面元素填充满,第二界面元素为添加第一界面元素前文件夹内部分或全部的界面元素。
界面元素指的是系统界面所包含的满足用户交互要求的一系列元素,界面元素可包括但不限于微件、应用图标等中的一种或多种。
其中,第一界面元素可以是电子设备桌面上的任一界面元素,针对第一界面元素的添加操作可以由语音操作、手势操作或触摸操作等触发,本申请实施例不做限定。示例性的,针对第一界面元素的添加操作可以是将第一界面元素移动至其他界面元素的显示位置。
在一些实施例中,上述元素文件夹可以是电子设备在响应针对该第一界面元素的添加操作时自动生成的。
示例性的,请参阅图2B,图2B是本申请实施例公开的界面元素添加的一种图示。其中,图2B中的左图表示的是响应针对第一界面元素的添加操作之前电子设备的桌面11,该桌面11中包括4×2的界面元素2和4×2的界面元素1。图2B中的右图表示的是响应针对第一界面元素的添加操作之后电子设备的桌面11,该桌面11中包括包括4×2的元素文件夹12、处于元素文件夹12中的2×2的界面元素2及2×2的界面元素1。
在一些实施例中,上述元素文件夹可以电子设备桌面上当前显示的元素文件夹中的任一个,上述元素文件夹可以由用户从电子设备桌面上当前显示的元素文件夹中自主选定,还可以由电子设备从该电子设备桌面上当前显示的元素文件夹中自动选定,本申请实施例不做限定。
其中,用户自主选定上述元素文件夹的操作可以包括但不限于语音操作、或针对电子设备桌面上显示的任一元素文件夹的选中操作等。
下面通过举例方式,对用户自主选定元素文件夹的方式进行说明:
示例性1,用户长按第一界面元素后第一界面元素处于拖动状态,该第一界面元素停止拖动时的位置对应的元素文件夹,即为该第一界面元素所要添加进的元素文件夹。
示例性2,用户长按第一界面元素后弹出文件夹列表,该文件夹列表可显示可添加第一界面元素的元素文件夹的文件夹标识,用户进而通过点击任一文件夹标识的方式确定第一界面元素所要添加进的元素文件夹。其中,文件夹标识可以包括以下任一种:数字、字母及特殊字符。
若上述元素文件夹是电子设备在响应针对该第一界面元素的添加操作时自主确定的,则响应于针对第一界面元素的添加操作,将第一界面元素添加到元素文件夹中,可以包括:响应于针对第一界面元素的添加操作,确定第一界面元素对应的元素文件夹,将第一界面元素添加到该元素文件夹中。
在一些实施例中,确定第一界面元素对应的元素文件夹,可以包括:确定第一界面元素对应的应用类别,并将与该应用类别关联的元素文件夹作为第一界面元素对应的元素文件夹。
示例性的,若第一界面元素为微件,则第一界面元素对应的应用类别指的是与该第一界面元素关联的应用程序的应用类别。若第一界面元素为应用程序图标,则第一界面元素对应的应用类别指的是应用程序图标对应的应用程序的应用类别。
通过实施该方法,在将第一界面元素添加到元素文件夹的过程中,用户只需触发针对第一界面元素的添加操作即可,电子设备可以自动确定第一界面元素对应的元素文件夹,并将第一界面元素添加到确定出的元素文件夹中,以及显示添加第一界面元素的元素文件夹,极大提高了界面元素添加的便捷性。
在一些实施例中,第一界面元素在元素文件夹中的尺寸,与在元素文件夹外的尺寸可以相同也可不同,本申请实施例不做限定。
通过实施该方法,通过自适应调整元素文件夹的第二界面元素的尺寸,可以在不改变元素文件夹尺寸的同时,将第一界面元素成功添加至元素文件夹,还可以保证元素文件夹始终被界面元素填充满,提高了添加界面元素的灵活性,优化了桌面布局,进一步满足了用户需求。
请参阅3,图3是本申请实施例公开的一种界面元素的显示方法的流程示意图,如图3所示的界面元素的显示方法可以包括以下步骤:
301、响应于针对第一界面元素的添加操作,获取元素文件夹的第一显示参数,第一显示参数包括元素文件夹的尺寸和第一元素数量,第一元素数量为元素文件夹内包含的界面元素与第一界面元素的数量总和。
其中,关于添加操作及元素文件夹的确定,请参照针对步骤201的介绍,此处不再赘述。
在一些实施例中,元素文件夹创建后,电子设备可以将该元素文件夹的尺寸及包含的界面元素的数量,与该元素文件夹的文件夹标识进行关联存储。其中,元素文件夹包含的界面元素的数量可以是实时更新的。
进一步的,电子设备可以根据元素文件夹的文件夹标识,获取到元素文件夹的尺寸及包含的界面元素的数量。
302、根据第一显示参数,确定元素文件夹中的第二界面元素及每个第二界面元素对应的第一调整尺寸。
其中,在添加第一界面元素后的元素文件夹中,每个第二界面元素按照对应的第一调整尺寸进行显示。在第二界面元素为多个时,各个第二界面元素分别对应各自的第一调整尺寸。
在一些实施例中,根据第一显示参数,确定元素文件夹中的第二界面元素及每个第二界面元素对应的第一调整尺寸,可以包括:根据第一显示参数,确定添加第一界面元素后的元素文件夹的第一布局样式;根第一布局样式和添加第一界面元素前的元素文件夹的布局样式,确定元素文件夹中的第二界面元素及每个第二界面元素对应的第一调整尺寸。
在一些实施例中,电子设备可以预先设定有多个布局样式集合,不同布局样式集合对应不同尺寸的元素文件夹,且每一布局样式集合中的不同布局样式所对应的界面元素数量不同。
进一步的,根据第一显示参数,确定添加第一界面元素后的元素文件夹的第一布局样式,可以包括:从多个布局样式集合中,确定与元素文件夹的尺寸匹配的目标布局样式集合,并将目标布局样式集合中与元素文件夹的第一元素数量匹配的布局样式,作为添加第一界面元素后的元素文件夹的第一布局样式。
303、将第一界面元素添加到元素文件夹中;其中,在添加第一界面元素后的元素文件夹中,每个第二界面元素按照对应的第一调整尺寸进行显示。
示例性的,下面以4×2的元素文件夹为例,对元素文件夹的布局样式进行说明:
显示2个界面元素时,这2个界面元素均为2×2;
显示3个显示元素时,1个2×2的界面元素,1个2×1的界面元素及1和2×1的界面元素;
显示4个界面元素时,1个2×2的界面元素,1个2×1的界面元素、2个1×1的界面元素;
显示5个界面元素时,1个2×2的界面元素,4个1×1的界面元素。
下面结合上述4×2的元素文件夹的布局样式,对界面元素的添加过程进行说明:
请参阅图4A,图4A是本申请实施例公开的界面元素添加的另一种图示。图4A中的左图表示的是添加界面元素1前的桌面11,该桌面11中包括4×2的元素文件夹12、处于元素文件夹12内的2×2的界面元素2和2×2的界面元素3,及处于元素文件夹12外的界面元素1。图4A中的右图表示的是添加界面元素1后的桌面11,该桌面11包括4×2的元素文件夹12,处于元素文件夹12内的2×2的界面元素2、2×1的界面元素3及2×1的界面元素1。
请参阅图4B,图4B是本申请实施例公开的界面元素添加的又一种图示。图4B中的左图表示的是添加界面元素1前的桌面11,该桌面11包括4×2的元素文件夹12,处于元素文件夹12内的2×2的界面元素2、2×1的界面元素3及2×1的界面元素4。图4B中的右图表示的是添加界面元素1后的桌面11,该桌面11包括4×2的元素文件夹12,处于元素文件夹12内的2×2的界面元素2、2×1的界面元素3、1×1的界面元素4、1×1的界面元素1。
请参阅图4C,图4C是本申请实施例公开的界面元素添加的又一种图示。图4C中的左图表示的是添加界面元素1前的桌面11,该桌面11包括4×2的元素文件夹12,处于元素文件夹12内的2×2的界面元素2、2×1的界面元素3、1×1的界面元素4、1×1的界面元素5。图4C中的右图表示的是添加界面元素1后的桌面11,该桌面11包括4×2的元素文件夹12,处于元素文件夹12内的2×2的界面元素2、1×1的界面元素3、1×1的界面元素4、1×1的界面元素5及1×1的界面元素1。
在一些实施例中,在元素文件夹中包含的界面元素的个数大于或等于数量阈值时,元素文件夹可以包括第一区域和第二区域。其中,数量阈值可以用户自主设定,或者由电子设备自动设定,本申请实施例不做限定。示例性的,4×2的元素文件夹对应的数量阈值为2。
在一些实施例中,第一显示参数还可以包括第一区域的尺寸,及第一区域内包含的界面元素与第一界面元素的数量总和。
进一步的,根据第一显示参数,确定元素文件夹中的第二界面元素及每个第二界面元素对应的第一调整尺寸,可以包括:根据第一显示参数,确定元素文件夹的第一区域中的第二界面元素和每个第二界面元素对应的第一调整尺寸。
在一些实施例中,目标布局样式集合中与元素文件夹的第一元素数量匹配的布局样式的个数可以为多个,且不同布局样式所对应的第一区域的尺寸和/或第一区域内的界面元素的个数不同。
进一步的,根据第一显示参数,确定元素文件夹的第一区域中的第二界面元素和每个第二界面元素对应的第一调整尺寸,可以包括:根据元素文件夹的尺寸,及元素文件夹内包含的界面元素和第一界面元素的数量总和,得到与元素文件夹的第一元素数量匹配的多个布局样式;根据第一区域的尺寸,及第一区域的界面元素和第一界面元素的数量总和,从与元素文件夹的第一元素数量匹配的多个布局样式中,确定添加第一界面元素后的元素文件夹的第二布局样式;根据第二布局样式和添加第一界面元素前的元素文件夹的布局样式,确定元素文件夹的第一区域中的第二界面元素和每个第二界面元素对应的第一调整尺寸。
在一些实施例中,第一区域的尺寸可以大于或等于第二区域的尺寸。
示例性的,第一区域为2×2时,4×2的元素文件夹的布局样式:
显示2个界面元素时,这两个界面元素分别处于第一区域和第二区域;
显示3个显示元素时,1个2×2的界面元素处于第二区域,2个2×1的界面元素处于第一区域;
显示4个界面元素时,1个2×2的界面元素处于第二区域,1个2×1的界面元素和2个1×1的界面元素处于第一区域;
显示5个界面元素时,1个2×2的界面元素处于第二区域,4个1×1的界面元素处于第一区域。
下面结合第一区域为2×2时,4×2的元素文件夹的布局样式,对界面元素的添加过程进行说明:
请参阅图4D,图4D是本申请实施例公开的界面元素添加的又一种图示。图4D中的左图表示的是添加界面元素1前的桌面11,该桌面11中包括4×2的元素文件夹12、处于元素文件夹12的第一区域121的2×2的界面元素3、处于元素文件夹12的第二区域122的2×2的界面元素2,及处于元素文件夹12外的界面元素1。图4D中的右图表示的是添加界面元素1后的桌面11,该桌面11包括4×2的元素文件夹12,处于第一区域121的2×1的界面元素3、处于第一区域121内的2×1的界面元素1,以及处于第二区域122内的2×2的界面元素2。
在一些实施例中,元素文件夹可包括展示区域和可操作区域,该展示区域内包括不具备交互功能的界面元素和/或交互功能被禁止的界面元素,可操作区域内包括可交互的界面元素。需要说明的是,不具备交互功能的界面元素指的是无交互控件的界面元素,交互功能被禁止的界面元素指的是交互控件被禁止操作的界面元素。
在一些实施例中,展示区域内的界面元素的尺寸小于或等于可操作区域内的界面元素的尺寸,有助于用户准确操作处于可操作区域内的界面元素,有利于降低了用户误触微件的概率。
在一些实施例中,第一区域可为展示区域,第二区域可为可操作区域。
在一些实施例中,元素文件夹内的界面元素可包括微件。
示例性的,下面结合图示对包含微件的元素文件夹进行说明:
请参阅图5A,图5A是本申请实施例公开的元素文件夹的一种图示。如图5A所示的元素文件夹包括第一区域121和第二区域122。其中,第一区域121为展示区域,第二区域122为可操作区域。第二区域122包括2×2的微件1,第一区域121包括1×1的微件2、1×1的微件3、1×1的微件4及1×1的微件5。
请参阅图5B,图5B是本申请实施例公开的元素文件夹的另一种图示。如图5B所示的元素文件夹包括第一区域121和第二区域122。其中,第一区域121为展示区域,第二区域122为可操作区域。第二区域122包括2×2的微件1,第一区域121包括2×2的微件2。
请参阅图5C,图5C是本申请实施例公开的元素文件夹的另一种图示。如图5B所示的元素文件夹包括第一区域121和第二区域122。其中,第一区域121为展示区域,第二区域122为可操作区域。第二区域122包括2×2的微件1,第一区域121包括2×1的微件2、1×1的微件3及1×1的微件4。
在一些实施例中,还可以响应于针对元素文件夹中第三界面元素和第四界面元素的交换操作,将第三界面元素从第一位置切换至第二位置进行显示,将第四界面元素从第二位置切换至第一位置进行显示。其中,第三界面元素和第四界面元素为元素文件夹内的任意两个界面元素。
在一些实施例中,第三界面元素和第四界面元素的尺寸可以相同,也可不同,本申请实施例不做限定。
在第三界面元素和第四界面元素的尺寸不同的情况下,第三界面元素和第四界面元素在交换位置时,第三界面元素和第四界面元素的尺寸可以发生变化,也可以不发生变化,本申请实施例不做限定。
在第三界面元素和第四界面元素的尺寸发生变化的情况下,将第三界面元素从第一位置切换至第二位置进行显示,将第四界面元素从第二位置切换至第一位置进行显示,可以包括:将第三界面元素按照第一尺寸从第一位置切换至第二位置进行显示,将第四界面元素按照第二尺寸从第二位置切换至第一位置进行显示;其中,第一尺寸为第四界面元素在第二位置显示时的尺寸,第二尺寸为第三界面元素在第一位置显示时的尺寸。
通过实施该方法,用户可以根据自身喜好灵活调整元素文件夹内的界面元素的位置,进一步提升用户的使用体验感。
其中,针对元素文件夹中第三界面元素和第四界面元素的交换操作可以包括但不限于语音操作或触摸操作。示例性的,该交换操作可以包括用户先后点击第三界面元素和第四界面元素,或者用户将第三界面元素拖动至第四界面元素所在位置。
进一步的,若元素文件夹内的界面元素包括微件、元素文件夹包括展示区域和可操作区域,则第一位置和第二位置所在区域的情况可包括:第一位置和第二位置均处于可操作区域;第一位置和第二位置均处于展示区域;第一位置和第二位置分别处于可操作区域和展示区域。
在一些实施例中,在界面元素为微件的情况下,在第一位置和第二位置均处于展示区域,或者,第一位置和第二位置均处于可操作区域时,第一尺寸可与第二尺寸不同。其中,不同尺寸的同一微件所能呈现的信息量可不同,尺寸越大,所能呈现的信息量越大。通过触发针对同一区域且不同尺寸的任意两个界面元素的交换操作,可方便用户根据自身需求改变微件尺寸。
示例性的,若第三界面元素为图5C中的微件2,第四界面元素为图5C中的微件3,则响应于针对微件2和微件3的交换操作之后的元素文件夹如图5D所示。
在一些实施例中,若第一位置处于展示区域,第二位置处于可操作区域,将第三界面元素按照第一尺寸从第一位置切换至第二位置进行显示之后,还可以响应于针对第三界面元素的交互操作,输出第三界面元素对应的功能信息。通过实施该方法,用户可以通过触发针对不同区域的任意两个界面元素的交换操作,将原本处于展示区域的界面元素交换到可操作区域,使得该界面元素可以由禁止交互变为可交互。示例性的,第三界面元素为图5A中的微件2,第四界面元素为图5C中的微件1,响应于针对微件1和微件2的交换操作之后的元素文件夹如图5E所示。
在一些实施例中,还可以响应于针对元素文件夹的移动操作,将元素文件夹从桌面的当前位置移动至移动操作指示的第三位置。需要说明的是,元素文件夹在移动过程中,元素文件夹的尺寸保持不变。
在一些实施例中,针对元素文件夹的移动操作可以是针对元素文件夹的拖曳操作,该移动操作指示的第三位置指的是元素文件夹停止拖曳的位置。
示例性的,请参阅图5F,图5F是本申请实施例公开的元素文件夹的一种移动图示。
通过实施上述方法,根据元素文件夹的第一显示参数,确定该元素文件夹内第二界面元素对应的第一调整尺寸,以及在元素文件夹添加第一界面元素的过程中,根据对应的第一调整尺寸调整第二界面元素的尺寸,可以实现元素文件夹内第二界面元素尺寸的灵活调整。
请参阅图6,图6是本申请实施例公开的另一种界面元素的显示方法的流程示意图。如图6所示的界面元素的显示方法可以包括以下步骤:
601、响应于针对第一界面元素的添加操作,将第一界面元素添加到元素文件夹中;其中,添加第一界面元素后的元素文件夹的第二界面元素的尺寸发生变化,以使元素文件夹在添加第一界面元素前的尺寸,与添加第一界面元素后的尺寸相同,且均被界面元素填充满,第二界面元素为添加第一界面元素前文件夹内部分或全部的界面元素。
602、响应于针对元素文件夹中第五界面元素的移除操作,将第五界面元素在元素文件夹外显示;其中,移除第五界面元素后的元素文件夹的第六界面元素的尺寸发生变化,以使元素文件夹在移除第五界面元素前的尺寸,与移除第五界面元素后的尺寸相同,且均被界面元素填充满,第六界面元素为移除第五界面元素前文件夹内部分或全部的界面元素。
在一些实施例中,第六界面元素对应的第二调整尺寸,可以根据添加第一界面元素后的元素文件夹的第二显示参数得到,该第二显示参数包括元素文件夹的尺寸和添加第一界面元素后的元素文件夹内除第五界面元素之外的界面元素的数量总和。
其中,需要说明的是,关于第六界面元素对应的第二调整尺寸的确定方式,可以参见上述第二界面元素对应的第一调整尺寸的确定方式,此处不再赘述。
示例性的,下面结合4×2的元素文件夹的布局样式,对界面元素的移除进行说明:
请参阅图7A,图7A是本申请实施例公开的界面元素移除的一种图示。图7A中的左图表示的是移除界面元素1前的桌面11,该桌面11中包括4×2的元素文件夹12,处于元素文件夹12内的2×2的界面元素1和2×2的界面元素2。图7A中的右图表示的是移除界面元素1后的桌面11,该桌面11包括4×2的界面元素2,以及4×2的界面元素1。
请参阅图7B,图7B是本申请实施例公开的界面元素移除的另一种图示。图7B中的左图表示的是移除界面元素1前的桌面11,该桌面11中包括4×2的元素文件夹12,处于元素文件夹12内的2×1的界面元素1、2×1的界面元素2及2×2的界面元素3。图7B中的右图表示的是移除界面元素1后的桌面11,该桌面11包括4×2的元素文件夹12,处于元素文件夹12内的2×2的界面元素2及2×2的界面元素3,及处于元素文件夹12外的界面元素1。
请参阅图7C,图7C是本申请实施例公开的界面元素移除的另一种图示。图7C中的左图表示的是移除界面元素1前的桌面11,该桌面11中包括4×2的元素文件夹12,处于元素文件夹12内的1×1的界面元素1、1×1的界面元素2、2×1的界面元素3及2×2的界面元素4。图7C中的右图表示的是移除界面元素1后的桌面11,该桌面11包括4×2的元素文件夹12,处于元素文件夹12内的2×1的界面元素2、2×1的界面元素3及2×2的界面元素4,及处于元素文件夹12外的界面元素1。
请参阅图7D,图7D是本申请实施例公开的界面元素移除的另一种图示。图7D中的左图表示的是移除界面元素1前的桌面11,该桌面11中包括4×2的元素文件夹12,处于元素文件夹12内的1×1的界面元素1、1×1的界面元素2、1×1的界面元素3、1×1的界面元素4及2×2的界面元素5。图7D中的右图表示的是移除界面元素1后的桌面11,该桌面11包括4×2的元素文件夹12,处于元素文件夹12内的2×2的界面元素5、2×1的界面元素2、1×1的界面元素3、1×1的界面元素4,及处于元素文件夹12外的界面元素1。
通过实施上述方法,在添加第一界面元素时,通过自适应调整元素文件夹的第二界面元素的尺寸,可以在不改变元素文件夹尺寸的同时,将第一界面元素成功添加至元素文件夹,还可以保证元素文件夹始终被界面元素填充满,提高了添加界面元素的灵活性,优化了桌面布局,进一步满足了用户需求。在移除元素文件夹内的第五界面元素时,可通过自适应调整元素文件夹内第六界面元素的尺寸,保证了移除第五界面元素后的元素文件夹不仅尺寸不变,还可依旧被界面元素填充满,进一步优化了桌面布局。
请参阅图8,图8是本申请实施例公开的界面元素的显示装置的一种结构示意图。如图8所示的装置包括显示单元801。
显示单元801,用于响应于针对第一界面元素的添加操作,将第一界面元素添加到元素文件夹中;其中,添加第一界面元素后的元素文件夹的第二界面元素的尺寸发生变化,以使元素文件夹在添加第一界面元素前的尺寸,与添加第一界面元素后的尺寸相同,且均被界面元素填充满,第二界面元素为添加第一界面元素前文件夹内部分或全部的界面元素。
在一些实施例中,显示单元801,还用于响应于针对第一界面元素的添加操作,生成元素文件夹。
在一些实施例中,显示单元801,还用于获取元素文件夹的第一显示参数,第一显示参数包括元素文件夹的尺寸和第一元素数量,第一元素数量为元素文件夹内包含的界面元素与第一界面元素的数量总和;以及,根据第一显示参数,确定元素文件夹中的第二界面元素及每个第二界面元素对应的第一调整尺寸;
其中,在添加第一界面元素后的元素文件夹中,每个第二界面元素按照对应的第一调整尺寸进行显示。
一些实施例中,元素文件夹包括第一区域和第二区域,第一显示参数还包括第一区域的尺寸,及第一区域内包含的界面元素和第一界面元素的数量总和;
显示单元801用于根据第一显示参数,确定元素文件夹中的第二界面元素及每个第二界面元素对应的第一调整尺寸的方式具体可以包括:显示单元801,用于根据第一显示参数,确定元素文件夹的第一区域中的第二界面元素和每个第二界面元素对应的第一调整尺寸。
在一些实施例中,元素文件夹包括展示区域和可操作区域,展示区域内包括不具备交互功能的界面元素和/或交互功能被禁止的界面元素;可操作区域内包含可交互的界面元素。
在一些实施例中,展示区域内的界面元素的尺寸小于或等于可操作区域内的界面元素的尺寸。
一些实施例中,元素文件夹内的界面元素包括微件。
在一些实施例中,显示单元801,还用于响应于针对元素文件夹中第三界面元素和第四界面元素的交换操作,将第三界面元素从第一位置切换至第二位置进行显示,将第四界面元素从第二位置切换至第一位置进行显示;其中,第三界面元素和第四界面元素为元素文件夹内的任意两个界面元素。
在一些实施例中,显示单元801用于将第三界面元素从第一位置切换至第二位置进行显示,将第四界面元素从第二位置切换至第一位置进行显示的方式具体可以包括:显示单元801,用于将第三界面元素按照第一尺寸从第一位置切换至第二位置进行显示,将第四界面元素按照第二尺寸从第二位置切换至第一位置进行显示;其中,第一尺寸为第四界面元素在第二位置显示时的尺寸,第二尺寸为第三界面元素在第一位置显示时的尺寸。
在一些实施例中,元素文件夹包括展示区域和可操作区域;展示区域内包括不具备交互功能的界面元素和/或交互功能被禁止的界面元素;可操作区域内包含可交互的界面元素,第一位置处于展示区域,第二位置处于可操作区域。
进一步的,显示单元801,还用于将第三界面元素按照第一尺寸从第一位置切换至第二位置进行显示之后,响应于针对第三界面元素的交互操作,输出第三界面元素对应的功能信息。
在一些实施例中,元素文件夹包括展示区域和可操作区域;展示区域内包括不具备交互功能的界面元素和/或交互功能被禁止的界面元素;可操作区域内包含可交互的界面元素,第一位置和第二位置均处于展示区域。
在一些实施例中,显示单元801,还用于响应于针对元素文件夹中第五界面元素的移除操作,将第五界面元素在元素文件夹外显示;其中,移除第五界面元素后的元素文件夹的第六界面元素的尺寸发生变化,以使元素文件夹在移除第五界面元素前的尺寸,与移除第五界面元素后的尺寸相同,且均被界面元素填充满,第六界面元素为移除第五界面元素前文件夹内部分或全部的界面元素。
请参阅图9,图9是申请实施例公开的电子设备的一种结构框图。如图9所示的电子设备可以处理器901、与处理器901耦合的存储器902,其中存储器902可存储有一个或多个计算机程序。
处理器901可以包括一个或者多个处理核。处理器901利用各种接口和线路连接整个电子设备内的各个部分,通过运行或执行存储在存储器902内的指令、程序、代码集或指令集,以及调用存储在存储器902内的数据,执行电子设备的各种功能和处理数据。可选地,处理器901可以采用数字信号处理(Digital Signal Processing,DSP)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)、可编程逻辑阵列(Programmable LogicArray,PLA)中的至少一种硬件形式来实现。处理器901可集成中央处理器(CentralProcessing Unit,CPU)、图像处理器(Graphics Processing Unit,GPU)和调制解调器等中的一种或几种的组合。其中,CPU主要处理操作系统、用户界面和应用程序等;GPU用于负责显示内容的渲染和绘制;调制解调器用于处理无线通信。可以理解的是,上述调制解调器也可以不集成到处理器901中,单独通过一块通信芯片进行实现。
存储器902可以包括随机存储器(Random Access Memory,RAM),也可以包括只读存储器(Read-Only Memory,ROM)。存储器902可用于存储指令、程序、代码、代码集或指令集。存储器902可包括存储程序区和存储数据区,其中,存储程序区可存储用于实现操作系统的指令、用于实现至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现上述各个方法实施例的指令等。存储数据区还可以存储电子设备在使用中所创建的数据等。
在本申请实施例中,处理器901还具有以下功能:
响应于针对第一界面元素的添加操作,将第一界面元素添加到元素文件夹中;其中,添加第一界面元素后的元素文件夹的第二界面元素的尺寸发生变化,以使元素文件夹在添加第一界面元素前的尺寸,与添加第一界面元素后的尺寸相同,且均被界面元素填充满,第二界面元素为添加第一界面元素前文件夹内部分或全部的界面元素。
在本申请实施例中,处理器901还具有以下功能:
响应于针对第一界面元素的添加操作,生成元素文件夹。
在本申请实施例中,处理器901还具有以下功能:
获取元素文件夹的第一显示参数,第一显示参数包括元素文件夹的尺寸和第一元素数量,第一元素数量为元素文件夹内包含的界面元素与第一界面元素的数量总和;以及,根据第一显示参数,确定元素文件夹中的第二界面元素及每个第二界面元素对应的第一调整尺寸;其中,在添加第一界面元素后的元素文件夹中,每个第二界面元素按照对应的第一调整尺寸进行显示。
在本申请实施例中,元素文件夹包括第一区域和第二区域,第一显示参数还包括第一区域的尺寸,及第一区域内包含的界面元素和第一界面元素的数量总和;
处理器901还具有以下功能:
根据第一显示参数,确定元素文件夹的第一区域中的第二界面元素和每个第二界面元素对应的第一调整尺寸。
在本申请实施例中,元素文件夹包括展示区域和可操作区域,展示区域内包括不具备交互功能的界面元素和/或交互功能被禁止的界面元素;可操作区域内包含可交互的界面元素。
在本申请实施例中,展示区域内的界面元素的尺寸小于或等于可操作区域内的界面元素的尺寸。
在本申请实施例中,元素文件夹内的界面元素包括微件。
在本申请实施例中,处理器901还具有以下功能:
响应于针对元素文件夹中第三界面元素和第四界面元素的交换操作,将第三界面元素从第一位置切换至第二位置进行显示,将第四界面元素从第二位置切换至第一位置进行显示;其中,第三界面元素和第四界面元素为元素文件夹内的任意两个界面元素。
在本申请实施例中,处理器901还具有以下功能:
将第三界面元素按照第一尺寸从第一位置切换至第二位置进行显示,将第四界面元素按照第二尺寸从第二位置切换至第一位置进行显示;其中,第一尺寸为第四界面元素在第二位置显示时的尺寸,第二尺寸为第三界面元素在第一位置显示时的尺寸。
在本申请实施例中,元素文件夹包括展示区域和可操作区域;展示区域内包括不具备交互功能的界面元素和/或交互功能被禁止的界面元素;可操作区域内包含可交互的界面元素,第一位置处于展示区域,第二位置处于可操作区域;
处理器901还具有以下功能:响应于针对第三界面元素的交互操作,输出第三界面元素对应的功能信息。
在本申请实施例中,元素文件夹包括展示区域和可操作区域;展示区域内包括不具备交互功能的界面元素和/或交互功能被禁止的界面元素;可操作区域内包含可交互的界面元素,第一位置和第二位置均处于展示区域。
处理器901还具有以下功能:
响应于针对元素文件夹中第五界面元素的移除操作,将第五界面元素在元素文件夹外显示;其中,移除第五界面元素后的元素文件夹的第六界面元素的尺寸发生变化,以使元素文件夹在移除第五界面元素前的尺寸,与移除第五界面元素后的尺寸相同,且均被界面元素填充满,第六界面元素为移除第五界面元素前文件夹内部分或全部的界面元素。
本申请实施例公开一种计算机可读存储介质,其存储计算机程序,其中,计算机程序被处理器执行时,使得处理器实现上述实施例中电子设备执行的部分或全部步骤。
本申请实施例公开了一种计算机程序产品,当计算机程序产品在计算机上运行时,使得计算机执行上述实施例中电子设备执行的部分或全部步骤。
本申请实施例公开了一种应用发布平台,应用发布平台用于发布计算机程序产品,其中,当计算机程序产品在计算机上运行时,使得计算机执行上述实施例中电子设备执行的部分或全部步骤。
在上述实施例中,可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。
计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行计算机程序指令时,全部或部分地产生按照本申请实施例的流程或功能。计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。计算机指令可以存储在计算机可读存储介质中,或者从一个计算机可读存储介质向另一计算机可读存储介质传输,例如,计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。计算机可读存储介质可以是计算机能够存储的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。可用介质可以是磁性介质,(例如,软盘、磁盘、磁带)、光介质(例如,DVD)、或者半导体介质(例如固态磁盘Solid StateDisk(SSD))等。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统,装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在本申请所提供的几个实施例中,应该理解到,所揭露的系统,装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本申请各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例方法的全部或部分步骤。而前述的存储介质包括:U盘、移动磁盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(Random Access Memory,RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
以上,以上实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。
Claims (15)
1.一种界面元素的显示方法,其特征在于,包括:
响应于针对第一界面元素的添加操作,将所述第一界面元素添加到元素文件夹中;
其中,添加所述第一界面元素后的所述元素文件夹的第二界面元素的尺寸发生变化,以使所述元素文件夹在添加所述第一界面元素前的尺寸,与添加所述第一界面元素后的尺寸相同,且均被界面元素填充满,所述第二界面元素为添加所述第一界面元素前所述文件夹内部分或全部的界面元素。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
响应于针对第一界面元素的添加操作,生成元素文件夹。
3.根据权利要求1所述的方法,其特征在于,在所述将所述第一界面元素添加到元素文件夹中之前,所述方法还包括:
获取元素文件夹的第一显示参数,所述第一显示参数包括所述元素文件夹的尺寸和第一元素数量,所述第一元素数量为所述元素文件夹内包含的界面元素与所述第一界面元素的数量总和;
根据所述第一显示参数,确定所述元素文件夹中的第二界面元素及每个所述第二界面元素对应的第一调整尺寸;
其中,在添加所述第一界面元素后的所述元素文件夹中,每个所述第二界面元素按照对应的第一调整尺寸进行显示。
4.根据权利要求3所述的方法,其特征在于,所述元素文件夹包括第一区域和第二区域,所述第一显示参数还包括所述第一区域的尺寸,及所述第一区域内包含的界面元素与所述第一界面元素的数量总和;
其中,所述根据所述第一显示参数,确定所述元素文件夹中的第二界面元素及每个所述第二界面元素对应的第一调整尺寸,包括:
根据所述第一显示参数,确定所述元素文件夹的所述第一区域中的第二界面元素和每个所述第二界面元素对应的第一调整尺寸。
5.根据权利要求1-4任一项所述的方法,其特征在于,所述元素文件夹包括展示区域和可操作区域,所述展示区域内包括不具备交互功能的界面元素和/或交互功能被禁止的界面元素;所述可操作区域内包含可交互的界面元素。
6.根据权利要求5所述的方法,其特征在于,所述展示区域内的界面元素的尺寸小于或等于所述可操作区域内的界面元素的尺寸。
7.根据权利要求1-4任一项所述的方法,其特征在于,所述元素文件夹内的界面元素包括微件。
8.根据权利要求1-4任一项所述的方法,其特征在于,所述方法还包括:
响应于针对所述元素文件夹中第三界面元素和第四界面元素的交换操作,将所述第三界面元素从第一位置切换至第二位置进行显示,将所述第四界面元素从所述第二位置切换至所述第一位置进行显示;其中,所述第三界面元素和第四界面元素为所述元素文件夹内的任意两个界面元素。
9.根据权利要求8所述的方法,其特征在于,所述将所述第三界面元素从第一位置切换至第二位置进行显示,将所述第四界面元素从所述第二位置切换至所述第一位置进行显示,包括:
将所述第三界面元素按照第一尺寸从第一位置切换至第二位置进行显示,将所述第四界面元素按照第二尺寸从所述第二位置切换至所述第一位置进行显示;其中,所述第一尺寸为所述第四界面元素在所述第二位置显示时的尺寸,所述第二尺寸为所述第三界面元素在所述第一位置显示时的尺寸。
10.根据权利要求8所述的方法,其特征在于,所述元素文件夹包括展示区域和可操作区域;所述展示区域内包括不具备交互功能的界面元素和/或交互功能被禁止的界面元素;所述可操作区域内包含可交互的界面元素,所述第一位置处于所述展示区域,所述第二位置处于所述可操作区域;
其中,所述将所述第三界面元素按照从第一位置切换至第二位置进行显示之后,所述方法还包括:
响应于针对所述第三界面元素的交互操作,输出所述第三界面元素对应的功能信息。
11.根据权利要求8所述的方法,其特征在于,所述元素文件夹包括展示区域和可操作区域;所述展示区域内包括不具备交互功能的界面元素和/或交互功能被禁止的界面元素;所述可操作区域内包含可交互的界面元素,所述第一位置和所述第二位置均处于所述展示区域。
12.根据权利要求1-4任一项所述的方法,其特征在于,所述方法还包括:
响应于针对所述元素文件夹中第五界面元素的移除操作,将所述第五界面元素在所述元素文件夹外显示;其中,移除所述第五界面元素后的所述元素文件夹的第六界面元素的尺寸发生变化,以使所述元素文件夹在移除所述第五界面元素前的尺寸,与移除所述第五界面元素后的尺寸相同,且均被界面元素填充满,所述第六界面元素为移除所述第五界面元素前所述文件夹内部分或全部的界面元素。
13.一种界面元素的显示装置,其特征在于,包括:
显示单元,用于响应于针对第一界面元素的添加操作,将所述第一界面元素添加到元素文件夹中;其中,添加所述第一界面元素后的所述元素文件夹的第二界面元素的尺寸发生变化,以使所述元素文件夹在添加所述第一界面元素前的尺寸,与添加所述第一界面元素后的尺寸相同,且均被界面元素填充满,所述第二界面元素为添加所述第一界面元素前所述文件夹内部分或全部的界面元素。
14.一种电子设备,其特征在于,包括:
存储有可执行程序代码的存储器;
以及所述存储器耦合的处理器;
所述处理器调用所述存储器中存储的所述可执行程序代码,所述可执行程序代码被所述处理器执行时,使得所述处理器实现如权利要求1-12中任一所述的方法。
15.一种计算机可读存储介质,其上存储有可执行程序代码,其特征在于,所述可执行程序代码被处理器执行时,实现如权利要求1-12中任一所述的方法。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210658984.7A CN117251088A (zh) | 2022-06-09 | 2022-06-09 | 界面元素的显示方法、装置、电子设备及存储介质 |
PCT/CN2022/139531 WO2023236491A1 (zh) | 2022-06-09 | 2022-12-16 | 界面元素的显示方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210658984.7A CN117251088A (zh) | 2022-06-09 | 2022-06-09 | 界面元素的显示方法、装置、电子设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN117251088A true CN117251088A (zh) | 2023-12-19 |
Family
ID=89117472
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210658984.7A Pending CN117251088A (zh) | 2022-06-09 | 2022-06-09 | 界面元素的显示方法、装置、电子设备及存储介质 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN117251088A (zh) |
WO (1) | WO2023236491A1 (zh) |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120084732A1 (en) * | 2010-10-01 | 2012-04-05 | Vasily Filippov | Methods and apparatus for organizing applications and widgets on a mobile device interface |
CN105630298B (zh) * | 2016-02-29 | 2019-02-01 | 华为技术有限公司 | 一种文件夹的管理方法和设备 |
CN111625160A (zh) * | 2017-06-26 | 2020-09-04 | 李丽萍 | 应用图标的调整方法及装置 |
CN110618969B (zh) * | 2019-08-29 | 2022-08-02 | 维沃移动通信有限公司 | 一种图标显示方法及电子设备 |
-
2022
- 2022-06-09 CN CN202210658984.7A patent/CN117251088A/zh active Pending
- 2022-12-16 WO PCT/CN2022/139531 patent/WO2023236491A1/zh unknown
Also Published As
Publication number | Publication date |
---|---|
WO2023236491A1 (zh) | 2023-12-14 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP7138804B2 (ja) | インタフェース表示方法及びその装置、端末並びにコンピュータプログラム | |
CN107308643B (zh) | 游戏处理方法及记录介质 | |
EP2993568B1 (en) | Electronic device including touch sensitive display and method for operating the same | |
CN106325687B (zh) | 一种调用程序的方法及终端 | |
CN111857468A (zh) | 内容分享方法及装置、设备、存储介质 | |
CN107908442B (zh) | 基于spring的资源加载方法、装置、终端设备及计算机可读存储介质 | |
CN105094557A (zh) | 一种显示控制方法及装置、电子设备 | |
CN107181858A (zh) | 一种显示通知消息的方法及终端 | |
EP3097470B1 (en) | Electronic device and user interface display method for the same | |
CN106062693B (zh) | 桌面分享方法和移动终端 | |
TW201229875A (en) | Managing an immersive environment | |
CN112948844B (zh) | 控制方法、装置及电子设备 | |
WO2012037566A1 (en) | Method and apparatus for choosing resources based on context and inheritance | |
CN107391165A (zh) | 控件显示方法、客户端和存储介质 | |
CN113835580A (zh) | 应用图标的显示方法、装置、电子设备及存储介质 | |
CN111831181A (zh) | 应用的切换显示方法、装置及电子设备 | |
CN113835588A (zh) | 快捷设置方法、装置、电子设备及存储介质 | |
CN113268182A (zh) | 应用图标的管理方法和电子设备 | |
CN112966201B (zh) | 对象处理方法、装置、电子设备以及存储介质 | |
CN114415847A (zh) | 文本信息删除方法、装置及电子设备 | |
CN112698762B (zh) | 图标显示方法、装置及电子设备 | |
CN112286554B (zh) | 应用程序更新方法、装置、电子设备和可读存储介质 | |
CN113434226A (zh) | 通信方法、装置、电子设备以及可读存储介质 | |
CN113407075A (zh) | 图标整理方法、装置和电子设备 | |
CN111666023B (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 |