专利名称：搭建用户界面的方法和装置的制作方法
技术领域：
本发明涉及用户界面技术领域，尤其是涉及ー种搭建用户界面的方法和装置。
背景技术：
UI (User Interface,用户界面)是用户和某些系统进行交互方法的集合,界面设计的好坏是决定产品畅销的重要因素。友好美观的界面给人ー种舒适美好的视觉享受，可以拉近人与产品的距离，为产品创造卖点。界面设计需要根据使用者、使用环境、使用方式进行设计的。因此界面的设计需根据不同用户的欣赏需求进行不同的设计。界面设计工具是用于绘制界面的软件，其基本组成包括控件库、布局区域、布局文件管理等部分。现有的复杂UI界面搭建的基本处理方式包括复制一粘贴进行UI搭建和通过预设的公共布局进行UI搭建。 但是现有的搭建UI处理方式存在如下缺陷若采用复制一粘贴的方式，绘制出的UI布局之间没有关联性，当某共性属性需要修改吋，需要对每个UI布局中的该属性进行修改，导致重复工作量大；若采用预设的公共布局进行UI搭建，因现有的公共布局只有列表项，没有页，而很多复杂界面的搭建又需要通过页进行搭建，导致现有公共布局无法满足上述多种复杂界面的搭建要求。
发明内容
本发明的主要目的在于提供ー种搭建用户界面的方法和装置，减少搭建用户界面的重复工作量，实现多种复杂用户界面的快速搭建。本发明提出ー种搭建用户界面的方法，包括步骤根据页新建指令，生成页布局文件，将页布局文件加入到预设的公共布局中；根据页属性确定指令，确定页布局文件中页属性种类，页属性包括页公共属性；根据页公共属性设置指令，对页布局文件中对应的页公共属性进行设置；在绘制窗ロ吋，根据页生成指令，从预设公共布局中选择页，获取所选页，并将所选页加入窗口中指定的位置。优选地，所述页属性还包括页个性属性，在确定页布局文件中页属性种类之后还包括根据页个性属性设置指令，对页布局文件中对应的页个性属性进行设置。优选地，所述在绘制窗ロ吋，根据页生成指令，从预设公共布局中选择页，获取所选页，并将所选页加入窗口中指定的位置之后还包括根据页个性属性设置指令，对加入窗ロ的对应的所选页进行页个性属性设置。优选地，所述根据页公共属性设置指令，对页布局文件中对应的页公共属性进行设置之后还包括根据列表项新建指令，生成列表项布局文件，将列表项布局文件加入到预设的公共布局中；
根据列表项属性确定指令，确定列表项布局文件中列表项属性种类，列表项属性包括列表项公共属性和列表项个性属性；根据列表项属性设置指令，对列表项布局文件中的列表项公共属性和列表项个性属性进行设置。优选地，所述在绘制窗ロ吋，根据页生成指令，从预设公共布局中选择页，获取所选页，并将所选页加入窗口中指定的位置之后还包括在绘制窗ロ时，根据列表项生成指令，从预设公共布局中选择列表项，获取所选列表项，并将所选列表项加入窗口中指定的位置。优选地，所述在绘制窗ロ时，根据列表项生成指令，从预设公共布局中选择列表项，犹取所选列表项，并将所选列表项加入窗ロ中指定的位直之后还包括
根据列表项个性属性设置指令，对加入窗ロ的对应的所选列表项进行列表项个性
属性设置。本发明另提出ー种搭建用户界面的装置，包括页生成模块，用于根据页新建指令，生成页布局文件，将页布局文件加入到预设的公共布局中；页属性确定模块，用于根据页属性确定指令，确定页布局文件中页属性种类，页属性包括页公共属性；页属性设置模块，用于根据页公共属性设置指令，对页布局文件中对应的页公共属性进行设置；页绘制模块，用于在绘制窗ロ吋，根据页生成指令，从预设公共布局中选择页，获取所选页，并将所选页加入窗ロ中指定的位置。优选地，所述页属性还包括页个性属性，所述页属性设置模块，还用于根据页个性属性设置指令，对页布局文件中对应的页个性属性进行设置。优选地，所述页绘制模块，还用于根据页个性属性设置指令，对加入窗ロ的对应的所选页进行页个性属性设置。优选地，所述的搭建用户界面的装置，还包括列表项生成模块，用于根据列表项新建指令，生成列表项布局文件，将列表项布局文件加入到预设的公共布局中；列表项属性确定模块，根据列表项属性确定指令，确定列表项布局文件中列表项属性种类，列表项属性包括列表项公共属性和列表项个性属性；列表项设置模块，用于根据列表项属性设置指令，对列表项布局文件中的列表项公共属性和列表项个性属性进行设置。优选地，所述的搭建用户界面的装置，包括列表项绘制模块，用于在绘制窗ロ时，根据列表项生成指令，从预设公共布局中选择列表项，获取所选列表项，并将所选列表项加入窗ロ中指定的位置。优选地，所述列表项绘制模块，还用于根据列表项个性属性设置指令，对加入窗ロ的对应的所选列表项进行列表项个性属性设置。由上可知，本发明提供的搭建用户界面的方法和装置，通过采用公共布局中的页，或者页和列表项搭建用户界面，減少了在搭建用户界面过程中的重复工作量，实现了多种复杂用户界面的快速搭建。
图I是本发明的搭建用户界面的方法一实施例的流程图；图2是本发明的搭建用户界面的方法实施例的另一流程图；图3是本发明的搭建用户界面的装置一实施例的结构示意图；图4是本发明的搭建用户界面的装置实施例的另ー结构示意图；图5是本发明的搭建用户界面的装置实施例的另ー结构示意图。本发明目的的实现、功能特点及优点将结合实施例，參照附图做进ー步说明。
具体实施例方式应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。參见图1，提出本发明的搭建用户界面的方法ー实施例，包括步骤SlOl、根据页新建指令，生成页布局文件，将页布局文件加入到预设的公共布局中；步骤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实施例，通过采用公共布局中的页，或者页和列表项搭建用户界面，減少了在搭建用户界面过程中的重复工作量，实现了多种复杂用户界面的快速搭建。 应当理解的是，以上仅为本发明的优选实施例，不能因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。
权利要求
1.ー种搭建用户界面的方法，其特征在于，包括步骤 根据页新建指令，生成页布局文件，将页布局文件加入到预设的公共布局中； 根据页属性确定指令，确定页布局文件中页属性种类，页属性包括页公共属性； 根据页公共属性设置指令，对页布局文件中对应的页公共属性进行设置； 在绘制窗ロ吋，根据页生成指令，从预设公共布局中选择页，获取所选页，并将所选页加入窗口中指定的位置。
2.根据权利要求I所述的搭建用户界面的方法，其特征在于，所述页属性还包括页个性属性，在确定页布局文件中页属性种类之后还包括 根据页个性属性设置指令，对页布局文件中对应的页个性属性进行设置。
3.根据权利要求2所述的搭建用户界面的方法，其特征在于，所述在绘制窗ロ时，根据页生成指令，从预设公共布局中选择页，获取所选页，并将所选页加入窗ロ中指定的位置之后还包括 根据页个性属性设置指令，对加入窗ロ的对应的所选页进行页个性属性设置。
4.根据权利要求I至3任ー项所述的搭建用户界面的方法，其特征在于，所述根据页公共属性设置指令，对页布局文件中对应的页公共属性进行设置之后还包括 根据列表项新建指令，生成列表项布局文件，将列表项布局文件加入到预设的公共布局中； 根据列表项属性确定指令，确定列表项布局文件中列表项属性种类，列表项属性包括列表项公共属性和列表项个性属性； 根据列表项属性设置指令，对列表项布局文件中的列表项公共属性和列表项个性属性进行设置。
5.根据权利要求4所述的搭建用户界面的方法，其特征在于，所述在绘制窗ロ时，根据页生成指令，从预设公共布局中选择页，获取所选页，并将所选页加入窗ロ中指定的位置之后还包括 在绘制窗ロ时，根据列表项生成指令，从预设公共布局中选择列表项，获取所选列表项，并将所选列表项加入窗ロ中指定的位直。
6.根据权利要求5所述的搭建用户界面的方法，其特征在于，所述在绘制窗ロ时，根据列表项生成指令，从预设公共布局中选择列表项，获取所选列表项，并将所选列表项加入窗口中指定的位直之后还包括 根据列表项个性属性设置指令，对加入窗ロ的对应的所选列表项进行列表项个性属性设置。
7.ー种搭建用户界面的装置，其特征在于，包括 页生成模块，用于根据页新建指令，生成页布局文件，将页布局文件加入到预设的公共布局中； 页属性确定模块，用于根据页属性确定指令，确定页布局文件中页属性种类，页属性包括页公共属性； 页属性设置模块，用于根据页公共属性设置指令，对页布局文件中对应的页公共属性进行设置； 页绘制模块，用于在绘制窗ロ吋，根据页生成指令，从预设公共布局中选择页，获取所选页，并将所选页加入窗ロ中指定的位置。
8.根据权利要求7所述的搭建用户界面的装置，其特征在于，所述页属性还包括页个性属性，所述页属性设置模块，还用于根据页个性属性设置指令，对页布局文件中对应的页个性属性进行设置。
9.根据权利要求8所述的搭建用户界面的装置，其特征在干， 所述页绘制模块，还用于根据页个性属性设置指令，对加入窗ロ的对应的所选页进行页个性属性设置。
10.根据权利要求7至9任ー项所述的搭建用户界面的装置，其特征在于，还包括 列表项生成模块，用于根据列表项新建指令，生成列表项布局文件，将列表项布局文件 加入到预设的公共布局中； 列表项属性确定模块，根据列表项属性确定指令，确定列表项布局文件中列表项属性种类，列表项属性包括列表项公共属性和列表项个性属性； 列表项设置模块，用于根据列表项属性设置指令，对列表项布局文件中的列表项公共属性和列表项个性属性进行设置。
11.根据权利要求10所述的搭建用户界面的装置，其特征在于，包括 列表项绘制模块，用于在绘制窗ロ吋，根据列表项生成指令，从预设公共布局中选择列表项，获取所选列表项，并将所选列表项加入窗口中指定的位置。
12.根据权利要求11所述的搭建用户界面的装置，其特征在干， 所述列表项绘制模块，还用于根据列表项个性属性设置指令，对加入窗ロ的对应的所选列表项进行列表项个性属性设置。
全文摘要
本发明公开了一种搭建用户界面的方法和装置，方法为根据页新建指令，生成页布局文件，将页布局文件加入到预设的公共布局中；根据页属性确定指令，确定页布局文件中页属性种类，页属性包括页公共属性；根据页公共属性设置指令，对页布局文件中对应的页公共属性进行设置；在绘制窗口时，根据页生成指令，从预设公共布局中选择页，获取所选页，并将所选页加入窗口中指定的位置。本发明提供的搭建用户界面的方法和装置，通过采用公共布局中的页，或者页和列表项搭建用户界面，减少了在搭建用户界面过程中的重复工作量，实现了多种复杂用户界面的快速搭建。
文档编号G06F9/44GK102789379SQ20111013178
公开日2012年11月21日 申请日期2011年5月20日 优先权日2011年5月20日
发明者符慧娟 申请人:中兴通讯股份有限公司