CN102087600B - 界面自主规划方法及装置 - Google Patents

界面自主规划方法及装置 Download PDF

Info

Publication number
CN102087600B
CN102087600B CN201110047434.3A CN201110047434A CN102087600B CN 102087600 B CN102087600 B CN 102087600B CN 201110047434 A CN201110047434 A CN 201110047434A CN 102087600 B CN102087600 B CN 102087600B
Authority
CN
China
Prior art keywords
interface element
interface
region
block
element type
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.)
Active
Application number
CN201110047434.3A
Other languages
English (en)
Other versions
CN102087600A (zh
Inventor
张明修
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Honor Device Co Ltd
Original Assignee
Huawei Device Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Huawei Device Co Ltd filed Critical Huawei Device Co Ltd
Priority to CN201110047434.3A priority Critical patent/CN102087600B/zh
Publication of CN102087600A publication Critical patent/CN102087600A/zh
Priority to PCT/CN2012/071741 priority patent/WO2012116634A1/zh
Priority to EP12752175.5A priority patent/EP2669793B1/en
Priority to US14/010,135 priority patent/US20130346890A1/en
Application granted granted Critical
Publication of CN102087600B publication Critical patent/CN102087600B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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/04817Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048Indexing scheme relating to G06F3/048
    • G06F2203/04803Split screen, i.e. subdividing the display area or the window area into separate subareas

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Stored Programmes (AREA)

Abstract

本发明提供一种界面自主规划方法及装置。其中一种界面自主规划方法包括:根据界面布局请求,将界面划分成个数与界面布局请求中界面元素类型数相同的区域;界面布局请求包括界面元素类型数;将每个区域划分成文本块和元素块;根据界面元素划分请求,将界面元素分别布设于所属界面元素类型所对应区域的元素块中,并在各区域的文本块中,分别显示区域对应的界面元素类型;界面元素划分请求包括界面元素所属的界面元素类型和区域对应的界面元素类型。本发明实现了根据用户喜好对界面进行布局的目的。

Description

界面自主规划方法及装置
技术领域
本发明实施例涉及计算机技术,尤其涉及一种界面自主规划方法及装置。
背景技术
目前,各种终端的界面,包括手机的界面、个人数字助理的界面、掌上电脑的界面和个人计算机的界面等,其中的界面元素布局方式包括:以已设置好的排列模式在界面上逐一列举所有界面元素,或者将界面元素分成固定的类别数,将界面元素按类别置入界面上的不同区域等。
然而,上述界面布局方式对于用户来说是固定不变的。用户无法根据喜好,设置各界面元素在界面上的布局。
发明内容
本发明实施例提供一种界面自主规划方法及装置,用以解决现有技术中用户无法自主选择界面布局的缺陷,实现了根据用户喜好对界面进行布局的目的。
本发明实施例提供一种界面自主规划方法,包括:
根据界面布局请求,将界面划分成个数与界面布局请求中界面元素类型数相同的区域;所述界面布局请求包括所述界面元素类型数;
将每个区域划分成文本块和元素块;
根据界面元素划分请求,将界面元素分别布设于所属界面元素类型所对应区域的元素块中,并在各所述区域的文本块中,分别显示所述区域对应的界面元素类型;所述界面元素划分请求包括界面元素所属的界面元素类型和所述区域对应的界面元素类型。
本发明实施例提供一种界面自主规划装置,包括:
接收模块,用于接收界面布局请求,所述界面布局请求包括界面元素类型数;还用于接收界面元素划分请求,所述界面元素划分请求包括界面元素所属的界面元素类型和所述区域对应的界面元素类型;
区域划分模块,用于根据所述界面布局请求,将界面划分成个数与所述界面元素类型数相同的区域;
块划分模块,用于将每个区域划分成文本块和元素块;
布设模块,用于根据界面元素划分请求,将界面元素分别布设于所属界面元素类型所对应区域的元素块中,并在各所述区域的文本块中,分别显示所述区域对应的界面元素类型。
本发明实施例提供的界面自主规划方法及装置,终端根据用户选择的界面元素类型数,将界面划分成相应个数的区域且各区域间的布局按预设的区域布局模式,并将每个区域划分成用于显示界面元素类型的文本块和用于布设界面元素的元素块。因此,终端根据用户的自主选择,可为用户提供具有不同布局的界面,每个区域具有标示界面元素类型的显示信息,且每个区域中界面元素也根据终端的自主选择而绘制。从而,本发明实施例实现了根据用户喜好对界面进行布局的目的。
本发明实施例还提供一种界面自主规划方法,包括:
根据界面划分请求中界面元素类型数,将界面划分成2*N个块;N为所述界面元素类型数;所述界面划分请求包括所述界面类型数、界面元素类型显示位置、各界面元素类型和每个界面元素所属的界面元素类型;
在所述界面元素类型显示位置表示在行显示界面元素类型时,将第一行中所有块设置为文本块,分别在每个文本块中显示各界面元素类型,将第二行中所有块设置为元素块,分别在每个元素块中绘制与同一列的文本块所显示的界面元素类型相对应的界面元素;
在所述界面元素类型显示位置表示在列显示界面元素类型时,将第一列中所有块设置为文本块,分别在每个文本块中显示各界面元素类型,将第二列中所有块设置为元素块,分别在每个元素块中绘制与同一行的文本块所显示的界面元素类型相对应的界面元素。
本发明实施例还提供一种界面自主规划装置,包括:
划分模块,用于根据界面划分请求中界面元素类型数,将界面划分成2*N个块;N为所述界面元素类型数;所述界面划分请求包括所述界面类型数、界面元素类型显示位置、各界面元素类型和每个界面元素所属的界面元素类型;
第一绘制模块,用于在所述界面元素类型显示位置表示在行显示界面元素类型时,将第一行中所有块设置为文本块,分别在每个文本块中显示各界面元素类型,将第二行中所有块设置为元素块,分别在每个元素块中绘制与同一列的文本块所显示的界面元素类型相对应的界面元素;
第二绘制模块,用于在所述界面元素类型显示位置表示在列显示界面元素类型时,将第一列中所有块设置为文本块,分别在每个文本块中显示各界面元素类型,将第二列中所有块设置为元素块,分别在每个元素块中绘制与同一行的文本块所显示的界面元素类型相对应的界面元素。
本发明实施例提供的界面自主规划方法及装置,终端根据用户选择的界面元素类型数,将界面划分成个数为界面元素类型数两倍的块,并根据用户选择的界面元素类型显示位置,在第一行或第一列的所有块中显示各界面元素类型,并在第二行的相邻块或第二列的相邻块中显示同一列或同一行的块所对应界面元素类型的所有界面元素。因此,终端根据用户的自主选择,可为用户提供具有不同布局的界面,设置每个界面元素所在的块,并设置每个界面元素所属的界面元素类型。从而,实现了根据用户喜好对界面进行布局的目的。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1A为本发明提供的一种界面自主规划方法实施例流程图;
图1B为本发明提供的一种界面自主规划方法实施例中一种界面布局模式图;
图1C为本发明提供的一种界面自主规划方法实施例中另一种界面布局模式图;
图1D为本发明提供的一种界面自主规划方法实施例中又一种界面布局模式图;
图1E为本发明提供的一种界面自主规划方法实施例中再一种界面布局模式图;
图1F为本发明提供的一种界面自主规划方法实施例中再一种界面布局模式图;
图1G为本发明提供的一种界面自主规划方法实施例中再一种界面布局模式图;
图2为本发明提供的一种界面自主规划装置实施例一结构示意图;
图3A为提供的一种界面自主规划装置实施例二结构示意图;
图3B为提供的一种界面自主规划装置实施例三结构示意图;
图4A为本发明提供的另一种界面自主规划方法实施例流程图;
图4B为本发明提供的另一种界面自主规划方法实施例中一种界面布局模式图;
图4C为本发明提供的另一种界面自主规划方法实施例中另一种界面布局模式图;
图5为本发明提供的另一种界面自主规划装置实施例结构示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
本发明提供的界面自主规划方法,为用户提供界面布局选择接口接收用户选择的界面布局方式,并根据用户自主选择的界面布局方式向用户呈现绘制有应用图标的界面。
图1A为本发明提供的一种界面自主规划方法实施例流程图,图1B为本发明提供的一种界面自主规划方法实施例中一种界面布局模式图,图1C为本发明提供的一种界面自主规划方法实施例中另一种界面布局模式图,图1D为本发明提供的一种界面自主规划方法实施例中又一种界面布局模式图。图1E为本发明提供的一种界面自主规划方法实施例中再一种界面布局模式图,图1F为本发明提供的一种界面自主规划方法实施例中再一种界面布局模式图,图1G为本发明提供的一种界面自主规划方法实施例中再一种界面布局模式图。
本实施例的执行主体可为终端或终端的中央处理单元。如图1A所示,本实施例包括:
步骤11:终端根据界面布局请求,将界面划分成个数与界面布局请求中的界面元素类型数相同的区域;界面布局请求包括界面元素类型数。
本发明实施例中终端为用户提供了输入或选择界面类型数的人机接口。终端通过人机接口接收用户的界面布局请求,界面布局请求包括用户请求的界面元素类型数。其中,界面元素类型的个数简称界面元素类型数,为所有界面元素被用户划分的类型数。本发明实施例将一类界面元素绘制在一个区域内,因此界面元素类型数也就是界面被划分的区域个数。
终端接收到用户的界面布局请求后,根据其中界面元素类型数,按照预设的区域布局模式,将界面划分成个数与界面元素类型数相同的区域。例如,用户选择将所有界面元素划分为三类,即界面元素类型数为三,如图1B所示,终端接收到用户的界面布局请求后,根据界面布局请求将界面上的区域划分为三个区域,各区域按照终端预设的区域布局模式排列。其中,默认区域布局模式排列为各区域呈矩形状且每个区域分别占据界面中的一行。
区域布局模式可由终端预设,也可由用户设定。进一步,终端还为用户提供了输入或选择区域布局模式的人机接口。区域布局模式为区域间排列模式,例如、各区域间沿列排列、各区域间沿行排列、或各区域排列在一起可形成菱形状等。终端接收到用户的界面布局请求后,根据其中区域布局模式,将界面划分成个数与其中界面元素类型数相同的区域。
例如,用户选择将所有界面元素划分为三类,即界面元素类型数为三,同时用户还选择将各区域沿行排列,即区域布局模式为各区域沿行排列。如图1B所示,终端接收到用户的界面布局请求后,根据界面布局请求将界面上的区域划分为三个区域,每个区域呈矩形状且每个区域分别占据界面的一行。
又例如,用户选择将所有界面元素划分为三类,同时用户还选择将各区域沿列排列,即区域布局模式为各区域沿列排列。如图1C所示,终端接收到用户的界面布局请求后,同样将界面划分三个区域,每个区域也呈矩形状,但界面的布局模式不同于图1B,界面上每个区域分别占据界面的一列即各区域沿列排列。又例如,用户选择将所有界面元素划分为五类,同时用户还选择将各区域沿列排列。如图1D所示,终端接收到用户的界面布局请求后,将界面划分为五个区域,区域布局模式与图1C所示的区域布局模式相同,但界面中的区域个数与图1C不同。又例如,用户选择将所有界面元素划分为五类,同时用户选择将各区域沿对角线排列,如图1F所示,终端根据界面将界面上的区域划分为三个区域,各区域沿对角线排列。又例如,用户选择将所有界面元素划分为四类,同时用户选择将各区域成菱形排列,如图1G所示,终端根据界面将界面上的区域划分为四个区域,各区域沿成菱形排列。
进一步,界面上每个区域的形状和大小可以是终端预设的,也可以由用户自主选择。在用户自主确定每个区域的形状和大小时,用户通过终端提供的人机接口输入或选择每个区域的形状和大小,也就是说用户的界面布局请求中还包括用户请求的每个区域的大小和形状。终端根据用户选择的每个区域的形状和大小,设置界面中每个区域的形状和大小。如图1B至图1G所示,区域的形状可为矩形、圆形或三角形等。
步骤12:终端将界面上每个区域划分成文本块和元素块。
终端将界面上每个区域再划分成两个块:文本块和元素块。文本块用于显示所属区域所对应的界面元素类型,元素块用于绘制所属区域所对应界面元素类型的所有界面元素。其中,界面元素可为图标,界面元素类型可为表示界面元素类型的文本信息。
进一步,每个块的形状、位置和块大小,可由终端预设也可由用户自主选择。由用户自主选择每个块的形状、位置和块大小时,用户通过终端提供的人机接口选择块形状、块位置和块大小。终端接收到块布局请求后,根据用户选择的块形状、块位置和块大小,将每个区域划分为两个块;并根据块布局请求中块属性,将其中一块设置为文本块,另一块设置为元素块。
步骤13:终端根据界面元素划分请求,将界面元素分别布设于所属界面元素类型所对应区域的元素块中,并在各所述区域的文本块中,分别显示所述区域对应的界面元素类型。
用户通过人机接口选择每个区域对应的界面元素类型,为每个界面元素设置界面元素类型。也就是说,终端接收到的界面元素划分请求包括界面元素所属的界面元素类型和所述区域对应的界面元素类型。如图1B所示,第一行对应区域的文本块中显示的界面元素类型为“工具类”,相应地在第一行对应区域的元素块中绘制的是用户自主划分的属于工具类的界面元素,例如记事本、闹钟等。第二行对应区域的文本块中显示的界面元素类型为“娱乐类”,相应地在第二行所属区域的元素块中绘制的是用户自定义的属于娱乐类的界面元素,例如多媒体播放器、聊天软件等。图1E中区域个数和区域布局模式与图1B相同,但每个区域中元素块中绘制的界面元素不同,上述不同均根据用户的不同选择而设置。
另外,在终端向元素块中布设界面元素之前,还可根据界面元素划分请求中界面元素的图标和形状,设置界面元素的图标和形状。具体地,用户通过人机接口设定每个界面元素的图标和形状,终端将界面元素分别布设于所属界面元素类型所对应区域的元素块之前,根据用户设定的界面元素的图标和形状,设置界面元素的图标和形状。
终端在元素块中布设各界面元素并在区域中显示对应的界面元素类型的具体方法可有以下两种实现方式:
一种方式是,用户通过人机接口统一为各界面元素设置界面元素类型,并统一为各区域设置对应的界面元素类型。也就是,终端接收到的第一界面元素划分请求包括各界面元素所属的界面元素类型和各所述区域对应的界面元素类型。终端接收到第一界面元素划分请求后,根据第一界面元素划分请求中的信息,将各界面元素分别布设于相应区域的元素块中并在各区域的文本块中显示界面元素类型后,再向用户显示最终的界面布局。
例如,终端通过人机接口为用户提供一布局设置列表。在该表中每个界面元素对应一个表项,每个区域对应一个表项。在界面元素对应的表项中为用户提供了用于设置该界面元素对应界面元素类型的选择按钮,在区域对应的表项中为用户提供了用于设置该区域对应界面元素类型的输入框。终端接收到该布局列表后,根据该列表中信息将各界面元素布设于相应的区域并在各区域中显示界面元素类型后,再向用户显示界面布局。
另一种方式是:用户通过人机接口逐个在各区域的文本块中输入该区域对应的界面元素类型,并逐个将各界面元素拖放于对应区域的元素块中。也就是,终端先逐个接收第二界面元素划分请求,第二界面元素请求中包括一个区域对应的界面元素类型。终端依次根据第二界面元素划分请求,在各区域的文本块中设置各区域的界面元素类型。之后,终端逐个接收第三界面划分请求,一个第三界面划分请求中包括一个界面元素所属的界面元素类型。终端依次根据第三界面元素划分请求,将各界面元素分别布设于所属界面元素类型所对应区域的元素块中。
本发明实施例提供的界面自主规划方法,终端根据用户选择的界面元素类型数,将界面划分成相应个数的区域且各区域间的布局按预设的或用户设定的区域布局模式,并将每个区域划分成用于显示界面元素类型的文本块和用于布设界面元素的元素块。因此,终端根据用户的自主选择,可为用户提供具有不同布局的界面,每个区域具有标示界面元素类型的显示信息,且每个区域中界面元素也根据终端的自主选择而绘制。从而,本发明实施例实现了根据用户喜好对界面进行布局的目的。
图2为本发明提供的一种界面自主规划装置实施例一结构示意图。如图2所示,本实施例包括:接收模块21、区域划分模块22、块划分模块23和布设模块24。
接收模块21,用于接收界面布局请求,界面布局请求包括界面元素类型数;还用于接收界面元素划分请求,界面元素划分请求包括界面元素所属的界面元素类型和区域对应的界面元素类型。
区域划分模块22,用于根据接收模块21接收到的界面布局请求,将界面划分成个数与界面元素类型数相同的区域。进一步,界面布局请求还包括区域布局模式。区域划分模块22,具体用于将各区域根据区域布局模式排列。
进一步,界面布局请求还包括区域形状和区域大小。区域划分模块22,还用于根据界面布局请求中区域形状和区域大小,确定界面中各区域的形状和大小。
块划分模块23,用于将区域划分模块22划分后的每个区域划分成文本块和元素块。进一步,块划分模块23,具体用于根据接收模块21接收到的块布局请求中块形状、块位置和块大小,将每个区域划分为两个块;根据所述块布局请求中块属性,将其中一块设置为文本块,另一块设置为元素块。
布设模块24,用于根据界面元素划分请求,将界面元素分别布设于所属界面元素类型所对应区域的元素块中,并在各所述区域的文本块中,分别显示所述区域对应的界面元素类型;所述界面元素划分请求包括界面元素所属的界面元素类型和所述区域对应的界面元素类型。进一步,布设模块24,还用于根据界面元素的图标和形状,设置所述界面元素的图标和形状,所述界面元素划分请求还包括界面元素的图标和形状。
上述各模块的工作机理参见图1A对应实施例中描述,在此不再赘述。
本发明实施例终端根据用户选择的界面元素类型数,将界面划分成相应个数的区域且各区域间的布局按预设或用户设定的区域布局模式,并将每个区域划分成用于显示界面元素类型的文本块和用于布设界面元素的元素块。因此,终端根据用户的自主选择,可为用户提供具有不同布局的界面,每个区域具有标示界面元素类型的显示信息,且每个区域中界面元素也根据终端的自主选择而绘制。从而,本发明实施例实现了根据用户喜好对界面进行布局的目的。
图3A为本发明提供的一种界面自主规划装置实施例二结构示意图。如图3A所示,布设模块24包括:第一元素布设单元241和第一类型显示单元242。
接收模块21接收到的界面元素划分请求包括第一界面元素划分请求。第一界面元素划分请求包括各界面元素所属的界面元素类型和各所述区域对应的界面元素类型。
第一元素布设单元241,用于根据接收到的第一界面元素划分请求,将各所述界面元素分别布设于所属界面元素类型所对应区域的元素块中。
第一类型显示单元242,用于在各所述区域的文本块中,分别显示所述第一界面元素划分请求中所述区域对应的界面元素类型。
上述各模块的工作机理参见图1A对应实施例中描述,在此不再赘述。
本实施例用户可通过人机接口统一为各界面元素设置界面元素类型,并统一为各区域设置对应的界面元素类型。终端接收到第一界面元素划分请求后,根据第一界面元素划分请求中的信息,将各界面元素布设于相应区域的元素块中并在各区域的文本块中显示界面元素类型后,再向用户显示最终的界面布局。
图3B为本发明提供的一种界面自主规划装置实施例三结构示意图。如图3B所示,布设模块24包括:第二元素布设单元243和第二类型显示单元244。
接收模块21接收到的界面元素划分请求中包括第二界面元素划分请求和第三界面元素划分请求。第二界面元素划分请求包括一个区域对应的界面元素类型,第三界面元素划分请求包括一个界面元素所属的界面元素类型。
第二元素布设单元243,用于根据依次接收到的第三界面元素划分请求,依次将界面元素分别布设于所属的界面元素类型对应区域的元素块中。
第二类型显示单元244,用于根据依次接收到的第二界面元素划分请求,依次在各区域的文本块中显示各区域对应的界面元素类型。
上述各模块的工作机理参见图1A对应实施例中描述,在此不再赘述。
本实施例用户可通过人机接口逐个在各区域的文本块中输入该区域对应的界面元素类型,并逐个将各界面元素拖放于对应区域的元素块中。终端依次根据第二界面元素划分请求,在各区域的文本块中设置各区域的界面元素类型。之后,终端逐个接收第三界面划分请求,一个第三界面划分请求中包括一个界面元素所属的界面元素类型。终端依次根据第三界面元素划分请求,将各界面元素分别布设于所属界面元素类型所对应区域的元素块中。
图4A为本发明提供的另一种界面自主规划方法实施例流程图。如图4A所示,本实施例包括:
步骤40:终端根据界面划分请求中界面元素类型数,将界面划分成2*N个块;N为界面元素类型数。
终端通过人机接口接收用户的界面划分请求。界面划分请求包括用户请求的界面元素类型数、界面元素类型显示位置、各界面元素类型和每个界面元素所属的界面元素类型。其中,界面元素类型的个数简称界面元素类型数,为所有界面元素被用户划分的类型数。界面元素类型可为表示界面元素类型的文本信息。
步骤41:终端判断界面元素类型显示位置是否表示在行显示界面元素类型。如果是执行步骤42,否则执行步骤43。
步骤42:在界面元素类型显示位置表示在行显示界面元素类型时,终端将第一行中所有块设置为文本块,分别在每个文本块中显示各界面元素类型,将第二行中所有块设置为元素块,分别在每个元素块中绘制与同一列的文本块所显示的界面元素类型相对应的界面元素。
如果用户在界面划分请求中请求的界面元素类型显示位置表示在行显示界面元素类型时,也就是在第一行的所有块中显示各界面元素类型时,终端将第一行所有块设置为文本块,相应地第二行所有块设置为元素块。文本块用于显示所属区域所对应的界面元素类型,元素块用于绘制所属区域所对应界面元素类型的所有界面元素。其中,界面元素可为图标,界面元素类型可为表示界面元素类型的文本信息。
如图4B所示,用户选择将界面元素划分为五类并选择在行显示界面元素类型,终端接收到用户的界面划分请求后将界面划分成2*5(2行5列)个块。之后,用户按照从左到右从上到下的顺序依次选择各个块的属性,终端根据用户的选择,将第一行的所有块:块1、块2、块3、块4、和块5的属性设置为文本,将第二行的所有块:块6、块7、块8、块9、和块10的属性设置为元素块,块6、块7、块8、块9、和块10分别用于放置块1、块2、块3、块4、和块5对应界面元素的图标和名称。然后,终端分别在块1、块2、块3、块4、和块5中,显示用户在上述5个文本块中输入的各界面元素类型,例如工具类、娱乐类、通信类、网络类和游戏类。最后,终端分别在块6、块7、块8、块9、和块10中显示同一列的文本块所对应界面元素类型的所有界面元素。
步骤43:在界面元素类型显示位置表示在列显示界面元素类型时,终端将第一列中所有块设置为文本块,分别在每个文本块中显示各界面元素类型,将第二列中所有块设置为元素块,分别在每个元素块中绘制与同一行的文本块所显示的界面元素类型相对应的界面元素。
如果用户在界面划分请求中请求的界面元素类型显示位置表示在列显示界面元素类型时,也就是在第一列的所有块中显示各界面元素类型时,终端将第一列所有块设置为文本块,相应地第二列所有块设置为元素块。文本块用于显示所属区域所对应的界面元素类型,元素块用于绘制所属区域所对应界面元素类型的所有界面元素。其中,界面元素可为图标,界面元素类型可为表示界面元素类型的文本信息。
如图4C所示,用户选择将界面元素划分为五类并选择在列显示界面元素类型,终端接收到用户的界面划分请求后将界面划分成5*2(5行2列)个块。之后,用户按照从左到右从上到下的顺序依次选择各个块的属性,终端根据用户的选择,将第一列的所有块:块1、块3、块5、块7、和块9的属性设置为文本,将第二列的所有块:块2、块4、块6、块8、和块10的属性设置为元素块,块2、块4、块6、块8、和块10分别用于放置块1、块3、块5、块7、和块9对应界面元素的图标和名称。然后,终端分别在块1、块3、块5、块7、和块9中,显示用户在上述5个文本块中输入的各界面元素类型,例如工具类、娱乐类、通信类、网络类和游戏类。最后,终端分别在块2、块4、块6、块8、和块10中显示同一行的文本块所对应界面元素类型的所有界面元素。
本发明实施例提供的界面自主规划方法,终端根据用户选择的界面元素类型数,将界面划分成个数为界面元素类型数两倍的块,并根据用户选择的界面元素类型显示位置,在第一行或第一列的所有块中显示各界面元素类型,并在第二行的相邻块或第二列的相邻块中显示同一列或同一行的块所对应界面元素类型的所有界面元素。因此,终端根据用户的自主选择,可为用户提供具有不同布局的界面,设置每个界面元素所在的块,并设置每个界面元素所属的界面元素类型。从而,实现了根据用户喜好对界面进行布局的目的。
图5为本发明提供的另一种界面自主规划装置实施例结构示意图。如图5所示,本实施例包括:划分模块51、第一绘制模块52和第二绘制模块53。
划分模块51,用于根据界面划分请求中界面元素类型数,将界面划分成2*N个块;N为界面元素类型数;界面划分请求包括界面类型数、界面元素类型显示位置、各界面元素类型和每个界面元素所属的界面元素类型。
第一绘制模块52,用于在界面元素类型显示位置表示在行显示界面元素类型时,将第一行中所有块设置为文本块,分别在每个文本块中显示各界面元素类型,将第二行中所有块设置为元素块,分别在每个元素块中绘制与同一列的文本块所显示的界面元素类型相对应的界面元素。
第二绘制模块53,用于在界面元素类型显示位置表示在列显示界面元素类型时,将第一列中所有块设置为文本块,分别在每个文本块中显示各界面元素类型,将第二列中所有块设置为元素块,分别在每个元素块中绘制与同一行的文本块所显示的界面元素类型相对应的界面元素。
上述各模块的工作机理参见图4A对应实施例中描述,在此不再赘述。
本发明实施例终端根据用户选择的界面元素类型数,将界面划分成个数为界面元素类型数两倍的块,并根据用户选择的界面元素类型显示位置,在第一行或第一列的所有块中显示各界面元素类型,并在第二行的相邻块或第二列的相邻块中显示同一列或同一行的块所对应界面元素类型的所有界面元素。因此,终端根据用户的自主选择,可为用户提供具有不同布局的界面,设置每个界面元素所在的块,并设置每个界面元素所属的界面元素类型。从而,实现了根据用户喜好对界面进行布局的目的。
本领域普通技术人员可以理解:实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成,前述的程序可以存储于一计算机可读取存储介质中,该程序在执行时,执行包括上述方法实施例的步骤;而前述的存储介质包括:ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是:以上实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (14)

1.一种界面自主规划方法,其特征在于,包括:
根据界面布局请求,将界面划分成个数与界面布局请求中界面元素类型数相同的区域,所述各区域根据区域布局模式同时排列在所述界面中;所述界面布局请求包括所述界面元素类型数和所述区域布局模式;
将每个区域划分成文本块和元素块;
根据界面元素划分请求,将界面元素分别布设于所属界面元素类型所对应区域的元素块中,并在各所述区域的文本块中,分别显示所述区域对应的界面元素类型;所述界面元素划分请求包括界面元素所属的界面元素类型和所述区域对应的界面元素类型。
2.根据权利要求1所述界面自主规划方法,其特征在于,所述根据界面元素划分请求,将界面元素分别布设于所属界面元素类型所对应区域的元素块中,并在各所述区域的文本块中,分别显示所述区域对应的界面元素类型,包括:
根据接收到的第一界面元素划分请求,将所述界面元素分别布设于所属界面元素类型所对应区域的元素块中;所述第一界面元素划分请求包括各界面元素所属的界面元素类型和各所述区域对应的界面元素类型;
在各所述区域的文本块中,分别显示所述第一界面元素划分请求中所述区域对应的界面元素类型。
3.根据权利要求1所述界面自主规划方法,其特征在于,所述根据界面元素划分请求,将界面元素分别布设于所属界面元素类型所对应区域的元素块中,并在各所述区域的文本块中,分别显示所述区域对应的界面元素类型,包括:
根据依次接收到的第二界面元素划分请求,依次在各所述区域的文本块中显示各所述区域对应的界面元素类型;第二界面元素划分请求包括一个区域对应的界面元素类型;
根据依次接收到的第三界面元素划分请求,依次将所述界面元素分别布设于所属的界面元素类型对应区域的元素块中;所述第三界面元素划分请求包括一个界面元素所属的界面元素类型。
4.根据权利要求1所述界面自主规划方法,其特征在于,在所述将界面划分成个数与界面布局请求中界面元素类型数相同的区域之后,还包括:
根据所述界面布局请求中区域形状和区域大小,确定界面中各所述区域的形状和大小;所述界面布局请求还包括区域形状和区域大小。
5.根据权利要求4所述界面自主规划方法,其特征在于,所述将每个区域划分成文本块和元素块,包括:
根据块布局请求中块形状、块位置和块大小,将每个区域划分为两个块;
根据所述块布局请求中块属性,将其中一块设置为文本块,另一块设置为元素块。
6.根据权利要求1所述界面自主规划方法,其特征在于,在将各所述界面元素分别布设于所属界面元素类型所对应区域的元素块中之前,还包括:
根据界面元素的图标和形状,设置所述界面元素的图标和形状,所述界面元素划分请求还包括界面元素的图标和形状。
7.一种界面自主规划装置,其特征在于,包括:
接收模块,用于接收界面布局请求,所述界面布局请求包括界面元素类型数和区域布局模式;还用于接收界面元素划分请求,所述界面元素划分请求包括界面元素所属的界面元素类型和所述区域对应的界面元素类型;
区域划分模块,用于根据所述界面布局请求,将界面划分成个数与所述界面元素类型数相同的区域,所述各区域根据所述区域布局模式同时排列在所述界面中;
块划分模块,用于将每个区域划分成文本块和元素块;
布设模块,用于根据界面元素划分请求,将界面元素分别布设于所属界面元素类型所对应区域的元素块中,并在各所述区域的文本块中,分别显示所述区域对应的界面元素类型。
8.根据权利要求7所述的界面自主规划装置,其特征在于,所述布设模块包括:第一元素布设单元和第一类型显示单元;
所述界面元素划分请求包括第一界面元素划分请求,所述第一界面元素划分请求包括各界面元素所属的界面元素类型和各所述区域对应的界面元素类型;
所述第一元素布设单元,用于根据接收到的第一界面元素划分请求,将各所述界面元素分别布设于所属界面元素类型所对应区域的元素块中;
所述第一类型显示单元,用于在各所述区域的文本块中,分别显示所述第一界面元素划分请求中所述区域对应的界面元素类型。
9.根据权利要求7所述的界面自主规划装置,其特征在于,所述布设模块包括:第二元素布设单元和第二类型显示单元;
所述界面元素划分请求包括第二界面元素划分请求和第三界面元素划分请求;第二界面元素划分请求包括一个区域对应的界面元素类型,所述第三界面元素划分请求包括一个界面元素所属的界面元素类型;
所述第二类型显示单元,用于根据依次接收到的第二界面元素划分请求,依次在各所述区域的文本块中显示各所述区域对应的界面元素类型;
所述第二元素布设单元,用于根据依次接收到的第三界面元素划分请求,依次将所述界面元素分别布设于所属的界面元素类型对应区域的元素块中。
10.根据权利要求7所述的界面自主规划装置,其特征在于,所述区域划分模块,还用于根据所述界面布局请求中区域形状和区域大小,确定界面中各所述区域的形状和大小;所述界面布局请求还包括区域形状和区域大小。
11.根据权利要求10所述的界面自主规划装置,其特征在于:
所述接收模块,还用于接收块布局请求,所述块布局请求包括块形状、块位置和块大小;
所述块划分模块,具体用于根据块布局请求中块形状、块位置和块大小,将每个区域划分为两个块;根据所述块布局请求中块属性,将其中一块设置为文本块,另一块设置为元素块。
12.根据权利要求7所述的界面自主规划装置,其特征在于,所述布设模块,还用于根据界面元素的图标和形状,设置所述界面元素的图标和形状,所述界面元素划分请求还包括界面元素的图标和形状。
13.一种界面自主规划方法,其特征在于,包括:
根据界面划分请求中界面元素类型数,将界面划分成2*N个块;N为所述界面元素类型数;所述界面划分请求包括所述界面类型数、界面元素类型显示位置、各界面元素类型和每个界面元素所属的界面元素类型;
在所述界面元素类型显示位置表示在行显示界面元素类型时,将第一行中所有块设置为文本块,分别在每个文本块中显示各界面元素类型,将第二行中所有块设置为元素块,分别在每个元素块中绘制与同一列的文本块所显示的界面元素类型相对应的界面元素;
在所述界面元素类型显示位置表示在列显示界面元素类型时,将第一列中所有块设置为文本块,分别在每个文本块中显示各界面元素类型,将第二列中所有块设置为元素块,分别在每个元素块中绘制与同一行的文本块所显示的界面元素类型相对应的界面元素。
14.一种界面自主规划装置,其特征在于,包括:
划分模块,用于根据界面划分请求中界面元素类型数,将界面划分成2*N个块;N为所述界面元素类型数;所述界面划分请求包括所述界面类型数、界面元素类型显示位置、各界面元素类型和每个界面元素所属的界面元素类型;
第一绘制模块,用于在所述界面元素类型显示位置表示在行显示界面元素类型时,将第一行中所有块设置为文本块,分别在每个文本块中显示各界面元素类型,将第二行中所有块设置为元素块,分别在每个元素块中绘制与同一列的文本块所显示的界面元素类型相对应的界面元素;
第二绘制模块,用于在所述界面元素类型显示位置表示在列显示界面元素类型时,将第一列中所有块设置为文本块,分别在每个文本块中显示各界面元素类型,将第二列中所有块设置为元素块,分别在每个元素块中绘制与同一行的文本块所显示的界面元素类型相对应的界面元素。
CN201110047434.3A 2011-02-28 2011-02-28 界面自主规划方法及装置 Active CN102087600B (zh)

Priority Applications (4)

Application Number Priority Date Filing Date Title
CN201110047434.3A CN102087600B (zh) 2011-02-28 2011-02-28 界面自主规划方法及装置
PCT/CN2012/071741 WO2012116634A1 (zh) 2011-02-28 2012-02-28 界面自主规划方法及装置
EP12752175.5A EP2669793B1 (en) 2011-02-28 2012-02-28 Interface autonomous planning method and device
US14/010,135 US20130346890A1 (en) 2011-02-28 2013-08-26 Interface autonomous planning method and apparatus

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201110047434.3A CN102087600B (zh) 2011-02-28 2011-02-28 界面自主规划方法及装置

Publications (2)

Publication Number Publication Date
CN102087600A CN102087600A (zh) 2011-06-08
CN102087600B true CN102087600B (zh) 2015-08-05

Family

ID=44099419

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201110047434.3A Active CN102087600B (zh) 2011-02-28 2011-02-28 界面自主规划方法及装置

Country Status (4)

Country Link
US (1) US20130346890A1 (zh)
EP (1) EP2669793B1 (zh)
CN (1) CN102087600B (zh)
WO (1) WO2012116634A1 (zh)

Families Citing this family (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102087600B (zh) * 2011-02-28 2015-08-05 华为终端有限公司 界面自主规划方法及装置
CN102508655B (zh) * 2011-10-12 2014-06-18 宇龙计算机通信科技(深圳)有限公司 桌面图标展示方法及系统
CN102622238A (zh) * 2012-03-15 2012-08-01 中兴通讯股份有限公司 移动设备的界面布局方法及装置
US9424019B2 (en) 2012-06-20 2016-08-23 Microsoft Technology Licensing, Llc Updating hardware libraries for use by applications on a computer system with an FPGA coprocessor
US9298438B2 (en) 2012-06-20 2016-03-29 Microsoft Technology Licensing, Llc Profiling application code to identify code portions for FPGA implementation
CN103513978B (zh) * 2012-07-02 2016-07-13 Tcl集团股份有限公司 一种根据应用的属性信息管理应用布局的方法及系统
CN103019564B (zh) * 2012-12-14 2016-04-06 东莞宇龙通信科技有限公司 终端和终端操作方法
CN103902171B (zh) * 2012-12-24 2018-08-10 联想(北京)有限公司 显示处理方法和电子设备
CN105204723B (zh) * 2014-06-26 2019-03-12 北京北方华创微电子装备有限公司 界面显示方法及系统
CN104238885B (zh) * 2014-09-11 2019-09-10 吴涛军 一种适用于多设备内容显示的自动布局以及内容显示的方法及装置
CN107526576B (zh) * 2016-06-21 2021-06-15 阿里巴巴集团控股有限公司 页面的视图组件的展示方法和装置
CN109375972B (zh) * 2018-09-17 2022-03-08 广州视源电子科技股份有限公司 多元素布局的方法、装置、计算机设备和存储介质
CN112740162B (zh) * 2018-10-26 2023-11-24 深圳市欢太科技有限公司 桌面管理方法、装置、移动终端以及存储介质
CN109729409A (zh) * 2018-12-27 2019-05-07 贵州省广播电视信息网络股份有限公司 一种自动布局方法
CN110109589B (zh) * 2019-04-29 2022-03-18 努比亚技术有限公司 一种扁平化交互操控方法、设备及计算机可读存储介质
CN110516263A (zh) * 2019-08-30 2019-11-29 北京安云世纪科技有限公司 一种文本翻译方法及装置

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101281465A (zh) * 2008-05-26 2008-10-08 中兴通讯股份有限公司 一种移动终端的图标管理方法
CN101388041A (zh) * 2008-10-21 2009-03-18 深圳市同洲电子股份有限公司 一种手持终端的浏览器页面导航方法及系统

Family Cites Families (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7117452B1 (en) * 1998-12-15 2006-10-03 International Business Machines Corporation System and method for customizing workspace
AU2001270084A1 (en) * 2000-06-23 2002-01-08 Epicentric, Inc. Portal server that provides a customizable user interface for access to computernetworks
US20050154974A1 (en) * 2004-01-14 2005-07-14 International Business Machines Corporation Method, apparatus and program storage device for inline controlling of row and column sets in tabular displays
US8365083B2 (en) * 2004-06-25 2013-01-29 Hewlett-Packard Development Company, L.P. Customizable, categorically organized graphical user interface for utilizing online and local content
US7730422B2 (en) * 2006-01-25 2010-06-01 Microsoft Corporation Smart icon placement across desktop size changes
CN101025761A (zh) * 2007-01-04 2007-08-29 浙江华立通信集团有限公司 新型主菜单界面及构成方法
US8683361B2 (en) * 2008-06-27 2014-03-25 Microsoft Corporation Presentation of headers for groups of locations in an electronic library
US9176620B2 (en) * 2008-07-22 2015-11-03 Lg Electronics Inc. Mobile terminal and method for displaying information list thereof
CN101382887A (zh) * 2008-09-19 2009-03-11 金蝶软件(中国)有限公司 一种调整界面布局的方法及装置
CN101561758A (zh) * 2009-05-20 2009-10-21 深圳北控信息发展有限公司 嵌入式终端应用程序分类方法
CN101655793A (zh) * 2009-09-25 2010-02-24 金蝶软件(中国)有限公司 一种界面生成方法及装置
KR20120081452A (ko) * 2011-01-11 2012-07-19 삼성전자주식회사 그룹핑을 통한 아이콘 선택 방법 및 장치
CN102087600B (zh) * 2011-02-28 2015-08-05 华为终端有限公司 界面自主规划方法及装置

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101281465A (zh) * 2008-05-26 2008-10-08 中兴通讯股份有限公司 一种移动终端的图标管理方法
CN101388041A (zh) * 2008-10-21 2009-03-18 深圳市同洲电子股份有限公司 一种手持终端的浏览器页面导航方法及系统

Also Published As

Publication number Publication date
CN102087600A (zh) 2011-06-08
US20130346890A1 (en) 2013-12-26
WO2012116634A1 (zh) 2012-09-07
EP2669793B1 (en) 2020-12-23
EP2669793A4 (en) 2013-12-18
EP2669793A1 (en) 2013-12-04

Similar Documents

Publication Publication Date Title
CN102087600B (zh) 界面自主规划方法及装置
CN103337086B (zh) 用于移动终端的图片编辑方法和装置
CN103605804A (zh) 一种对桌面对象进行排序的方法及系统
CN103034396B (zh) 一种移动图标到Android系统桌面的方法和装置
CN104281360A (zh) 编辑处理装置以及编辑处理程序
CN100530188C (zh) 浏览内容的用户界面及其提供方法和内容浏览设备
CN105474112A (zh) 程序编辑用程序
WO2020151446A1 (zh) 一种监控系统的模式设置方法和装置
CN105183311A (zh) 一种文件夹的合并方法及装置
CN113924544A (zh) 跨应用共享用户界面定制
CN104216618A (zh) 一种界面控制方法
CN103218169A (zh) 快速标记图标的方法及其终端
Zhang et al. Component-based building instructions for block assembly
CN103945444A (zh) 脚本生成装置及脚本生成方法
US20100257465A1 (en) Display control device, display control method, program, integrated circuit
JP2008282260A (ja) ラダー図編集装置
CN107180019B (zh) 表格展示方法及装置
CN105185399A (zh) 一种播放列表展示方法及终端
CN104020923A (zh) 一种电子产品的触控终端的图标显示方法及该电子产品
CN103379201A (zh) 一种动态显示终端界面的应用的终端及方法
CN109739859B (zh) 一种关系图谱绘制方法、系统及相关装置
CN104375835A (zh) 一种信息处理方法及电子设备
CN109857320A (zh) 一种答题卡更新方法、装置、显示设备及可读存储介质
KR20150087742A (ko) 복수 객체 정렬 방법 및 장치
CN103455474A (zh) 一种影像素材的编辑方法和系统

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
C14 Grant of patent or utility model
GR01 Patent grant
TR01 Transfer of patent right
TR01 Transfer of patent right

Effective date of registration: 20171030

Address after: Metro Songshan Lake high tech Industrial Development Zone, Guangdong Province, Dongguan City Road 523808 No. 2 South Factory (1) project B2 -5 production workshop

Patentee after: Huawei terminal (Dongguan) Co.,Ltd.

Address before: 518129 Longgang District, Guangdong, Bantian HUAWEI base B District, building 2, building No.

Patentee before: HUAWEI DEVICE Co.,Ltd.

CP01 Change in the name or title of a patent holder
CP01 Change in the name or title of a patent holder

Address after: 523808 Southern Factory Building (Phase I) Project B2 Production Plant-5, New Town Avenue, Songshan Lake High-tech Industrial Development Zone, Dongguan City, Guangdong Province

Patentee after: HUAWEI DEVICE Co.,Ltd.

Address before: 523808 Southern Factory Building (Phase I) Project B2 Production Plant-5, New Town Avenue, Songshan Lake High-tech Industrial Development Zone, Dongguan City, Guangdong Province

Patentee before: Huawei terminal (Dongguan) Co.,Ltd.

TR01 Transfer of patent right
TR01 Transfer of patent right

Effective date of registration: 20210425

Address after: Unit 3401, unit a, building 6, Shenye Zhongcheng, No. 8089, Hongli West Road, Donghai community, Xiangmihu street, Futian District, Shenzhen, Guangdong 518040

Patentee after: Honor Device Co.,Ltd.

Address before: Metro Songshan Lake high tech Industrial Development Zone, Guangdong Province, Dongguan City Road 523808 No. 2 South Factory (1) project B2 -5 production workshop

Patentee before: HUAWEI DEVICE Co.,Ltd.