CN103677784A

CN103677784A - 一种程序界面设计方法

Info

Publication number: CN103677784A
Application number: CN201210358388.3A
Authority: CN
Inventors: 牟春林
Original assignee: SUZHOU JINGYIHUI INFORMATION TECHNOLOGY Co Ltd
Current assignee: SUZHOU JINGYIHUI INFORMATION TECHNOLOGY Co Ltd
Priority date: 2012-09-25
Filing date: 2012-09-25
Publication date: 2014-03-26

Abstract

本发明提出了一种程序界面设计方法，该方法包括：设计，用户通过设计器对初始化表单进行设计；存储，保存用户设计的最终表单在存储介质中；解析，解析器解析存储内容并显示设计效果。设计器的设计区域是由多行多列的表单构成，用户对其选定的单元格进行设计，同时，根据需求用户可以对有效区域内的表单进行必要的个性化的样式设计；解析器把保存的表单设计内容自动解析成可与用户交互的页面。本发明实现了计算机非专业人士可以简单、自由、个性化地设计表单界面。

Description

一种程序界面设计方法

技术领域

本发明涉及计算机应用领域，尤其是面向非计算机专业人士的一种程序界面设计方法。

背景技术

近年来，随着信息技术与计算机技术的迅速发展，加上网络技术的突飞猛进，人机界面设计已经成为最活跃的研究方法之一。现有的程序界面设计方法以面向计算机专业人士为研究目的，对操作者的计算机技术水平要求较高，无法满足普通使用者的日常应用需求。有鉴于此，本发明人提出了申请号为201210062317.9的的图形化制作软件的系统和方法的发明专利，通过以图形化的对象管理装置定义所需的对象及属性和方法的基本信息，通过拖放单元格的方式来设计表单。该方法界面友好，操作简单，但仍存在以下缺陷：1)需要用拖放的方式拖动单元格，如果需要的单元格数量和类型较多，则需要执行多次的拖放操作，比较费时。2)拖放的单元格次数过多时，涉及到对齐等问题，表单调整过程繁琐。

发明内容

本发明的目的是让非计算机专业人士能够根据自己的需求自主设计界面，让软件操作变得更简单、自由、个性化、美观。

为了实现上述目的，本发明提出一种程序界面设计方法，用户可以在多行多列的表单设计界面中对选定单元格的内容自主地设置，同时可以对有效区域的表单样式进一步做必要的个性化的设计；表单设计完成后被保存于存储介质中；通过解析器把保存的表单设计内容自动解析成可与用户交互的界面。对选定单元格的操作包括在单元格中设置控件，定义控件的类型和属性等。对有效区域表单的操作包括对单元格合并、拆分、调整单元格的对齐方式、增加或删除指定的行或列等。

本发明在表单设计时不用拖动控件，对选中的单元格直接设置即可；初始化的表单单元格格式固定，在设计完成后可以很方便地在有效区域内调整单元格的样式，不用拖动某些单元格；用户可以根据自身需求个性化地设计表单，在解析完成后用户即可预览设计效果，人机交互快捷实现。

附图说明

图1为本发明所提供的一种程序界面设计方法的流程图。

图2为本发明所提供的一种程序界面设计方法实施例的流程图。

图3为本发明所提供的一种程序界面设计方法的设计界面。

图4为本发明所提供的一种程序界面设计方法的界面设计效果图。

具体实施方式

为了使本发明所提到的实现方法及其优点更加清楚明确，以下参照附图并举实例，对本发明更进一步的详细说明。

图1为本发明所提供的一种程序界面设计方法的流程图。如图1所示，该方法主要有以下步骤：

步骤101，设计，用户通过设计器对初始化表单进行设计。用户可以在多行多列的表单设计界面中对选定单元格的内容自主地操作，同时可以根据需求对有效区域的表单样式进一步做必要的个性化的设计；

步骤102，保存，保存用户设计的最终表单在存储介质中；

步骤103，解析，解析器解析存储内容并显示设计效果。解析器把传入的表单设计内容自动解析成可与用户交互的界面。

图2为本发明所提供的一种程序界面设计方法实施例的流程图。如图2所示，该实例主要有以下步骤：

步骤201，选定单元格。在多行多列的设计界面中选定需要用到的单元格；

步骤202，设置控件及其属性。选定单元格后，单击工具栏中的某个控件，自动在单元格中生成与单元格空间相符的控件，用户根据需要调整其属性；或用户可以在单元格中直接设置控件，然后根据需求选择设置控件的类型和属性；或者采用两者结合的方式完成单元格中控件的设置。

如果用户还需要设置其他单元格，则接着执行步骤201，直至完成所有选定单元格的控件及其属性的设置；

步骤203，调整单元格格式。为了达到效果，可以对单元格的宽度和高度、合并、拆分等操作；

步骤204，调整有效区域内表单样式。包括在表单中增加、删除行或列，必要的情况下对表单格式、单元格样式做整体上的调整，增加设计的美观度。

在表单设计的内容比较多，或者说是有效区域内行数或列数比较多的时候，本发明设定自动分页的功能；

步骤205，保存设计的表单。把设计好的表单保存到某种存储介质中，该介质可以是硬盘、光盘、U盘、或其他存储设备，并触发向解析器传递信息的操作；

步骤206，解析并预览设计的表单。解析器接收从存储介质传入的设计内容，通过某种方式进行解析，解析后即可预览到设计的与用户交互的界面；

步骤207，设计是否满意。用户根据预览情况，判断是否达到了预想的效果，如果不是，则触发执行步骤203的操作；如果是，则用户对自己的设计满意，继续执行步骤208；

步骤208，结束。表单设计结束。

图3为本发明所提供的一种程序界面设计方法的设计界面。用户所需的表单设计在该设计界面完成。

图4为本发明所提供的一种程序界面设计方法的界面设计效果图。由于用户的设计理念及需要的表单不同，表单的样式具有多样性的特点，本发明附加效果图为了便于理解。

以上所述是对本发明的优选实例，本技术领域人员应当理解，所述实例并非限定本发明的保护范围。在不脱离本发明的精神实质和原则下，在细节方面可以进行变化或者修改，均应涵盖在本发明的权利要求范围之内。

Claims

1.一种程序界面设计方法，该方法包括：

a.设计，用户通过设计器对初始化表单进行设计；

b.存储，保存用户设计的最终表单在存储介质中；

c.解析，解析器解析存储内容并显示设计效果。

其特征在于，设计器的设计区域是由多行多列的表格构成，用户对其选定的单元格进行设置，同时，用户可以根据需求对有效区域内的表单或单元格进行必要的个性化的样式设计；解析器把保存的表单设计内容自动解析成可与用户交互的页面。

2.根据权利要求1所述的方法，其特征在于，所述对单元格的设置包括但不限于定义控件的类型及相关属性。

3.根据权利要求1所述的方法，其特征在于，所述的有效区域是指解析后用户欲操作的单元格区域。

4.根据权利要求1所述的方法，其特征在于，用户还可以在表单内对单元格进行合并、拆分，或增加、删除指定的行或列。