WO2012159472A1 - 搭建用户界面的方法和装置 - Google Patents

搭建用户界面的方法和装置 Download PDF

Info

Publication number
WO2012159472A1
WO2012159472A1 PCT/CN2012/071619 CN2012071619W WO2012159472A1 WO 2012159472 A1 WO2012159472 A1 WO 2012159472A1 CN 2012071619 W CN2012071619 W CN 2012071619W WO 2012159472 A1 WO2012159472 A1 WO 2012159472A1
Authority
WO
WIPO (PCT)
Prior art keywords
page
attribute
list item
layout
window
Prior art date
Application number
PCT/CN2012/071619
Other languages
English (en)
French (fr)
Inventor
符慧娟
Original Assignee
中兴通讯股份有限公司
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 中兴通讯股份有限公司 filed Critical 中兴通讯股份有限公司
Publication of WO2012159472A1 publication Critical patent/WO2012159472A1/zh

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

Definitions

  • the present invention relates to the field of user interface technologies, and in particular, to a method and apparatus for constructing a user interface. Background technique
  • the user interface (UI, User Interface) is a collection of interaction methods between the user and some systems.
  • the interface design is an important factor in determining the best-selling product.
  • the friendly and beautiful interface gives people a comfortable and beautiful visual experience, which can bring people closer to the product and create a selling point for the product.
  • the interface design needs to be designed according to the user, the environment, and the way of use. Therefore, the design of the interface needs to be designed differently according to the appreciation needs of different users.
  • the interface design tool is software for drawing the interface, and its basic components include: control library, layout area, layout file management and other parts.
  • the basic approach of the existing building complex UI interface comprises: ⁇ copy and paste for building a UI UI construction through a preset common layout.
  • the existing UI processing method has the following defects: if the copy-and-paste method is used, there is no correlation between the drawn UI layouts. When a common attribute needs to be modified, the attribute in each UI layout needs to be performed. Modification, resulting in a large amount of repetitive work; if the default public layout is used for UI construction, because the existing public layout has only list items, there are no pages, and many complex interfaces need to be built through pages, resulting in the existing public layout. The construction requirements of the above various complex interfaces cannot be met. Summary of the invention
  • the main object of the present invention is to provide a method and apparatus for constructing a user interface, which reduces the repetitive workload of building a user interface, and realizes rapid construction of a plurality of complex user interfaces.
  • the invention provides a method for constructing a user interface, the method comprising:
  • Determining an instruction according to a page attribute determining a page attribute type in the page layout file, and the page attribute includes a page public attribute;
  • the page is generated from the preset common layout according to the page generation instruction, the selected page is obtained, and the selected page is added to the position specified in the window.
  • the page attribute further includes a page personality attribute
  • the method further includes:
  • the corresponding page personality attribute in the page layout file is set according to the page personality attribute setting instruction.
  • the method further includes:
  • the page personality attribute setting is performed on the corresponding selected page of the joining window.
  • the method further includes:
  • Determining an instruction according to the list item attribute determining a category item attribute category in the list item layout file, where the list item attribute includes a list item public attribute and a list item personality attribute;
  • the list item public attribute and the list item in the list item layout file List item personality attributes are set.
  • the method further includes:
  • the method further includes :
  • the list item personality attribute setting instruction is performed on the corresponding selected list item added to the window.
  • the present invention further provides an apparatus for constructing a user interface, the apparatus comprising: a page generation module, a page attribute determination module, a page attribute setting module, and a page drawing module, wherein
  • a page generation module configured to generate a page layout file according to a page new instruction, and add the page layout file to a preset public layout
  • a page attribute determining module configured to determine an instruction according to a page attribute, determine a page attribute category in the page layout file, and the page attribute includes a page public attribute;
  • a page attribute setting module configured to set a corresponding page common attribute in the page layout file according to the page common attribute setting instruction
  • a page drawing module is configured to select a page from a preset common layout according to a page generation instruction when the window is drawn, obtain the selected page, and add the selected page to a specified position in the window.
  • the page attribute further includes a page personality attribute
  • the page attribute setting module is further configured to set a corresponding page personality attribute in the page layout file according to the page personality attribute setting instruction.
  • the page drawing module is further configured to perform page personality attribute setting on the corresponding selected page of the joining window according to the page personality attribute setting instruction.
  • the device for setting up a user interface further includes:
  • a list item generating module configured to create a list item layout file according to the new item of the list item, and add the list item layout file to the preset public layout;
  • the list item attribute determining module determines, according to the list item attribute determining instruction, the list item attribute type in the list item layout file, the list item attribute includes the list item public attribute and the list item personality attribute; the list item setting module is configured to set according to the list item attribute The instruction sets the list item public attribute and the list item personality attribute in the list item layout file.
  • the device for setting up a user interface further includes:
  • a list item drawing module is configured to generate an instruction according to the list item when the window is drawn, select a list item from the preset public layout, obtain the selected list item, and add the selected list item to the position specified in the window.
  • the list item drawing module is further configured to perform a list item personality attribute setting on the corresponding selected list item of the joining window according to the list item personality attribute setting instruction.
  • the method and device for constructing a user interface reduces the amount of repetitive work in the process of constructing a user interface by using a page in a public layout, or a page and a list item to construct a user interface, and realizes various types. Quick setup of complex user interfaces. DRAWINGS
  • FIG. 1 is a flow chart of an embodiment of a method for constructing a user interface according to the present invention
  • FIG. 2 is another flow chart of an embodiment of a method for constructing a user interface according to the present invention.
  • FIG. 3 is a schematic structural diagram of an apparatus for constructing a user interface according to the present invention
  • FIG. 4 is another schematic structural diagram of an apparatus for constructing a user interface according to the present invention
  • FIG. 5 is a schematic diagram of an apparatus for constructing a user interface according to the present invention. Another structural diagram.
  • the method includes the following steps:
  • Step S101 Generate a page layout file according to the page new instruction, and add the page layout file to the preset public layout;
  • Step S102 Determine, according to the page attribute determining instruction, a page attribute type in the page layout file, where the page attribute includes a page public attribute;
  • Step S103 Set, according to a page common attribute setting instruction, a corresponding page common attribute in the page layout file;
  • Step S104 When drawing the window, select a page from the preset common layout according to the page generation instruction, obtain the selected page, and add the selected page to the specified position in the window.
  • the page attribute determination instruction may be generated by default according to the generated page layout file, or may be generated according to the received externally input instruction.
  • the page common attribute setting instruction may be generated by default according to the generated page layout file, or may be generated according to the received externally input instruction.
  • the page layout file includes the following: a page frame and a page header.
  • the page attributes of the page layout file may include: an address attribute, a size attribute, a theme attribute, a text attribute, a border attribute, a font attribute, an event attribute, a data attribute, and a picture attribute. Whether these attributes are page public properties needs to be determined according to the page attribute determination instructions. Among them, the page public property can only be set in the public layout. When a window is drawn, when the selected page is added to the position specified in the window, the selected page exhibits the same properties as the selected page has the properties set in the public layout. The page public property on this page in the window cannot be set.
  • the font color property of the selected page is a page public property
  • set this in the public layout The font color attribute is green, and when the selected page is added to the window, the corresponding font color is green.
  • the font color cannot be modified in the window, and the modification can only be reset in the public layout.
  • the page attribute further includes a page personality attribute
  • the method includes the following processing after determining the page attribute type in the page layout file: setting a command according to the page personality attribute, and paging the page layout The corresponding page personality attribute in the file is set.
  • the page personality attribute can be set in a public layout.
  • the step S104 further includes the following processing: performing page personality attribute setting on the corresponding selected page of the join window according to the page personality attribute setting instruction. That is, in the window, the page attribute of the selected page can be set according to the user's selection.
  • the font color attribute of the selected page is the page personality attribute
  • the font color attribute is set to green in the public layout
  • the corresponding font color is green.
  • the font color can be set to other colors in the window, and the modification setting in the window does not affect the font color attribute in the public layout. That is, when another window is created, the selected page is added, and the corresponding font color is still green, and in the other window, the font color can also be set to other colors.
  • the method further includes:
  • Step S201 Create a list item layout file according to the new item of the list item, and add the list item layout file to the preset public layout.
  • Step S202 Determine, according to the list item attribute determining instruction, a list item attribute type in the list item layout file, where the list item attribute includes a list item public attribute and a list item personality attribute;
  • Step S203 Set a list item public attribute and a list item personality attribute in the list item layout file according to the list item attribute setting instruction.
  • the list item attribute determining instruction may be generated by default according to the generated list item layout file, or may be generated according to the received external input instruction.
  • the list item common attribute setting instruction may be generated by default according to the generated list item layout file, or may be generated according to the received external input instruction.
  • the list item layout file has the following contents: a list item box, a list item icon, a list item text, and a list item button.
  • the list item attributes of the list item layout file may include: an address attribute, a size attribute, a topic attribute, a text attribute, a border attribute, a font attribute, an event attribute, a data attribute, and a picture attribute. Whether these attributes are list item public attributes needs to be determined according to the list item attribute determination instructions.
  • the public item of the list item can only be set in a common layout.
  • list item attribute of the list item layout file is a list item personality attribute needs to be determined according to the list item attribute determination instruction.
  • the list item personality attribute can be set in a public layout.
  • the method further includes:
  • the attribute displayed by the selected list item is consistent with the attribute of the selected list item in the common layout.
  • the list item public property in this list item in the window cannot be set.
  • the font color attribute of the selected list item is the list item common attribute, and the font color attribute is set to green in the common layout, when the selected list item is added to the window, the corresponding font color is green. At the same time, the font color cannot be modified in the window, and the modification can only be reset in the public layout.
  • selecting a list item from the preset public layout, obtaining the selected list item, and adding the selected list item to the specified position in the window further includes the following processing: according to the list item personality attribute setting instruction, The corresponding selected list item of the window is set for the item item personality attribute.
  • the list item common attribute of the selected list item cannot be set, but the list item personality attribute of the selected list item can be set according to the user's selection.
  • the font color attribute of the selected list item is the list item personality attribute, and the font color attribute is set to green in the public layout
  • the corresponding font color is green.
  • the font color can be set to other colors in the window, and the modification setting in the window does not affect the font color attribute in the public layout. That is, when another window is created, the selected list item is added, and the corresponding font color is still green, and in the other window, the font color can also be set to other colors.
  • the same list item layout file draws multiple windows.
  • the page public property of the page layout file and the list item public property of the list item layout file are modified in the public layout.
  • the attributes displayed by the plurality of windows are consistent with the modified page common attribute and the list item common attribute in the public layout.
  • the foregoing method for constructing a user interface by using a page in a public layout, or a page and a list item to construct a user interface, reduces the amount of repetitive work in the process of constructing the user interface, and realizes the rapid construction of a plurality of complex user interfaces.
  • an embodiment of an apparatus 100 for constructing a user interface includes: a page generation module 110, a page attribute determination module 120, a page attribute setting module 130, and a page drawing module 140.
  • the page generating module 110 is configured to generate a page layout file according to the page new instruction, and add the page layout file to the preset public layout.
  • the page attribute determining module 120 is configured to The attribute determination instruction determines the type of page attribute in the page layout file, and the page attribute includes a page common attribute.
  • the page attribute setting module is configured to set a corresponding page common attribute in the page layout file according to the page common attribute setting instruction.
  • the page drawing module 140 is configured to: when drawing the window, select a page from the preset common layout according to the page generation instruction, obtain the selected page, and add the selected page to the specified position in the window.
  • the page attribute determination instruction may be generated by default according to the generated page layout file, or may be generated according to the received externally input instruction.
  • the page common attribute setting instruction may be generated by default according to the generated page layout file, or may be generated according to the received externally input instruction.
  • the page layout file includes the following: a page frame and a page header.
  • the page attributes of the page layout file may include: an address attribute, a size attribute, a theme attribute, a text attribute, a border attribute, a font attribute, an event attribute, a data attribute, and a picture attribute. Whether these attributes are page public properties needs to be determined according to the page attribute determination instructions. Among them, the page public property can only be set in the public layout. When a window is drawn, when the selected page is added to the position specified in the window, the selected page exhibits the same properties as the selected page has the properties set in the public layout. The page public property on this page in the window cannot be set.
  • the font color attribute of the selected page is the page common attribute, and the font color attribute is set to green in the public layout, when the selected page is added to the window, the corresponding font color is green. At the same time, the font color cannot be modified in the window, and the modification can only be reset in the public layout.
  • the page attribute further includes a page personality attribute
  • the page attribute setting module 130 is further configured to set a command according to the page personality attribute to a corresponding page in the page layout file. Personality properties are set.
  • the page personality attribute can be set in a public layout.
  • the page drawing module 140 is further configured to perform page personality attribute setting on the corresponding selected page of the join window according to the page personality attribute setting instruction. That is, in the window, the page personality attribute of the selected page can be set according to the user's selection.
  • the font color attribute of the selected page is the page personality attribute
  • the font color attribute is set to green in the public layout
  • the corresponding font color is green.
  • the font color can be set to other colors in the window, and the modification setting in the window does not affect the font color attribute in the public layout. That is, when another window is created, the selected page is added, and the corresponding font color is still green, and in the other window, the font color can also be set to other colors.
  • the method further includes: a list item generating module 150, a list item attribute determining module 160, and a list item setting module 170.
  • the list item generating module 150 is configured to generate a list item layout file according to the new item of the list item, and add the list item layout file to the preset public layout.
  • the list item attribute determining module 160 determines an item item type in the list item layout file according to the list item attribute determining instruction, and the list item attribute includes a list item public attribute and a list item personality attribute.
  • the list item setting module 170 is configured to set a list item public attribute and a list item personality attribute in the list item layout file according to the list item attribute setting instruction.
  • the above embodiment of the device 100 for constructing a user interface reduces the amount of repetitive work in the process of setting up the user interface, and realizes the rapid construction of a plurality of complex user interfaces.
  • the list item layout file has the following contents: a list item box, a list item icon, a list item text, and a list item button.
  • the list item attributes of the list item layout file may include: an address attribute, a size attribute, a theme attribute, a text attribute, a border attribute, a font attribute, an event attribute, a data attribute, and a picture attribute. Whether these attributes are list item public attributes needs to be determined according to the list item attribute determination instructions.
  • the public item of the list item can only be set in a common layout. When painting When a window is created, the list item obtained from the public layout is added to the specified position of the window, and the public item of the list item in the list item cannot be set.
  • list item attribute of the list item layout file is a list item personality attribute needs to be determined according to the list item attribute determination instruction.
  • the list item personality attribute can be set in a public layout.
  • the method includes: a list item drawing module 180.
  • the list item drawing module 180 is configured to: when the window is drawn, generate a command according to the list item, select a list item from the preset common layout, obtain the selected list item, and add the selected list item to the specified position in the window.
  • the attribute displayed by the selected list item is consistent with the attribute of the selected list item in the common layout.
  • the list item public property in this list item in the window cannot be set.
  • the font color attribute of the selected list item is the list item common attribute, and the font color attribute is set to green in the common layout, when the selected list item is added to the window, the corresponding font color is green. At the same time, the font color cannot be modified in the window, and the modification can only be reset in the public layout.
  • the list item drawing module 180 is further configured to perform a list item personality attribute setting on the corresponding selected list item of the joining window according to the list item personality attribute setting instruction.
  • the list item drawing module 220 may not set the public item of the list item of the selected list item during the window drawing process, but the list item personality attribute of the selected list item may be Set according to the user's choice.
  • the font color attribute of the selected list item is the list item personality attribute, and the font color attribute is set to green in the public layout
  • the corresponding font color is green.
  • the word can be used in the window.
  • the body color is set to a different color, and the modification settings in the window do not affect the font color property in the public layout. That is, when another window is created, the selected list item is added, and the corresponding font color is still green, and in the other window, the font color can also be set to other colors.
  • the same list item layout file draws multiple windows.
  • the page public property of the page layout file and the list item public property of the list item layout file are modified in the public layout.
  • the attributes displayed by the plurality of windows are consistent with the modified page common attribute and the list item common attribute in the public layout.
  • the device 100 for constructing a user interface by using a page in a public layout, or a page and a list item to construct a user interface, reduces the amount of repetitive work in the process of constructing the user interface, and realizes rapid construction of multiple complex user interfaces. .

Landscapes

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

Abstract

本发明公开了一种搭建用户界面的方法和装置，方法为：根据页新建指令，生成页布局文件，将页布局文件加入到预设的公共布局中；根据页属性确定指令，确定页布局文件中页属性种类，页属性包括页公共属性；根据页公共属性设置指令，对页布局文件中对应的页公共属性进行设置；在绘制窗口时，根据页生成指令，从预设公共布局中选择页，获取所选页，并将所选页加入窗口中指定的位置。本发明提供的搭建用户界面的方法和装置，通过采用公共布局中的页，或者页和列表项搭建用户界面，减少了在搭建用户界面过程中的重复工作量，实现了多种复杂用户界面的快速搭建。

Description

搭建用户界面的方法和装置 技术领域
本发明涉及用户界面技术领域， 尤其是涉及一种搭建用户界面的方法 和装置。 背景技术
用户界面（ UI, User Interface )是用户和某些系统进行交互方法的集合， 界面设计的好坏是决定产品畅销的重要因素。 友好美观的界面给人一种舒 适美好的视觉享受， 可以拉近人与产品的距离， 为产品创造卖点。 界面设 计需要根据使用者、 使用环境、 使用方式进行设计的。 因此界面的设计需 根据不同用户的欣赏需求进行不同的设计。
界面设计工具是用于绘制界面的软件， 其基本组成包括： 控件库、 布 局区域、 布局文件管理等部分。 现有的复杂 UI界面搭建的基本处理方式包 括： 复制→粘贴进行 UI搭建和通过预设的公共布局进行 UI搭建。
但是现有的搭建 UI处理方式存在如下缺陷：若采用复制→粘贴的方式， 绘制出的 UI布局之间没有关联性， 当某共性属性需要修改时， 需要对每个 UI布局中的该属性进行修改， 导致重复工作量大； 若采用预设的公共布局 进行 UI搭建， 因现有的公共布局只有列表项， 没有页， 而很多复杂界面的 搭建又需要通过页进行搭建， 导致现有公共布局无法满足上述多种复杂界 面的搭建要求。 发明内容
本发明的主要目的在于提供一种搭建用户界面的方法和装置， 减少搭 建用户界面的重复工作量， 实现多种复杂用户界面的快速搭建。 本发明提出一种搭建用户界面的方法， 该方法包括：
根据页新建指令， 生成页布局文件， 将页布局文件加入到预设的公共 布局中；
根据页属性确定指令， 确定页布局文件中页属性种类， 页属性包括页 公共属性；
根据页公共属性设置指令， 对页布局文件中对应的页公共属性进行设 置；
在绘制窗口时， 根据页生成指令， 从预设公共布局中选择页， 获取所 选页， 并将所选页加入窗口中指定的位置。
优选地， 所述页属性还包括页个性属性， 在确定页布局文件中页属性 种类之后， 该方法还包括：
根据页个性属性设置指令， 对页布局文件中对应的页个性属性进行设 置。
优选地， 所述在绘制窗口时， 根据页生成指令， 从预设公共布局中选 择页， 获取所选页， 并将所选页加入窗口中指定的位置之后， 该方法还包 括：
根据页个性属性设置指令， 对加入窗口的对应的所选页进行页个性属 性设置。
优选地， 所述根据页公共属性设置指令， 对页布局文件中对应的页公 共属性进行设置之后， 该方法还包括：
根据列表项新建指令， 生成列表项布局文件， 将列表项布局文件加入 到预设的公共布局中；
根据列表项属性确定指令， 确定列表项布局文件中列表项属性种类， 列表项属性包括列表项公共属性和列表项个性属性；
根据列表项属性设置指令， 对列表项布局文件中的列表项公共属性和 列表项个性属性进行设置。
优选地， 所述在绘制窗口时， 根据页生成指令， 从预设公共布局中选 择页， 获取所选页， 并将所选页加入窗口中指定的位置之后， 该方法还包 括：
在绘制窗口时， 根据列表项生成指令， 从预设公共布局中选择列表项， 获取所选列表项， 并将所选列表项加入窗口中指定的位置。
优选地， 所述在绘制窗口时， 根据列表项生成指令， 从预设公共布局 中选择列表项， 获取所选列表项， 并将所选列表项加入窗口中指定的位置 之后， 该方法还包括：
根据列表项个性属性设置指令， 对加入窗口的对应的所选列表项进行 列表项个性属性设置。
本发明另提出一种搭建用户界面的装置， 该装置包括： 页生成模块、 页属性确定模块、 页属性设置模块和页绘制模块， 其中，
页生成模块， 用于根据页新建指令， 生成页布局文件， 将页布局文件 加入到预设的公共布局中；
页属性确定模块， 用于根据页属性确定指令， 确定页布局文件中页属 性种类， 页属性包括页公共属性；
页属性设置模块， 用于根据页公共属性设置指令， 对页布局文件中对 应的页公共属性进行设置；
页绘制模块， 用于在绘制窗口时， 根据页生成指令， 从预设公共布局 中选择页， 获取所选页， 并将所选页加入窗口中指定的位置。
优选地， 所述页属性还包括页个性属性， 所述页属性设置模块， 还用 于根据页个性属性设置指令， 对页布局文件中对应的页个性属性进行设置。
优选地， 所述页绘制模块， 还用于根据页个性属性设置指令， 对加入 窗口的对应的所选页进行页个性属性设置。 优选地， 所述的搭建用户界面的装置， 还包括：
列表项生成模块， 用于根据列表项新建指令， 生成列表项布局文件， 将列表项布局文件加入到预设的公共布局中；
列表项属性确定模块， 根据列表项属性确定指令， 确定列表项布局文 件中列表项属性种类， 列表项属性包括列表项公共属性和列表项个性属性； 列表项设置模块， 用于根据列表项属性设置指令， 对列表项布局文件 中的列表项公共属性和列表项个性属性进行设置。
优选地， 所述的搭建用户界面的装置， 还包括：
列表项绘制模块， 用于在绘制窗口时， 根据列表项生成指令， 从预设 公共布局中选择列表项， 获取所选列表项， 并将所选列表项加入窗口中指 定的位置。
优选地， 所述列表项绘制模块， 还用于根据列表项个性属性设置指令， 对加入窗口的对应的所选列表项进行列表项个性属性设置。
由上可知， 本发明提供的搭建用户界面的方法和装置， 通过采用公共 布局中的页， 或者页和列表项搭建用户界面， 减少了在搭建用户界面过程 中的重复工作量， 实现了多种复杂用户界面的快速搭建。 附图说明
图 1是本发明的搭建用户界面的方法一实施例的流程图；
图 2是本发明的搭建用户界面的方法实施例的另一流程图；
图 3是本发明的搭建用户界面的装置一实施例的结构示意图； 图 4是本发明的搭建用户界面的装置实施例的另一结构示意图； 图 5是本发明的搭建用户界面的装置实施例的另一结构示意图。
本发明目的的实现、 功能特点及优点将结合实施例， 参照附图做进一 步说明。 具体实施方式
应当理解， 此处所描述的具体实施例仅仅用以解释本发明， 并不用于 限定本发明。
参见图 1 ,提出本发明的搭建用户界面的方法一实施例， 该方法包括以 下几个步驟：
步驟 S101、 根据页新建指令， 生成页布局文件， 将页布局文件加入到 预设的公共布局中；
步驟 S102、 根据页属性确定指令， 确定页布局文件中页属性种类， 页 属性包括页公共属性；
步驟 S103、 根据页公共属性设置指令， 对页布局文件中对应的页公共 属性进行设置；
步驟 S104、 在绘制窗口时， 根据页生成指令， 从预设公共布局中选择 页， 获取所选页， 并将所选页加入窗口中指定的位置。
所述页属性确定指令可以根据生成的页布局文件默认生成， 也可以根 据接收的外部输入的指令生成。
所述页公共属性设置指令可以根据生成的页布局文件默认生成， 也可 以根据接收的外部输入的指令生成。
所述页布局文件包括如下内容： 页框和页头。
所述页布局文件的页属性可以包括： 地址属性、 大小属性、 主题属性、 文本属性、 边框属性、 字体属性、 事件属性、 数据属性和图片属性等。 这 些属性是否为页公共属性需要根据页属性确定指令进行确定的。 其中， 所 述页公共属性只能在公共布局中进行设置。 当绘制窗口时， 将所选页加入 窗口中指定的位置时， 该所选页所展现的属性为该所选页在公共布局中设 置好的属性一致。 在窗口中该页中的页公共属性则无法设置。
例如： 若所选页的字体颜色属性为页公共属性， 在公共布局中设置该 字体颜色属性为绿色， 则将所选页加入窗口时， 对应的字体颜色为绿色。 同时在窗口中该字体颜色不能修改， 若要修改只能在公共布局中重新设置。
进一步地， 上述搭建用户界面的方法实施例中， 所述页属性还包括页 个性属性， 该方法中在确定页布局文件中页属性种类之后包括如下处理： 根据页个性属性设置指令， 对页布局文件中对应的页个性属性进行设置。
同理， 页布局文件的页属性是否为页个性属性需要根据页属性确定指 令进行确定的。 其中， 所述页个性属性在公共布局中可以设置。
进一步地， 在上述搭建用户界面的方法实施例中， 所述步驟 S104之后 还包括如下处理： 根据页个性属性设置指令， 对加入窗口的对应的所选页 进行页个性属性设置。 即在窗口中可以根据用户的选择， 对所选页的页个 性属性进行设置。
例如： 若所选页的字体颜色属性为页个性属性， 在公共布局中设置该 字体颜色属性为绿色， 则将所选页加入窗口时， 对应的字体颜色为绿色。 此时， 若用户对字体的颜色不满意， 则可以在窗口中将该字体颜色设置为 其他颜色， 在窗口中的修改设置不影响公共布局中该字体颜色属性。 即在 创建另一个窗口时， 加入该所选页， 其对应的字体颜色仍然为绿色， 同时 在该另一窗口中同样可以根据将字体颜色设置为其他颜色。
进一步地， 参见图 2, 上述搭建用户界面的方法实施例中， 在所述步驟 S103之后还包括：
步驟 S201、 根据列表项新建指令， 生成列表项布局文件， 将列表项布 局文件加入到预设的公共布局中；
步驟 S202、 根据列表项属性确定指令， 确定列表项布局文件中列表项 属性种类， 列表项属性包括列表项公共属性和列表项个性属性；
步驟 S203、 根据列表项属性设置指令， 对列表项布局文件中的列表项 公共属性和列表项个性属性进行设置。 所述列表项属性确定指令可以根据生成的列表项布局文件默认生成， 也可以根据接收的外部输入的指令生成。
所述列表项公共属性设置指令可以根据生成的列表项布局文件默认生 成， 也可以根据接收的外部输入的指令生成。
所述列表项布局文件如下内容： 列表项框、 列表项图标、 列表项文本 和列表项按钮。
所述列表项布局文件的列表项属性可以包括： 地址属性、 大小属性、 主题属性、 文本属性、 边框属性、 字体属性、 事件属性、 数据属性和图片 属性等。 这些属性是否为列表项公共属性需要根据列表项属性确定指令进 行确定的。 其中， 所述列表项公共属性只能在公共布局中进行设置。
同理， 列表项布局文件的列表项属性是否为列表项个性属性需要根据 列表项属性确定指令进行确定的。 其中， 所述列表项个性属性在公共布局 中可以设置。
进一步地， 上述搭建用户界面的方法实施例中， 在所述步驟 S104之后 还包括：
在绘制窗口时， 根据列表项生成指令， 从预设公共布局中选择列表项， 获取所选列表项， 并将所选列表项加入窗口中指定的位置。
其中， 所选列表项加入窗口中指定的位置时， 该所选列表项所展现的 属性为该所选列表项在公共布局中的属性一致。 在窗口中该列表项中的列 表项公共属性则无法设置。
例如： 若所选列表项的字体颜色属性为列表项公共属性， 在公共布局 中设置该字体颜色属性为绿色， 则将所选列表项加入窗口时， 对应的字体 颜色为绿色。 同时在窗口中该字体颜色不能修改， 若要修改只能在公共布 局中重新设置。
进一步地， 上述搭建用户界面的方法实施例中， 在所述在绘制窗口时， 根据列表项生成指令， 从预设公共布局中选择列表项， 获取所选列表项， 并将所选列表项加入窗口中指定的位置之后还包括如下处理： 根据列表项 个性属性设置指令， 对加入窗口的对应的所选列表项进行列表项个性属性 设置。
上述搭建用户界面的方法实施例中， 在窗口绘制过程中， 所选列表项 的列表项公共属性不能设置， 但是所选列表项的列表项个性属性可以根据 用户的选择进行设置。
例如： 若所选列表项的字体颜色属性为列表项个性属性， 在公共布局 中设置该字体颜色属性为绿色， 则将所选列表项加入窗口时， 对应的字体 颜色为绿色。 此时， 若用户对字体的颜色不满意， 则可以在窗口中将该字 体颜色设置为其他颜色， 在窗口中的修改设置不影响公共布局中该字体颜 色属性。 即在创建另一个窗口时， 加入该所选列表项， 其对应的字体颜色 仍然为绿色， 同时在该另一窗口中同样可以根据将字体颜色设置为其他颜 色。
另外， 若使用公共布局中的同一页布局文件、 同一列表项布局文件绘 制了多个窗口。 此时， 在公共布局中对该页布局文件的页公共属性和该列 表项布局文件的列表项公共属性进行修改。 则所述多个窗口会展现的属性 与公共布局中修改后的页公共属性和列表项公共属性一致。
上述搭建用户界面的方法实施例， 通过采用公共布局中的页， 或者页 和列表项搭建用户界面， 减少了在搭建用户界面过程中的重复工作量， 实 现了多种复杂用户界面的快速搭建。
参见图 3, 提出本发明的搭建用户界面的装置 100实施例， 包括： 页生 成模块 110、 页属性确定模块 120、 页属性设置模块 130和页绘制模块 140。 其中， 所述页生成模块 110, 用于根据页新建指令， 生成页布局文件， 将页 布局文件加入到预设的公共布局中。 所述页属性确定模块 120, 用于根据页 属性确定指令， 确定页布局文件中页属性种类， 页属性包括页公共属性。 所述页属性设置模块， 用于根据页公共属性设置指令， 对页布局文件中对 应的页公共属性进行设置。 所述页绘制模块 140, 用于在绘制窗口时， 根据 页生成指令， 从预设公共布局中选择页， 获取所选页， 并将所选页加入窗 口中指定的位置。
所述页属性确定指令可以根据生成的页布局文件默认生成， 也可以根 据接收的外部输入的指令生成。
所述页公共属性设置指令可以根据生成的页布局文件默认生成， 也可 以根据接收的外部输入的指令生成。
所述页布局文件包括如下内容： 页框和页头。
所述页布局文件的页属性可以包括： 地址属性、 大小属性、 主题属性、 文本属性、 边框属性、 字体属性、 事件属性、 数据属性和图片属性等。 这 些属性是否为页公共属性需要根据页属性确定指令进行确定的。 其中， 所 述页公共属性只能在公共布局中进行设置。 当绘制窗口时， 将所选页加入 窗口中指定的位置时， 该所选页所展现的属性为该所选页在公共布局中设 置好的属性一致。 在窗口中该页中的页公共属性则无法设置。
例如： 若所选页的字体颜色属性为页公共属性， 在公共布局中设置该 字体颜色属性为绿色， 则将所选页加入窗口时， 对应的字体颜色为绿色。 同时在窗口中该字体颜色不能修改， 若要修改只能在公共布局中重新设置。
进一步地， 上述搭建用户界面的装置 100 实施例中， 所述页属性还包 括页个性属性，所述页属性设置模块 130,还用于根据页个性属性设置指令， 对页布局文件中对应的页个性属性进行设置。
同理， 页布局文件的页属性是否为页个性属性需要根据页属性确定指 令进行确定的。 其中， 所述页个性属性在公共布局中可以设置。
进一步地， 上述搭建用户界面的装置 100 实施例中， 所述页绘制模块 140, 还用于根据页个性属性设置指令， 对加入窗口的对应的所选页进行页 个性属性设置。 即在窗口中可以根据用户的选择， 对所选页的页个性属性 进行设置。
例如： 若所选页的字体颜色属性为页个性属性， 在公共布局中设置该 字体颜色属性为绿色， 则将所选页加入窗口时， 对应的字体颜色为绿色。 此时， 若用户对字体的颜色不满意， 则可以在窗口中将该字体颜色设置为 其他颜色， 在窗口中的修改设置不影响公共布局中该字体颜色属性。 即在 创建另一个窗口时， 加入该所选页， 其对应的字体颜色仍然为绿色， 同时 在该另一窗口中同样可以根据将字体颜色设置为其他颜色。
进一步地，参见图 4,上述搭建用户界面的装置 100实施例中，还包括： 列表项生成模块 150、 列表项属性确定模块 160和列表项设置模块 170。 其 中， 所述列表项生成模块 150, 用于根据列表项新建指令， 生成列表项布局 文件， 将列表项布局文件加入到预设的公共布局中。 所述列表项属性确定 模块 160,根据列表项属性确定指令，确定列表项布局文件中列表项属性种 类， 列表项属性包括列表项公共属性和列表项个性属性。 所述列表项设置 模块 170, 用于根据列表项属性设置指令，对列表项布局文件中的列表项公 共属性和列表项个性属性进行设置。
上述搭建用户界面的装置 100 实施例减少了在搭建用户界面过程中的 重复工作量， 实现了多种复杂用户界面的快速搭建。
所述列表项布局文件如下内容： 列表项框、 列表项图标、 列表项文本 和列表项按钮。
所述列表项布局文件的列表项属性可以包括： 地址属性、 大小属性、 主题属性、 文本属性、 边框属性、 字体属性、 事件属性、 数据属性和图片 属性等。 这些属性是否为列表项公共属性需要根据列表项属性确定指令进 行确定的。 其中， 所述列表项公共属性只能在公共布局中进行设置。 当绘 制窗口时， 从公共布局中获取的列表项加入到窗口指定位置后， 则该列表 项中的列表项公共属性则无法设置。
同理， 列表项布局文件的列表项属性是否为列表项个性属性需要根据 列表项属性确定指令进行确定的。 其中， 所述列表项个性属性在公共布局 中可以设置。
进一步地， 参见图 5, 上述搭建用户界面的装置 100实施例中， 包括： 列表项绘制模块 180。 所述列表项绘制模块 180, 用于在绘制窗口时， 根据 列表项生成指令， 从预设公共布局中选择列表项， 获取所选列表项， 并将 所选列表项加入窗口中指定的位置。
其中， 所选列表项加入窗口中指定的位置时， 该所选列表项所展现的 属性为该所选列表项在公共布局中的属性一致。 在窗口中该列表项中的列 表项公共属性则无法设置。
例如： 若所选列表项的字体颜色属性为列表项公共属性， 在公共布局 中设置该字体颜色属性为绿色， 则将所选列表项加入窗口时， 对应的字体 颜色为绿色。 同时在窗口中该字体颜色不能修改， 若要修改只能在公共布 局中重新设置。
进一步地， 上述搭建用户界面的装置 100 实施例中， 所述列表项绘制 模块 180,还用于根据列表项个性属性设置指令，对加入窗口的对应的所选 列表项进行列表项个性属性设置。
同理， 上述搭建用户界面的装置 200 实施例中， 所述列表项绘制模块 220在窗口绘制过程中， 所选列表项的列表项公共属性不能设置，但是所选 列表项的列表项个性属性可以根据用户的选择进行设置。
例如： 若所选列表项的字体颜色属性为列表项个性属性， 在公共布局 中设置该字体颜色属性为绿色， 则将所选列表项加入窗口时， 对应的字体 颜色为绿色。 此时， 若用户对字体的颜色不满意， 则可以在窗口中将该字 体颜色设置为其他颜色， 在窗口中的修改设置不影响公共布局中该字体颜 色属性。 即在创建另一个窗口时， 加入该所选列表项， 其对应的字体颜色 仍然为绿色， 同时在该另一窗口中同样可以根据将字体颜色设置为其他颜 色。
另外， 若使用公共布局中的同一页布局文件、 同一列表项布局文件绘 制了多个窗口。 此时， 在公共布局中对该页布局文件的页公共属性和该列 表项布局文件的列表项公共属性进行修改。 则所述多个窗口会展现的属性 与公共布局中修改后的页公共属性和列表项公共属性一致。
上述搭建用户界面的装置 100 实施例， 通过采用公共布局中的页， 或 者页和列表项搭建用户界面， 减少了在搭建用户界面过程中的重复工作量， 实现了多种复杂用户界面的快速搭建。
应当理解的是， 以上仅为本发明的优选实施例， 不能因此限制本发明 的专利范围， 凡是利用本发明说明书及附图内容所作的等效结构或等效流 程变换， 或直接或间接运用在其他相关的技术领域， 均同理包括在本发明 的专利保护范围内。

Claims

权利要求书
1、 一种搭建用户界面的方法， 其特征在于， 该方法包括：
根据页新建指令， 生成页布局文件， 将页布局文件加入到预设的公共 布局中；
根据页属性确定指令， 确定页布局文件中页属性种类， 页属性包括页 公共属性；
根据页公共属性设置指令， 对页布局文件中对应的页公共属性进行设 置；
在绘制窗口时， 根据页生成指令， 从预设公共布局中选择页， 获取所 选页， 并将所选页加入窗口中指定的位置。
2、 根据权利要求 1所述的方法， 其特征在于， 所述页属性还包括页个 性属性， 在确定页布局文件中页属性种类之后， 该方法还包括：
根据页个性属性设置指令， 对页布局文件中对应的页个性属性进行设 置。
3、 根据权利要求 2所述的方法， 其特征在于， 所述在绘制窗口时， 根 据页生成指令， 从预设公共布局中选择页， 获取所选页， 并将所选页加入 窗口中指定的位置之后， 该方法还包括：
根据页个性属性设置指令， 对加入窗口的对应的所选页进行页个性属 性设置。
4、 根据权利要求 1至 3任一项所述的方法， 其特征在于， 所述根据页 公共属性设置指令， 对页布局文件中对应的页公共属性进行设置之后， 该 方法还包括：
根据列表项新建指令， 生成列表项布局文件， 将列表项布局文件加入 到预设的公共布局中；
根据列表项属性确定指令， 确定列表项布局文件中列表项属性种类， 列表项属性包括列表项公共属性和列表项个性属性；
根据列表项属性设置指令， 对列表项布局文件中的列表项公共属性和 列表项个性属性进行设置。
5、 根据权利要求 4所述的方法， 其特征在于， 所述在绘制窗口时， 根 据页生成指令， 从预设公共布局中选择页， 获取所选页， 并将所选页加入 窗口中指定的位置之后， 该方法还包括：
在绘制窗口时， 根据列表项生成指令， 从预设公共布局中选择列表项， 获取所选列表项， 并将所选列表项加入窗口中指定的位置。
6、 根据权利要求 5所述的方法， 其特征在于， 所述在绘制窗口时， 根 据列表项生成指令， 从预设公共布局中选择列表项， 获取所选列表项， 并 将所选列表项加入窗口中指定的位置之后， 该方法还包括：
根据列表项个性属性设置指令， 对加入窗口的对应的所选列表项进行 列表项个性属性设置。
7、 一种搭建用户界面的装置， 其特征在于， 该装置包括： 页生成模块、 页属性确定模块、 页属性设置模块和页绘制模块， 其中，
页生成模块， 用于根据页新建指令， 生成页布局文件， 将页布局文件 加入到预设的公共布局中；
页属性确定模块， 用于根据页属性确定指令， 确定页布局文件中页属 性种类， 页属性包括页公共属性；
页属性设置模块， 用于根据页公共属性设置指令， 对页布局文件中对 应的页公共属性进行设置；
页绘制模块， 用于在绘制窗口时， 根据页生成指令， 从预设公共布局 中选择页， 获取所选页， 并将所选页加入窗口中指定的位置。
8、 根据权利要求 7所述的装置， 其特征在于， 所述页属性还包括页个 性属性， 所述页属性设置模块， 还用于根据页个性属性设置指令， 对页布 局文件中对应的页个性属性进行设置。
9、 根据权利要求 8所述的搭建用户界面的装置， 其特征在于， 所述页绘制模块， 还用于根据页个性属性设置指令， 对加入窗口的对 应的所选页进行页个性属性设置。
10、 根据权利要求 7至 9任一项所述的装置， 其特征在于， 该装置还 包括：
列表项生成模块， 用于根据列表项新建指令， 生成列表项布局文件， 将列表项布局文件加入到预设的公共布局中；
列表项属性确定模块， 根据列表项属性确定指令， 确定列表项布局文 件中列表项属性种类， 列表项属性包括列表项公共属性和列表项个性属性； 列表项设置模块， 用于根据列表项属性设置指令， 对列表项布局文件 中的列表项公共属性和列表项个性属性进行设置。
11、 根据权利要求 10所述的装置， 其特征在于， 该装置还包括： 列表项绘制模块， 用于在绘制窗口时， 根据列表项生成指令， 从预设 公共布局中选择列表项， 获取所选列表项， 并将所选列表项加入窗口中指 定的位置。
12、 根据权利要求 11所述的装置， 其特征在于，
所述列表项绘制模块， 还用于根据列表项个性属性设置指令， 对加入 窗口的对应的所选列表项进行列表项个性属性设置。
PCT/CN2012/071619 2011-05-20 2012-02-24 搭建用户界面的方法和装置 WO2012159472A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201110131785.2A CN102789379B (zh) 2011-05-20 2011-05-20 搭建用户界面的方法和装置
CN201110131785.2 2011-05-20

Publications (1)

Publication Number Publication Date
WO2012159472A1 true WO2012159472A1 (zh) 2012-11-29

Family

ID=47154787

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2012/071619 WO2012159472A1 (zh) 2011-05-20 2012-02-24 搭建用户界面的方法和装置

Country Status (2)

Country Link
CN (1) CN102789379B (zh)
WO (1) WO2012159472A1 (zh)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104462137A (zh) * 2013-09-22 2015-03-25 北大方正集团有限公司 互动对象的创建方法及装置
CN106293658B (zh) * 2015-05-20 2020-11-27 腾讯科技（深圳）有限公司 一种界面组件生成方法及其设备
CN110377281A (zh) * 2019-05-31 2019-10-25 江苏联盟信息工程有限公司 一种动态生成html+css布局的方法及装置

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20040268299A1 (en) * 2003-06-30 2004-12-30 Shu Lei Application user interface template with free-form layout
CN1770099A (zh) * 2004-11-05 2006-05-10 中兴通讯股份有限公司 监控系统中组态监控页面生成方法
CN101025738A (zh) * 2006-02-21 2007-08-29 广州保税区天懋数码电子商务有限公司 一种免模板动态网站生成方法
CN101944027A (zh) * 2010-09-26 2011-01-12 北京神州泰岳软件股份有限公司 一种用户界面生成方法
US20110055737A1 (en) * 2009-09-02 2011-03-03 Vinod Kumar Raman System and method for providing a computer display form layout

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20040268299A1 (en) * 2003-06-30 2004-12-30 Shu Lei Application user interface template with free-form layout
CN1770099A (zh) * 2004-11-05 2006-05-10 中兴通讯股份有限公司 监控系统中组态监控页面生成方法
CN101025738A (zh) * 2006-02-21 2007-08-29 广州保税区天懋数码电子商务有限公司 一种免模板动态网站生成方法
US20110055737A1 (en) * 2009-09-02 2011-03-03 Vinod Kumar Raman System and method for providing a computer display form layout
CN101944027A (zh) * 2010-09-26 2011-01-12 北京神州泰岳软件股份有限公司 一种用户界面生成方法

Also Published As

Publication number Publication date
CN102789379A (zh) 2012-11-21
CN102789379B (zh) 2016-03-30

Similar Documents

Publication Publication Date Title
CN106843904B (zh) 界面动态布局方法及其系统
TW201525776A (zh) 對於鍵盤使用者介面的啓用控制
WO2022048316A1 (zh) 前端页面设计方法、装置、存储介质及设备
CN103853611A (zh) 将应用程序间的文本进行快捷复制的方法及电子设备
JP4717116B2 (ja) 表示オブジェクトの形状を変更するための方法、プログラム、およびデータ処理システム
WO2011116601A1 (zh) 实现移动终端横竖屏切换的装置及方法
US20070256024A1 (en) Apparatus and method for using a panel layout to consolidate dynamic and interactive graphics representative of input and output data
JP2009532755A5 (zh)
WO2014019207A1 (zh) Widget处理方法、装置及移动终端
WO2014179377A1 (en) Automatically manipulating visualized data based on interactivity
US9898255B2 (en) Grid designer for multiple contexts
WO2015184736A1 (zh) 一种触屏设备背景图变换的方法及终端
CN105830056A (zh) 与表格应用函数记号交互
WO2012159472A1 (zh) 搭建用户界面的方法和装置
JP5938031B2 (ja) プラットフォーム非依存プレゼンテーションの構成
CN107491311B (zh) 生成页面文件的方法、系统以及计算机设备
WO2012109884A1 (zh) 在bs架构下的参数配置的方法和装置
CN103092615A (zh) 一种任务预览的方法和装置
JP4691895B2 (ja) データ処理システム設計装置及びそのためのコンピュータプログラム
CN104516860A (zh) 选择被显示文档内的文本的方法和系统
JP2017037416A (ja) 画像処理装置、画像処理方法
JP2011107889A (ja) 設計支援プログラム及び設計支援装置
JP6161546B2 (ja) 特定領域を生成し表示する方法、装置及びプログラム。
JP5644599B2 (ja) オブジェクト指向モデル設計支援装置
CN109739590A (zh) 一种桌面壁纸更换方法、装置及设备

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 12790150

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 12790150

Country of ref document: EP

Kind code of ref document: A1