CN108363575A - 一种调整冰箱显示界面布局的方法及冰箱 - Google Patents
一种调整冰箱显示界面布局的方法及冰箱 Download PDFInfo
- Publication number
- CN108363575A CN108363575A CN201810118462.1A CN201810118462A CN108363575A CN 108363575 A CN108363575 A CN 108363575A CN 201810118462 A CN201810118462 A CN 201810118462A CN 108363575 A CN108363575 A CN 108363575A
- Authority
- CN
- China
- Prior art keywords
- interface
- layout
- current
- modular assembly
- interim
- 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.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- 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)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明提供了一种调整冰箱显示界面布局的方法及冰箱,其特征在于,冰箱包括显示屏,显示屏可显示至少一个界面;预先确定至少一个界面中显示的至少两个模块组件的排序,还包括:当接收到用户针对至少两个模块组件中目标模块组件的选中操作时,执行:S1:实时监听目标模块组件是否发生移动;S2:当监听到目标模块组件发生移动时,判断当前是否需要更新,如果是,执行S3,否则,执行S1;S3:更新至少两个模块组件的排序;S4:根据更新后的至少两个模块组件的排序,生成布局方案;S5:判断是否接收到用户针对目标模块组件的释放操作,如果是,执行S6,否则,执行S1;S6:根据布局方案,调整至少一个界面的布局。本发明提供的方案能够提高用户体验。
Description
技术领域
本发明涉及智能家电技术领域,特别涉及一种调整冰箱显示界面布局的方法及冰箱。
背景技术
随着智能家电的快速发展,越来越多的用户体验到了智能家电带来的便捷生活方式。其中,具有屏幕的智能冰箱也越来越受到用户的欢迎。用户可以通过点击屏幕中不同的模块组件体验相应的智能服务,例如,语音识别、食品管理、健康菜谱、生鲜购物、影音娱乐等。
目前,界面中的模块组件的位置是固定的,用户无法根据个人喜好进行调整。例如,主界面中包括语音识别、食品管理两个模块组件,而用户经常使用的健康菜谱模块组件在其他界面中。因此,在每次使用时,用户都需要进行翻页。
综上所述,现有技术导致用户体验较差。
发明内容
本发明实施例提供了一种调整冰箱显示界面布局的方法及冰箱,能够提高用户体验。
第一方面,本发明实施例提供了一种调整冰箱显示界面布局的方法,所述冰箱包括显示屏,所述显示屏可显示至少一个界面;预先确定所述至少一个界面中显示的至少两个模块组件的排序,还包括:
当接收到用户针对所述至少两个模块组件中目标模块组件的选中操作时,执行:
S1:实时监听所述目标模块组件是否发生移动;
S2:当监听到所述目标模块组件发生移动时,判断当前是否需要更新,如果是,执行S3,否则,执行S1;
S3:更新所述至少两个模块组件的排序;
S4:根据更新后的所述至少两个模块组件的排序,生成布局方案;
S5:判断是否接收到所述用户针对所述目标模块组件的释放操作,如果是,执行S6,否则,执行S1;
S6:根据所述布局方案,调整所述至少一个界面的布局。
优选地,
所述S4,包括:
A1:将所述至少一个界面中未被选择过的一个界面作为当前界面;将排在第一位的模块组件添加进所述当前界面,并将排在第二位的模块组件作为当前模块组件;
A2:根据所述当前界面中的模块组件,确定至少一个未标记锚点;
A3:针对每一个所述未标记锚点,均执行:根据所述当前模块组件,生成与当前未标记锚点相对应的临时界面布局,并将所述临时界面布局添加进预先设置的临时布局列表;
A4:针对所述临时布局列表中的每一个临时界面布局,均执行:判断当前临时界面布局是否合法,如果否,将所述当前临时界面布局从所述临时布局列表中删除;
A5:判断所述临时布局列表中是否存在合法的临时界面布局,如果是,执行A6,否则,执行A11;
A6:在临时界面布局中确定目标临时界面布局,并对与所述目标临时界面布局相对应的未标记锚点进行标记;
A7:根据所述目标临时界面布局,将所述当前模块组件添加进所述当前界面;
A8:判断所述当前模块组件是否排在最末一位,如果是,执行A9,否则,执行A10;
A9:根据各个所述界面中的模块组件,生成布局方案,终止当前流程;
A10:按照更新后的各个所述模块组件的排序,更新所述当前模块组件,并执行A2;
A11:将所述至少一个界面中未被选择过的一个界面作为当前界面,将所述当前模块组件添加进所述当前界面,并执行A8。
优选地,
所述判断当前临时界面布局是否合法,如果否,将所述当前临时界面布局从所述临时布局列表中删除,包括:
B1:判断当前临时界面布局中任意一个模块组件是否均在所述当前界面确定的范围内,如果是,执行B2,否则,执行B3;
B2:判断各个所述模块组件间是否存在交集,如果是,终止当前流程,否则,执行B3;
B3:将所述当前临时界面布局从所述临时布局列表中删除。
优选地,
所述在临时界面布局中确定目标临时界面布局,包括:
按照所述当前模块组件距离所述当前界面的顶端由近到远的顺序,对临时界面布局进行筛选;
按照所述当前模块组件距离所述当前界面的左侧边界由近到远的顺序,在筛选后的临时界面布局中确定目标临时界面布局。
优选地,
在所述S4之后,在所述S5之前,进一步包括:
针对所述布局方案中每一个所述模块组件,均执行:确定当前模块组件所在界面的编号、以及所述当前模块组件在所述界面中的位置坐标;展示所述当前模块组件所在界面的编号、以及所述当前模块组件在所述界面中的位置坐标。
优选地,
所述判断当前是否需要更新,包括:
判断所述至少两个模块组件中是否存在与所述目标模块组件的距离小于预先设置的距离阈值的模块组件。
优选地,
所述判断当前是否需要更新,包括:
判断所述至少两个模块组件中是否存在与所述目标模块组件相交的模块组件。
优选地,
所述判断当前是否需要更新,包括:
判断所述至少两个模块组件中是否存在包含所述目标模块组件的模块组件,或,判断所述至少两个模块组件中是否存在包含于所述目标模块组件中的模块组件。
第二方面,本发明实施例提供了一种冰箱,包括:
显示屏,用于显示至少一个界面;
确定模块,用于确定所述至少一个界面中显示的至少两个模块组件的排序,当接收到用户针对所述至少两个模块组件中目标模块组件的选中操作时,触发监听模块;
所述监听模块,用于实时监听所述目标模块组件是否发生移动;
第一判断模块,用于当监听到所述目标模块组件发生移动时,判断当前是否需要更新,如果是,触发更新模块,否则,触发所述监听模块;
所述更新模块,用于更新所述至少两个模块组件的排序;
生成模块,用于根据更新后的所述至少两个模块组件的排序,生成布局方案;
第二判断模块,用于判断是否接收到所述用户针对所述目标模块组件的释放操作,如果是,触发调整模块,否则,触发所述监听模块;
所述调整模块,用于根据所述布局方案,调整所述至少一个界面的布局。
优选地,
所述生成模块,用于A1:将所述至少一个界面中未被选择过的一个界面作为当前界面;将排在第一位的模块组件添加进所述当前界面,并将排在第二位的模块组件作为当前模块组件;
A2:根据所述当前界面中的模块组件,确定至少一个未标记锚点;
A3:针对每一个所述未标记锚点,均执行:根据所述当前模块组件,生成与当前未标记锚点相对应的临时界面布局,并将所述临时界面布局添加进预先设置的临时布局列表;
A4:针对所述临时布局列表中的每一个临时界面布局,均执行:判断当前临时界面布局是否合法,如果否,将所述当前临时界面布局从所述临时布局列表中删除;
A5:判断所述临时布局列表中是否存在合法的临时界面布局,如果是,执行A6,否则,执行A11;
A6:在临时界面布局中确定目标临时界面布局,并对与所述目标临时界面布局相对应的未标记锚点进行标记;
A7:根据所述目标临时界面布局,将所述当前模块组件添加进所述当前界面;
A8:判断所述当前模块组件是否排在最末一位,如果是,执行A9,否则,执行A10;
A9:根据各个所述界面中的模块组件,生成布局方案,终止当前流程;
A10:按照更新后的各个所述模块组件的排序,更新所述当前模块组件,并执行A2;
A11:将所述至少一个界面中未被选择过的一个界面作为当前界面,将所述当前模块组件添加进所述当前界面,并执行A8。
优选地,
所述生成模块,用于B1:判断当前临时界面布局中任意一个模块组件是否均在所述当前界面确定的范围内,如果是,执行B2,否则,执行B3;
B2:判断各个所述模块组件间是否存在交集,如果是,终止当前流程,否则,执行B3;
B3:将所述当前临时界面布局从所述临时布局列表中删除。
优选地,
所述生成模块,用于按照所述当前模块组件距离所述当前界面的顶端由近到远的顺序,对临时界面布局进行筛选;按照所述当前模块组件距离所述当前界面的左侧边界由近到远的顺序,在筛选后的临时界面布局中确定目标临时界面布局。
优选地,
进一步包括:展示模块;
所述展示模块,用于针对所述布局方案中每一个所述模块组件,均执行:确定当前模块组件所在界面的编号、以及所述当前模块组件在所述界面中的位置坐标;展示所述当前模块组件所在界面的编号、以及所述当前模块组件在所述界面中的位置坐标。
优选地,
所述第一判断模块,用于判断所述至少两个模块组件中是否存在与所述目标模块组件的距离小于预先设置的距离阈值的模块组件。
优选地,
所述第一判断模块,用于判断所述至少两个模块组件中是否存在与所述目标模块组件相交的模块组件。
优选地,
所述第一判断模块,用于判断所述至少两个模块组件中是否存在包含所述目标模块组件的模块组件,或,判断所述至少两个模块组件中是否存在包含于所述目标模块组件中的模块组件。
本发明实施例提供了一种调整冰箱显示界面布局的方法及冰箱,其中,该方法在接收到用户针对目标模块组件的选中操作时,能够实时监听其是否发生移动,当目标模块组件的位置满足一定条件时,对各个模块组件的排序进行更新,并生成新的布局方案,并且,当接收到用户针对目标模块组件的释放操作时,利用新的布局方案调整各个界面中模块组件的位置。该方法可以根据用户的需要调整冰箱显示界面中各个模块组件的位置,例如,将用户使用频率较高的模块组件调整至主界面进行显示。该方法能够提高用户体验。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明一个实施例提供的一种调整冰箱显示界面布局的方法的流程图;
图2是本发明一个实施例提供的一种界面的布局示意图;
图3是本发明一个实施例提供的一种冰箱的结构示意图;
图4是本发明另一个实施例提供的一种冰箱的结构示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例,基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本发明保护的范围。
如图1所示,本发明实施例提供了一种调整冰箱显示界面布局的方法,冰箱包括显示屏,显示屏可显示至少一个界面;该方法可以包括以下步骤:
步骤101:确定至少一个界面中显示的至少两个模块组件的排序,当接收到用户针对至少两个模块组件中目标模块组件的选中操作时,执行步骤102。
其中,选中操作可以包括对屏幕的长时间按压或长时间触摸等。需要说明的是,各个模块组件的大小可能不同。
步骤102:实时监听目标模块组件是否发生移动。
在实际应用场景中,可以通过模块组件在界面的坐标确定各个模块组件的位置,当其坐标发生变化时,确定目标组件发生移动。
步骤103:当监听到目标模块组件发生移动时,判断当前是否需要更新,如果是,执行步骤104,否则,执行步骤102。
步骤104:更新至少两个模块组件的排序。
根据目标模块组件的位置,更新各个模块组件的排序。例如,移动之前模块组件的排序为A、B、C、D,现将目标模块组件A移动到与C重合,则更新模块组件的排序为B、A、C、D。需要说明的是,模块组件的更新规则并不唯一,例如,还可以将模块组件的排序更新为B、C、A、D。
步骤105:根据更新后的至少两个模块组件的排序,生成布局方案。
即根据更新后的排序对模块组件重新进行布局,每一种布局方式为一种布局方案。
步骤106:判断是否接收到用户针对目标模块组件的释放操作,如果是,执行步骤107,否则,执行步骤102。
释放操作与选中操作相对应,可以为结束长时间按压或结束长时间触摸。
步骤107:根据布局方案,调整至少一个界面的布局。
该方法在接收到用户针对目标模块组件的选中操作时,能够实时监听其是否发生移动,当目标模块组件的位置满足一定条件时,对各个模块组件的排序进行更新,并生成新的布局方案,并且,当接收到用户针对目标模块组件的释放操作时,利用新的布局方案调整各个界面中模块组件的位置。该方法可以根据用户的需要调整冰箱显示界面中各个模块组件的位置,例如,将用户使用频率较高的模块组件调整至主界面进行显示。该方法能够提高用户体验。
在本发明的一个实施例中,步骤105包括:
A1:将至少一个界面中未被选择过的一个界面作为当前界面;将排在第一位的模块组件添加进当前界面,并将排在第二位的模块组件作为当前模块组件。
例如,在重新布局之前模块组件分布在5个界面中,当重新进行布局时,需要从其中一个界面开始布局,直到将全部模块组件布局在界面中。需要说明的是,由于各个模块组件的大小可能存在差异,因此,重新布局后模块组件占用的界面数可能发生变化,例如,布局后模块分布在4个界面中。
A2:根据当前界面中的模块组件,确定至少一个未标记锚点。
在本发明实施例中,锚点用于标示后一个模块组件可能布置的位置,未标记锚点用于表示未使用过的锚点,相对应地,使用过的锚点需要进行标记。例如,将模块组件A布置在一个空白界面后,形成下锚点和右锚点,参考图2,当需要布置模块组件B时,可以根据右锚点将模块组件B布置在模块组件A的右侧,也可以根据下锚点将模块组件B布置在模块组件A的下方。
A3:针对每一个未标记锚点,均执行:根据当前模块组件,生成与当前未标记锚点相对应的临时界面布局,并将临时界面布局添加进预先设置的临时布局列表。
由于一个界面中可能布置有多个模块组件,因此,可能形成多个未标记锚点,例如,当前界面的第一行布置有三个模块组件,则可能形成三个未标记锚点,即对应于每一个模块组件的下锚点。
A4:针对临时布局列表中的每一个临时界面布局,均执行:判断当前临时界面布局是否合法,如果否,将当前临时界面布局从临时布局列表中删除。
判断当前临时界面布局是否合法,存在两方面的情况:
(1)判断当前临时界面布局中任意一个模块组件是否均在当前界面确定的范围内;
(2)判断各个模块组件间是否存在交集。
在实际应用场景中,可以仅通过一种情况进行判断,也可以将两种情况结合进行判断。
A5:判断临时布局列表中是否存在合法的临时界面布局,如果是,执行A6,否则,执行A11。
A6:在临时界面布局中确定目标临时界面布局,并对与目标临时界面布局相对应的未标记锚点进行标记。
其中,可以通过不同的规则在临时界面布局中确定目标临时界面布局,以下提供两种较为常见的规则:
(1)按照当前模块组件距离当前界面的顶端由近到远的顺序,对临时界面布局进行筛选;
(2)按照当前模块组件距离当前界面的左侧边界由近到远的顺序,在筛选后的临时界面布局中确定目标临时界面布局。
A7:根据目标临时界面布局,将当前模块组件添加进当前界面。
A8:判断当前模块组件是否排在最末一位,如果是,执行A9,否则,执行A10。
A9:根据各个界面中的模块组件,生成布局方案,终止当前流程。
当所有模块组件的位置都确定后,则形成完整的布局方案。
A10:按照更新后的各个模块组件的排序,更新当前模块组件,并执行A2;
A11:将至少一个界面中未被选择过的一个界面作为当前界面,将当前模块组件添加进当前界面,并执行A8。
当一个界面布局完成后,需要对另一个空白的界面进行布局。
在本发明的一个实施例中,为了向用户展示当前布局方案中各个模块组件的位置,同时在调整过程中为用户提供参考,该方法还包括:
针对布局方案中每一个模块组件,均执行:确定当前模块组件所在界面的编号、以及当前模块组件在界面中的位置坐标;展示当前模块组件所在界面的编号、以及当前模块组件在界面中的位置坐标。
用户可以通过界面的编号及模块组件在界面中的位置坐标,判断当前布局是否满足自身的需求,以确定是否继续移动模块组件进行界面调整。
在本发明实施例中,可以对目标模块组件进行布局隐藏,呈现给用户的体验便是,有个空的位置刚好放下正在拖动的目标模块组件,当用户结束拖动时,目标模块组件将移动到空的位置。
在本发明的一个实施例中,触发界面进行重新布局存在以下至少四种情况:
(1)判断至少两个模块组件中是否存在与目标模块组件的距离小于预先设置的距离阈值的模块组件;
(2)判断至少两个模块组件中是否存在与目标模块组件相交的模块组件;
(3)判断至少两个模块组件中是否存在包含目标模块组件的模块组件;
(4)判断至少两个模块组件中是否存在包含于目标模块组件中的模块组件。
本发明实施例以两个界面为例,对调整冰箱显示界面布局的方法进行详细地说明,该方法包括以下步骤:
C1:确定至少一个界面中显示的至少两个模块组件的排序,当接收到用户针对至少两个模块组件中目标模块组件的选中操作时,执行C2。
在本发明实施例中,包括两个界面,每一个界面布置有4个模块组件,成两行两列排布,包括:语音识别、食品管理、健康菜谱、生鲜购物、影音娱乐等,用户要将位于第一个界面第一位的语音识别模块组件移至第二个界面第一位。
当前各个模块组件的排序为语音识别、食品管理、健康菜谱、生鲜购物、影音娱乐……
用户长按语音识别模块组件,触发执行C2。
C2:实时监听目标模块组件是否发生移动。
用户横向拖动语音识别模块组件。
C3:当监听到目标模块组件发生移动时,判断至少两个模块组件中是否存在与目标模块组件相交的模块组件,如果是,执行C4,否则,执行C2。
随着语音识别模块组件的横向移动,与食品管理模块组件相交,触发C4。
C4:更新至少两个模块组件的排序。
将模块组件的排序更新为食品管理、语音识别、健康菜谱、生鲜购物、影音娱乐……
C5:将至少一个界面中未被选择过的一个界面作为当前界面;将排在第一位的模块组件添加进当前界面,并将排在第二位的模块组件作为当前模块组件。
在两个界面中确定一个空白界面作为当前界面,并且,该界面的编号为1。将食品管理模块组件添加进当前界面。
C6:根据当前界面中的模块组件,确定至少一个未标记锚点。
当前界面中包括食品管理模块组件,其位置如图2所示。根据食品管理模块组件,确定两个未标记锚点。
C7:针对每一个未标记锚点,均执行:根据当前模块组件,生成与当前未标记锚点相对应的临时界面布局,并将临时界面布局添加进预先设置的临时布局列表。
根据两个未标记锚点,可以生成两个临时界面布局M、N,其中,在M中,语音识别模块组件位于食品管理模块组件的右侧;在N中,语音识别模块组件位于食品管理模块组件的下方。
C8:针对临时布局列表中的每一个临时界面布局,均执行:判断当前临时界面布局是否合法,如果否,将当前临时界面布局从临时布局列表中删除。
判断当前临时界面布局是否合法的过程如下:
D1:判断当前临时界面布局中任意一个模块组件是否均在当前界面确定的范围内,如果是,执行D2,否则,执行D3;
D2:判断各个模块组件间是否存在交集,如果是,终止当前流程,否则,执行D3;
D3:将当前临时界面布局从临时布局列表中删除。
临时界面布局M、N均为合法布局。
C9:判断临时布局列表中是否存在合法的临时界面布局,如果是,执行C10,否则,执行C15。
C10:按照当前模块组件距离当前界面的顶端由近到远的顺序,对临时界面布局进行筛选,按照当前模块组件距离当前界面的左侧边界由近到远的顺序,在筛选后的临时界面布局中确定目标临时界面布局,并对与目标临时界面布局相对应的未标记锚点进行标记。
根据上述筛选过程,确定目标临时界面布局为M。
C11:根据目标临时界面布局,将当前模块组件添加进当前界面。
C12:判断当前模块组件是否排在最末一位,如果是,执行C13,否则,执行C14。
其他模块组件的布局过程与语音识别模块组件的布局过程类似,此处不再赘述。
C13:根据各个界面中的模块组件,生成布局方案,终止当前流程。
当完成所有的模块组件布局时,生成布局方案。
C14:按照更新后的各个模块组件的排序,更新当前模块组件,并执行C6。
C15:将至少一个界面中未被选择过的一个界面作为当前界面,将当前模块组件添加进当前界面,并执行C12。
当编号为1的界面布局完成后,继续编号为2的界面的布局,直至完成所有模块组件的布局。
C16:判断是否接收到用户针对目标模块组件的释放操作,如果是,执行C17,否则,执行C2。
C17:根据布局方案,调整至少一个界面的布局。
随着用户继续横向拖动语音识别模块组件,屏幕显示界面翻页,语音识别模块组件与影音娱乐模块组件相交,以下的处理过程与上述音识别模块组件与食品管理模块组件相交时的处理过程类似,此处不再赘述。
如图3所示,本发明实施例提供了一种冰箱,包括:
显示屏301,用于显示至少一个界面;
确定模块302,用于确定至少一个界面中显示的至少两个模块组件的排序,当接收到用户针对至少两个模块组件中目标模块组件的选中操作时,触发监听模块303;
监听模块303,用于实时监听目标模块组件是否发生移动;
第一判断模块304,用于当监听到目标模块组件发生移动时,判断当前是否需要更新,如果是,触发更新模块305,否则,触发监听模块303;
更新模块305,用于更新至少两个模块组件的排序;
生成模块306,用于根据更新后的至少两个模块组件的排序,生成布局方案;
第二判断模块307,用于判断是否接收到用户针对目标模块组件的释放操作,如果是,触发调整模块308,否则,触发监听模块303;
调整模块308,用于根据布局方案,调整至少一个界面的布局。
在本发明的一个实施例中,生成模块306,用于A1:将至少一个界面中未被选择过的一个界面作为当前界面;将排在第一位的模块组件添加进当前界面,并将排在第二位的模块组件作为当前模块组件;
A2:根据当前界面中的模块组件,确定至少一个未标记锚点;
A3:针对每一个未标记锚点,均执行:根据当前模块组件,生成与当前未标记锚点相对应的临时界面布局,并将临时界面布局添加进预先设置的临时布局列表;
A4:针对临时布局列表中的每一个临时界面布局,均执行:判断当前临时界面布局是否合法,如果否,将当前临时界面布局从临时布局列表中删除;
A5:判断临时布局列表中是否存在合法的临时界面布局,如果是,执行A6,否则,执行A11;
A6:在临时界面布局中确定目标临时界面布局,并对与目标临时界面布局相对应的未标记锚点进行标记;
A7:根据目标临时界面布局,将当前模块组件添加进当前界面;
A8:判断当前模块组件是否排在最末一位,如果是,执行A9,否则,执行A10;
A9:根据各个界面中的模块组件,生成布局方案,终止当前流程;
A10:按照更新后的各个模块组件的排序,更新当前模块组件,并执行A2;
A11:将至少一个界面中未被选择过的一个界面作为当前界面,将当前模块组件添加进当前界面,并执行A8。
在本发明的一个实施例中,生成模块306,用于B1:判断当前临时界面布局中任意一个模块组件是否均在当前界面确定的范围内,如果是,执行B2,否则,执行B3;
B2:判断各个模块组件间是否存在交集,如果是,终止当前流程,否则,执行B3;
B3:将当前临时界面布局从临时布局列表中删除。
在本发明的一个实施例中,生成模块306,用于按照当前模块组件距离当前界面的顶端由近到远的顺序,对临时界面布局进行筛选;
按照当前模块组件距离当前界面的左侧边界由近到远的顺序,在筛选后的临时界面布局中确定目标临时界面布局。
在本发明的一个实施例中,如图4所示,该冰箱包括:展示模块309;
展示模块309,用于针对布局方案中每一个模块组件,均执行:确定当前模块组件所在界面的编号、以及当前模块组件在界面中的位置坐标;展示当前模块组件所在界面的编号、以及当前模块组件在界面中的位置坐标。
在本发明的一个实施例中,第一判断模块304,用于判断至少两个模块组件中是否存在与目标模块组件的距离小于预先设置的距离阈值的模块组件;
在本发明的一个实施例中,第一判断模块304,用于判断至少两个模块组件中是否存在与目标模块组件相交的模块组件;
在本发明的一个实施例中,第一判断模块304,用于判断至少两个模块组件中是否存在包含目标模块组件的模块组件,或,判断至少两个模块组件中是否存在包含于目标模块组件中的模块组件。
上述装置内的各单元之间的信息交互、执行过程等内容,由于与本发明方法实施例基于同一构思,具体内容可参见本发明方法实施例中的叙述,此处不再赘述。
本发明实施例提供了一种可读介质,包括执行指令,当存储控制器的处理器执行执行指令时,存储控制器执行上述任一实施例的方法。
本发明实施例提供了一种存储控制器,包括:处理器、存储器和总线;
存储器用于存储执行指令,处理器与存储器通过总线连接,当存储控制器运行时,处理器执行存储器存储的执行指令,以使存储控制器执行上述任一实施例的方法。
综上,本发明各个实施例至少具有如下效果:
1、在本发明实施例中,该方法在接收到用户针对目标模块组件的选中操作时,能够实时监听其是否发生移动,当目标模块组件的位置满足一定条件时,对各个模块组件的排序进行更新,并生成新的布局方案,并且,当接收到用户针对目标模块组件的释放操作时,利用新的布局方案调整各个界面中模块组件的位置。该方法可以根据用户的需要调整冰箱显示界面中各个模块组件的位置,例如,将用户使用频率较高的模块组件调整至主界面进行显示。该方法能够提高用户体验。
2、在本发明实施例中,可以根据拖动的模块组件的位置,显示当下布局方案中各个界面的编号、以及各个模块组件在界面中的位置坐标,以使用户实时掌握拖动后形成的布局效果,进一步提高用户体验。
3、在本发明实施例中,通过分步搜索排序对界面进行动态布局调整,能够实现对不同大小模块组件的一次性布局,不需要二次操作,极大的提高了冰箱屏幕界面用户定制的用户体验和效率。
需要说明的是,在本文中,诸如第一和第二之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个······”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同因素。
本领域普通技术人员可以理解:实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成,前述的程序可以存储在计算机可读取的存储介质中,该程序在执行时,执行包括上述方法实施例的步骤;而前述的存储介质包括:ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质中。
最后需要说明的是:以上所述仅为本发明的较佳实施例,仅用于说明本发明的技术方案,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所做的任何修改、等同替换、改进等,均包含在本发明的保护范围内。
Claims (10)
1.一种调整冰箱显示界面布局的方法,其特征在于,所述冰箱包括显示屏,所述显示屏可显示至少一个界面;预先确定所述至少一个界面中显示的至少两个模块组件的排序,还包括:
当接收到用户针对所述至少两个模块组件中目标模块组件的选中操作时,执行:
S1:实时监听所述目标模块组件是否发生移动;
S2:当监听到所述目标模块组件发生移动时,判断当前是否需要更新,如果是,执行S3,否则,执行S1;
S3:更新所述至少两个模块组件的排序;
S4:根据更新后的所述至少两个模块组件的排序,生成布局方案;
S5:判断是否接收到所述用户针对所述目标模块组件的释放操作,如果是,执行S6,否则,执行S1;
S6:根据所述布局方案,调整所述至少一个界面的布局。
2.根据权利要求1所述的调整冰箱显示界面布局的方法,其特征在于,
所述S4,包括:
A1:将所述至少一个界面中未被选择过的一个界面作为当前界面;将排在第一位的模块组件添加进所述当前界面,并将排在第二位的模块组件作为当前模块组件;
A2:根据所述当前界面中的模块组件,确定至少一个未标记锚点;
A3:针对每一个所述未标记锚点,均执行:根据所述当前模块组件,生成与当前未标记锚点相对应的临时界面布局,并将所述临时界面布局添加进预先设置的临时布局列表;
A4:针对所述临时布局列表中的每一个临时界面布局,均执行:判断当前临时界面布局是否合法,如果否,将所述当前临时界面布局从所述临时布局列表中删除;
A5:判断所述临时布局列表中是否存在合法的临时界面布局,如果是,执行A6,否则,执行A11;
A6:在临时界面布局中确定目标临时界面布局,并对与所述目标临时界面布局相对应的未标记锚点进行标记;
A7:根据所述目标临时界面布局,将所述当前模块组件添加进所述当前界面;
A8:判断所述当前模块组件是否排在最末一位,如果是,执行A9,否则,执行A10;
A9:根据各个所述界面中的模块组件,生成布局方案,终止当前流程;
A10:按照更新后的各个所述模块组件的排序,更新所述当前模块组件,并执行A2;
A11:将所述至少一个界面中未被选择过的一个界面作为当前界面,将所述当前模块组件添加进所述当前界面,并执行A8。
3.根据权利要求2所述的调整冰箱显示界面布局的方法,其特征在于,
所述判断当前临时界面布局是否合法,如果否,将所述当前临时界面布局从所述临时布局列表中删除,包括:
B1:判断当前临时界面布局中任意一个模块组件是否均在所述当前界面确定的范围内,如果是,执行B2,否则,执行B3;
B2:判断各个所述模块组件间是否存在交集,如果是,终止当前流程,否则,执行B3;
B3:将所述当前临时界面布局从所述临时布局列表中删除;
和/或,
所述在临时界面布局中确定目标临时界面布局,包括:
按照所述当前模块组件距离所述当前界面的顶端由近到远的顺序,对临时界面布局进行筛选;
按照所述当前模块组件距离所述当前界面的左侧边界由近到远的顺序,在筛选后的临时界面布局中确定目标临时界面布局。
4.根据权利要求1所述的调整界面布局的方法,其特征在于,
在所述S4之后,在所述S5之前,进一步包括:
针对所述布局方案中每一个所述模块组件,均执行:确定当前模块组件所在界面的编号、以及所述当前模块组件在所述界面中的位置坐标;展示所述当前模块组件所在界面的编号、以及所述当前模块组件在所述界面中的位置坐标。
5.根据权利要求1-4中任一所述的调整界面布局的方法,其特征在于,
所述判断当前是否需要更新,包括:
判断所述至少两个模块组件中是否存在与所述目标模块组件的距离小于预先设置的距离阈值的模块组件;
和/或,
所述判断当前是否需要更新,包括:
判断所述至少两个模块组件中是否存在与所述目标模块组件相交的模块组件;
和/或,
所述判断当前是否需要更新,包括:
判断所述至少两个模块组件中是否存在包含所述目标模块组件的模块组件,或,判断所述至少两个模块组件中是否存在包含于所述目标模块组件中的模块组件。
6.一种冰箱,其特征在于,包括:
显示屏,用于显示至少一个界面;
确定模块,用于确定所述至少一个界面中显示的至少两个模块组件的排序,当接收到用户针对所述至少两个模块组件中目标模块组件的选中操作时,触发监听模块;
所述监听模块,用于实时监听所述目标模块组件是否发生移动;
第一判断模块,用于当监听到所述目标模块组件发生移动时,判断当前是否需要更新,如果是,触发更新模块,否则,触发所述监听模块;
所述更新模块,用于更新所述至少两个模块组件的排序;
生成模块,用于根据更新后的所述至少两个模块组件的排序,生成布局方案;
第二判断模块,用于判断是否接收到所述用户针对所述目标模块组件的释放操作,如果是,触发调整模块,否则,触发所述监听模块;
所述调整模块,用于根据所述布局方案,调整所述至少一个界面的布局。
7.根据权利要求1所述的冰箱,其特征在于,
所述生成模块,用于A1:将所述至少一个界面中未被选择过的一个界面作为当前界面;将排在第一位的模块组件添加进所述当前界面,并将排在第二位的模块组件作为当前模块组件;
A2:根据所述当前界面中的模块组件,确定至少一个未标记锚点;
A3:针对每一个所述未标记锚点,均执行:根据所述当前模块组件,生成与当前未标记锚点相对应的临时界面布局,并将所述临时界面布局添加进预先设置的临时布局列表;
A4:针对所述临时布局列表中的每一个临时界面布局,均执行:判断当前临时界面布局是否合法,如果否,将所述当前临时界面布局从所述临时布局列表中删除;
A5:判断所述临时布局列表中是否存在合法的临时界面布局,如果是,执行A6,否则,执行A11;
A6:在临时界面布局中确定目标临时界面布局,并对与所述目标临时界面布局相对应的未标记锚点进行标记;
A7:根据所述目标临时界面布局,将所述当前模块组件添加进所述当前界面;
A8:判断所述当前模块组件是否排在最末一位,如果是,执行A9,否则,执行A10;
A9:根据各个所述界面中的模块组件,生成布局方案,终止当前流程;
A10:按照更新后的各个所述模块组件的排序,更新所述当前模块组件,并执行A2;
A11:将所述至少一个界面中未被选择过的一个界面作为当前界面,将所述当前模块组件添加进所述当前界面,并执行A8。
8.根据权利要求7所述的冰箱,其特征在于,
所述生成模块,用于B1:判断当前临时界面布局中任意一个模块组件是否均在所述当前界面确定的范围内,如果是,执行B2,否则,执行B3;
B2:判断各个所述模块组件间是否存在交集,如果是,终止当前流程,否则,执行B3;
B3:将所述当前临时界面布局从所述临时布局列表中删除;
和/或,
所述生成模块,用于按照所述当前模块组件距离所述当前界面的顶端由近到远的顺序,对临时界面布局进行筛选;按照所述当前模块组件距离所述当前界面的左侧边界由近到远的顺序,在筛选后的临时界面布局中确定目标临时界面布局。
9.根据权利要求6所述的冰箱,其特征在于,
进一步包括:展示模块;
所述展示模块,用于针对所述布局方案中每一个所述模块组件,均执行:确定当前模块组件所在界面的编号、以及所述当前模块组件在所述界面中的位置坐标;展示所述当前模块组件所在界面的编号、以及所述当前模块组件在所述界面中的位置坐标。
10.根据权利要求6-9中任一所述的冰箱,其特征在于,
所述第一判断模块,用于判断所述至少两个模块组件中是否存在与所述目标模块组件的距离小于预先设置的距离阈值的模块组件;
和/或,
所述第一判断模块,用于判断所述至少两个模块组件中是否存在与所述目标模块组件相交的模块组件;
和/或,
所述第一判断模块,用于判断所述至少两个模块组件中是否存在包含所述目标模块组件的模块组件,或,判断所述至少两个模块组件中是否存在包含于所述目标模块组件中的模块组件。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810118462.1A CN108363575B (zh) | 2018-02-06 | 2018-02-06 | 一种调整冰箱显示界面布局的方法及冰箱 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810118462.1A CN108363575B (zh) | 2018-02-06 | 2018-02-06 | 一种调整冰箱显示界面布局的方法及冰箱 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN108363575A true CN108363575A (zh) | 2018-08-03 |
CN108363575B CN108363575B (zh) | 2021-06-01 |
Family
ID=63004622
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810118462.1A Active CN108363575B (zh) | 2018-02-06 | 2018-02-06 | 一种调整冰箱显示界面布局的方法及冰箱 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108363575B (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113296768A (zh) * | 2020-08-28 | 2021-08-24 | 阿里巴巴集团控股有限公司 | 用户界面的生成方法、装置及商家店铺界面的生成方法 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102609187A (zh) * | 2012-01-11 | 2012-07-25 | 中兴通讯股份有限公司 | 一种显示菜单的方法及终端设备 |
CN103631487A (zh) * | 2012-08-21 | 2014-03-12 | 腾讯科技(深圳)有限公司 | 一种配置页面的方法及装置 |
US20170046177A1 (en) * | 2015-08-12 | 2017-02-16 | Azbil Corporation | Screen generating apparatus |
CN106843817A (zh) * | 2015-12-03 | 2017-06-13 | 陈包容 | 一种移动终端桌面组件的智能显示方法及装置 |
CN106855806A (zh) * | 2016-12-08 | 2017-06-16 | 乐视控股(北京)有限公司 | 一种界面布局自定义调整的方法及装置 |
CN107357578A (zh) * | 2017-07-01 | 2017-11-17 | 北京奇虎科技有限公司 | 一种基于移动终端的社交软件的快捷搜索方法及装置 |
US10289657B2 (en) * | 2011-09-25 | 2019-05-14 | 9224-5489 Quebec Inc. | Method of retrieving information elements on an undisplayed portion of an axis of information elements |
-
2018
- 2018-02-06 CN CN201810118462.1A patent/CN108363575B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US10289657B2 (en) * | 2011-09-25 | 2019-05-14 | 9224-5489 Quebec Inc. | Method of retrieving information elements on an undisplayed portion of an axis of information elements |
CN102609187A (zh) * | 2012-01-11 | 2012-07-25 | 中兴通讯股份有限公司 | 一种显示菜单的方法及终端设备 |
CN103631487A (zh) * | 2012-08-21 | 2014-03-12 | 腾讯科技(深圳)有限公司 | 一种配置页面的方法及装置 |
US20170046177A1 (en) * | 2015-08-12 | 2017-02-16 | Azbil Corporation | Screen generating apparatus |
CN106843817A (zh) * | 2015-12-03 | 2017-06-13 | 陈包容 | 一种移动终端桌面组件的智能显示方法及装置 |
CN106855806A (zh) * | 2016-12-08 | 2017-06-16 | 乐视控股(北京)有限公司 | 一种界面布局自定义调整的方法及装置 |
CN107357578A (zh) * | 2017-07-01 | 2017-11-17 | 北京奇虎科技有限公司 | 一种基于移动终端的社交软件的快捷搜索方法及装置 |
Non-Patent Citations (1)
Title |
---|
张高: ""可视化拖拽 UI 布局之拖拽篇"", 《HTTPS://SEGMENTFAULT.COM/A/1190000012945944》 * |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113296768A (zh) * | 2020-08-28 | 2021-08-24 | 阿里巴巴集团控股有限公司 | 用户界面的生成方法、装置及商家店铺界面的生成方法 |
Also Published As
Publication number | Publication date |
---|---|
CN108363575B (zh) | 2021-06-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104915117B (zh) | 控制与虚拟目标进行交互的方法和装置 | |
JP2021515601A (ja) | 情報処理方法、装置、記憶媒体及び電子デバイス | |
CN106528395B (zh) | 测试用例的生成方法及装置 | |
EP3300780A1 (en) | Display control apparatus, display control system, display control method and display control program | |
CN108379839A (zh) | 控件的响应方法、装置和终端 | |
CN110420459A (zh) | 虚拟单位组队控制方法、装置、电子设备及存储介质 | |
CN105868074A (zh) | 一种控制终端使用时间的方法及装置 | |
CN106550277A (zh) | 一种加载弹幕的方法及显示设备 | |
CN108961267A (zh) | 图片处理方法、图片处理装置及终端设备 | |
CN104536670A (zh) | 基于用户界面的交互方法和相关装置 | |
CN108133078A (zh) | 基于720全景照片的虚拟样板引路质量管控方法 | |
CN102411467B (zh) | 电子设备及其内容管理方法 | |
CN102968259B (zh) | 执行程序的方法及装置 | |
CN108363575A (zh) | 一种调整冰箱显示界面布局的方法及冰箱 | |
WO2024193611A1 (zh) | 区域配置方法、装置和计算机可读存储介质 | |
CN109613349A (zh) | 一种故障可视化方法及终端设备 | |
CN111282270A (zh) | 基于游戏角色平衡发展的游戏任务显示方法、装置及设备 | |
CN109218817A (zh) | 一种显示虚拟礼物提示消息的方法和装置 | |
CN105094738B (zh) | 一种控制方法及电子设备 | |
CN110377295A (zh) | 一种管理平台部署方法、装置及设备 | |
CN106325667A (zh) | 一种快速定位目标对象的方法及装置 | |
US20100134500A1 (en) | Apparatus and method for producing crowd animation | |
CN115859683A (zh) | 一种基于自动驾驶的场景仿真评估方法及装置 | |
CN103501865B (zh) | 社交互动内容创建者开发 | |
CN108932704A (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |