具体实施方式
图1为本发明用户界面的处理方法实施例一的流程图,如图1所示,在移动阅读应用中,书店和书架的用户界面中都不可避免地需要展示一些书刊的信息,比如书刊的封面、书摘、出版日期、页数等等,同时还要为读者进一步了解书刊内容或购买等行为提供界面交互功能,以便为读者提供个性化服务。本实施例提供的所述方法便是为了在用户界面中提供个性化服务功能的同时,提高用户界面的制作处理效率。本实施例所述的方法可以由一专门的处理装置来执行,该处理装置可以设置在例如PC机、笔记本电脑、智能手机等设备中,也可以单独设置。
本实施例提供的用户界面的处理方法,包括:
步骤101、接收用户发送的处理指令,所述处理指令中包括待处理文件,所述待处理文件中包括数据元素和对应的版式信息;
处理装置首先接收用户发送的包括至少一个待处理文件的处理指令。其中,每个待处理文件中包括至少一种类型的数据元素和与所述各数据元素分别对应的版式信息。
进一步地,该处理指令中还包括页面参数信息,该页面参数信息包括页面类型信息和页面布局方式信息。
以一个待处理文件为一本书刊的简介文件为例,假设待处理文件中包括封面、摘要、出版日期、作者等数据元素,其中,封面的类型为图像类型、其他三种的类型均为文本类型,并且,一般来说,该待处理文件中包括的上述数据元素已经是经过排版处理的,即每个数据元素都具有一定的版式信息,比如在页面中的位置、大小、颜色等。其中,所述页面类型信息表征了用户想要将待处理文件以什么样的形式在用户界面上进行展示,该页面类型信息例如包括书刊类型、状态信息栏类型。其中,状态信息栏类型,比如用户想要在用户界面上向广大读者告之某些书刊的销售排行情况,此时用户可以选择该页面类型。另外,所述页面布局方式信息表征了用户希望用户界面以何种方式布局,比如,用户需要对多个书刊进行展示,其希望在用户界面中以什么样的页面布局方式展示这多个书刊。本实施例中,所述页面布局方式信息例如包括幻灯片方式、网格方式。当用户想要突出某些书刊时,可以采用幻灯片方式,否则,若仅需集中展示所有书刊,采用网格方式即可。
步骤102、根据所述待处理文件确定与所述处理指令对应的功能控件集合,并生成与所述功能控件集合对应的配置文件,所述配置文件用于对所述功能控件集合中包括的各功能控件的参数配置和引用的数据元素进行描述,所述功能控件集合中包括多个功能控件,所述多个功能控件用于确定所述待处理文件在所述用户界面中的表现形式;
本实施例中,当处理装置接收到用户发送的处理指令后,根据该处理指令中包含的各待处理文件的各数据元素的类型和版式信息,确定出与该处理指令对应的功能控件集合,并生成用于对所述功能控件集合中包括的各功能控件的参数配置和引用的数据元素进行描述的配置文件。进一步地,当用户发送的处理指令中包含页面参数信息时,相应的,还需根据该页面参数信息中的用户确定的页面类型信息和页面布局方式信息,确定出与该处理指令对应的功能控件集合。其中,所述功能控件集合中包括多个功能控件,所述多个功能控件用于确定所述待处理文件在所述用户界面中的表现形式。也就是说,功能控件集合中,包括与各处理文件中的各类型数据元素对应的功能控件,用于确定各类型数据元素在用户界面中的表现形式,比如对于图片类型的数据元素,以何种格式、大小、背景色展示;也包括与页面类型对应的功能控件,还包括与页面布局方式对应的功能控件。其中,所述功能控件集合中包括以下类型控件中的一种或多种的组合:图像功能控件、文本功能控件、按键功能控件、滑动块功能控件。
在实际应用中,根据用户的一般需求,可以对为了满足用户需求而需要在用户界面实现过程中进行的处理进行功能性拆分,比如对书刊进行展示的应用中,需要处理的内容比如包括展示书刊封面、书刊内容摘要、作者,以及提供给读者的交互操作,比如预览、购买、下载等。根据这些需求,一般的,可以将这些需求按照功能进行拆分,比如拆分成文本、图像、按键、滑动块等基本的功能控件或者由这些基本的功能控件组合而成的其他功能控件。举例来说,比如为了在用户界面中展示书刊封面、书刊内容摘要和作者,相应的,可以用一个图像功能控件实现书刊封面的展示,分别各用一个文本功能控件来实现书刊内容摘要和作者的展示,另外,为了提供给读者一些交互功能,比如预览和购买,也可以分别使用一个按键功能控件来实现。值得说明的是,本实施例中,在用户界面中不仅仅是展示了用户提供的待处理文件中包含的各数据元素,还提供了个性化的处理逻辑,如交互功能,使得最终的用户界面更加个性化。
在确定了功能控件集合中包含的各功能控件之后,需要将各功能控件的参数配置和各自引用的数据元素进行描述,本实施例中,以配置文件的形式描述这些参数配置和引用的数据元素。所述配置文件的格式为可扩展标记语言(eXtensible Markup Language,以下简称XML)格式。其中,对于每个功能控件引用的数据元素的描述,可以是将每个功能控件与对应的数据元素内容进行关联,也可以是将每个功能控件与对应的数据元素的存储位置进行关联。
步骤103、解析所述配置文件,以根据所述配置文件中包括的所述各功能控件的参数配置创建对应的功能控件,并分别加载所述各功能控件引用的数据元素;
步骤104、将所述各功能控件分别与预设的处理逻辑进行关联,将所述待处理文件进行用户界面展示,所述处理逻辑中包括与阅读者进行交互操作的处理逻辑。
在解析配置文件,以最终实现用户界面展示的过程中,处理装置首先需要根据各功能控件的参数配置创建各功能控件,进而加载各功能控件所引用的数据元素,之后还需要将各功能控件分别与预设的处理逻辑进行关联,从而在用户界面中不但展示了各数据元素,还赋予了各数据元素一定的处理逻辑。比如在用户提供的原始的待处理文件的用户界面展示的基础上,还额外提供了下载、购买等交互功能,相应的,在用户界面中还展示了提供这些交互功能的功能控件,比如提供购买功能的按键,其处理逻辑比如是用户点击该购买按键后,弹出确定购买信息、支付等界面,再比如书刊封面的图像功能控件的处理逻辑可以包括当用户双击该图像功能控件的覆盖区域时,放大突出显示书刊封面。
本实施例中,在接收到用户发送的处理指令后,分别根据该处理指令中待处理文件包含的数据元素类型和版式信息和页面参数信息确定用于对该待处理文件进行用户界面显示的各功能控件组成的功能控件集合,通过功能控件化的处理方式,有利于降低UI设计人员的处理难度,从而有利于提高用户界面的处理效率。而且,分别预配置各功能控件的处理逻辑,其中包括与阅读者进行交互操作的处理逻辑,不仅仅实现了待处理文件的用户界面显示,还添加了包括与阅读者进行交互操作等的处理逻辑,使得用户界面的显示效果更加满足用户的个性化需求。
图2为本发明实施例一中步骤102的流程图,如图2所示,步骤102中确定与所述处理指令对应的功能控件集合,并生成与所述功能控件集合对应的配置文件,具体包括:
步骤201、分别确定与所述待处理文件中的各数据元素的类型对应的第一功能控件,并根据所述各数据元素的版式信息,分别确定所述各第一功能控件的参数配置;
本实施例中,首先根据每个待处理文件中包含的各数据元素的类型,确定对应的各第一功能控件,并根据所述各数据元素的版式信息,分别确定所述各第一功能控件的参数配置。
仍以书刊举例,比如其中包括的数据元素有图像类型的封面、有文本类型的摘要、作者、出版日期,那么则确定第一功能控件为一个图像功能控件和3个文本功能控件。
值得说明的是,每个功能控件都需要进行参数配置,在确定参数配置的过程中,每个功能控件都可以具有公用参数配置和私有参数配置,公用参数配置主要包括功能控件的类型、放置在用户界面的区域位置和大小、功能控件的背景颜色和透明度、边框类型以及边框的宽度和颜色等等,各功能控件的私有参数配置则根据其具体的行为和效果各不相同。比如第一功能控件为图像功能控件时,该图像功能控件既可以具有上述的公用参数配置,也可以具有与其对应的数据元素相匹配的私有参数配置,比如根据图像数据元素的版式信息确定其在该图像功能控件中的大小、位置等私有参数。
步骤202、将所述各第一功能控件和预设的各第二功能控件进行组合,生成与所述页面类型信息对应的第三功能控件,并根据所述各第二功能控件的预设参数配置和所述各第一功能控件的参数配置,确定所述第三功能控件的参数配置,其中,所述各第二功能控件包括用于提供交互功能的控件;
进而,根据用户输入的页面类型信息,生成第三功能控件,比如用户希望展示的是书刊的概要介绍,那么其输入的页面类型信息为书刊类型,相应的,第三功能控件为书刊功能控件。而该书刊功能控件的生成,是由与各数据元素对应的各第一功能控件和预设的用于提供界面交互功能的各第二功能控件组合而成的。其中,该组合例如为根据预先配置的各第二功能控件在第三功能控件中的位置关系来确定各第一功能控件和各第二功能控件的相对位置关系,进而根据确定的相对位置关系排列组合各第一功能控件和各第二功能控件,得到第三功能控件;再比如第二功能控件为对某第一功能控件进行某种操作,比如对第一功能控件——图像功能控件进行蒙版处理,即对应的一个第二功能控件为用于提供蒙版图像的另一个图像功能控件,此时,该第一功能控件和该第二功能控件的组合,即意味着两个功能控件的叠加,即比如在底层放置书刊封面图像的基础上,上层还添加了一个蒙版图像,比如显示“新到图书”。值得说明的是,该提供界面交互功能的各第二功能控件优选地不在用户提出的需求信息中,即不在用户发送的处理指令中,而是处理装置中的移动阅读用户界面处理程序默认设置的。当然,也可以是用户的处理指令中包含这些交互需求信息。
对于第三功能控件的参数配置比如位置、大小、颜色等。具体地,可以根据各第二功能控件的预设的比如大小、边框类型、透明度等参数配置以及各第一功能控件的参数配置来确定,比如第三功能控件的大小为各第一功能控件和各第二功能控件的构成的最小外界矩形的大小。
步骤203、确定与所述页面布局方式信息对应的第四功能控件和所述第四功能控件的参数配置;
进一步地,处理装置还需确定与用户输入的页面布局方式信息对应的第四功能控件和所述第四功能控件的参数配置。比如用户输入的页面布局方式信息为网格方式,而且,当需要处理的书刊数量为多个时,还可以输入网格的行数和列数。此时,处理装置确定的第四功能控件为滑动块,并根据用户输入的行数和列数将滑动块的覆盖区域进行相应的网格划分,以得到多个网格,每个网格中放置一个上述生成的书刊功能控件。该第四功能控件的参数配置例如包括所述行数和列数和书刊功能控件,以及还可以包括一次最多显示的书刊数,即网格数等。
如果用户输入的页面布局方式信息为幻灯片方式,则第四功能控件为滑动块,而且用户还可以根据实际需要确定是否需要缩略图导航,若不需要,则此时该滑动块的参数配置中的行数和列数都为一,即一次仅显示一个书刊功能控件;若需要,则该滑动块的参数配置中将该滑动块的覆盖区域划分为两个大小不等的子区域,其中大的子区域用于放置当前待显示的书刊功能控件,小的子区域又划分为一行多列的网格,每个网格用于放置一个缩略的书刊功能控件。
步骤204、根据所述各第一功能控件的参数配置、所述各第二功能控件的预设参数配置、所述第三功能控件的参数配置和所述第四功能控件的参数配置生成所述配置文件。
其中,由所述各第一功能控件、所述各第二功能控件、所述第三功能控件和所述第四功能控件构成所述功能控件集合。
之后,根据所述各第一功能控件的参数配置、所述各第二功能控件的预设参数配置、所述第三功能控件的参数配置和所述第四功能控件的参数配置生成XML格式的配置文件。在生成配置文件的过程中,按照预设生成顺序,依次生成分别与所述各功能控件的参数配置对应的字典结构。
以网格方式展示多个书刊功能控件为例,说明生成的包含各功能控件的字典结构的配置文件:
其中,<key>和</key>中的文本为关键字,该关键字表征了对应的功能控件的类型和用途等信息,比如,关键字IssueCoverImage表示的是用于展示封面的图像功能控件。配置文件解析过程中,便是根据关键字来查找各功能控件对应的内容的。关键字IssueGridInfo对应的字典结构描述了网格方式展示书刊功能控件的参数配置,该字典结构中的关键字IssuesGridBoundBox、GridRows、GridCols、IssueInfo分别表示位置大小、行数、列数和书刊功能控件的字典结构。其中书刊功能控件的字典结构中又包括封面图像功能控件(IssueCoverImage)、刊号文本功能控件(IssueNumberText)、书刊大小文本功能控件(IssueSizeText)、预览按键功能控件(IssuePreviewButton)、购买按键功能控件(IssuePurchaseButton)的字典结构。可见,配置文件中自上而下分别描述了各功能控件的字典结构。
另外,在解析配置文件,进行最终用户界面展示的过程中,还赋予了各功能控件不同的处理逻辑,使得各功能控件按照对应的处理逻辑进行展示。比如,页面布局方式为网格方式时,对应的滑动块功能控件被赋予的处理逻辑例如包括,当待展示的书刊功能控件的个数多于一次可显示的网格数时,根据用户的触发动作,分屏进行展示。
再比如,当页面布局方式为幻灯片方式,且不需缩略图显示时,赋予滑动块功能控件的处理逻辑是用户在书刊功能控件上进行触发动作来进行切换展示书刊;另外,在需缩略图显示时,赋予滑动块功能控件的处理逻辑是用户在缩略图对应的子区域的某个网格的书刊功能控件上进行触发动作来进行切换展示书刊。
本实施例中,在接收到用户发送的处理指令后,分别根据该处理指令中待处理文件包含的数据元素类型和版式信息和页面参数信息确定用于对该待处理文件进行用户界面显示的各功能控件组成的功能控件集合,通过功能控件化的处理方式,有利于降低UI设计人员的处理难度,从而有利于提高用户界面的处理效率。而且,分别预配置各功能控件的处理逻辑,其中包括与阅读者进行交互操作的处理逻辑,不仅仅实现了待处理文件的用户界面显示,还添加了包括与阅读者进行交互操作等的处理逻辑,使得用户界面的显示效果更加满足用户的个性化需求。
图3为本发明用户界面的处理装置实施例一的结构示意图,如图3所示,该装置包括:
接收模块11,用于接收用户发送的处理指令,所述处理指令中包括待处理文件,所述待处理文件中包括数据元素和对应的版式信息;
确定模块12,用于根据所述待处理文件确定与所述处理指令对应的功能控件集合,并生成与所述功能控件集合对应的配置文件,所述配置文件用于对所述功能控件集合中包括的各功能控件的参数配置和引用的数据元素进行描述,所述功能控件集合中包括多个功能控件,所述多个功能控件用于确定所述待处理文件在所述用户界面中的表现形式;
解析模块13,用于解析所述配置文件,以根据所述配置文件中包括的所述各功能控件的参数配置创建对应的功能控件,并分别加载所述各功能控件引用的数据元素,并将所述各功能控件分别与预设的处理逻辑进行关联,将所述待处理文件进行用户界面展示,所述处理逻辑中包括与阅读者进行交互操作的处理逻辑。
进一步地,所述处理指令中还包括页面参数信息,所述页面参数信息包括页面类型信息和页面布局方式信息;
相应的,所述确定模块12用于:
根据所述待处理文件和所述页面参数信息确定与所述处理指令对应的功能控件集合。
其中,所述页面类型信息包括以下页面类型中的任一种类型:书刊类型、状态信息栏类型;所述页面布局方式信息包括以下布局方式中的任一种方式:幻灯片方式、网格方式。
本实施例的装置可以用于执行图1所示方法实施例的技术方案,其实现原理和技术效果类似,此处不再赘述。
图4为本发明用户界面的处理装置实施例二的结构示意图,如图4所示,本实施例在图3所示实施例的基础上,所述确定模块12,包括:
确定单元121,用于分别确定与所述待处理文件中的各数据元素的类型对应的第一功能控件,并根据所述各数据元素的版式信息,分别确定所述各第一功能控件的参数配置;
合并单元122,用于将所述各第一功能控件和预设的各第二功能控件进行合并,生成与所述页面类型信息对应的第三功能控件,并根据所述各第二功能控件的预设参数配置和所述各第一功能控件的参数配置,确定所述第三功能控件的参数配置,其中,所述各第二功能控件包括用于提供交互功能的控件;
所述确定单元121,还用于确定与所述页面布局方式信息对应的第四功能控件和所述第四功能控件的参数配置;
生成单元123,用于根据所述各第一功能控件的参数配置、所述各第二功能控件的预设参数配置、所述第三功能控件的参数配置和所述第四功能控件的参数配置生成所述配置文件;
其中,由所述各第一功能控件、所述各第二功能控件、所述第三功能控件和所述第四功能控件构成所述功能控件集合。
具体地,所述生成单元123用于:
按照预设生成顺序,依次生成分别与所述各功能控件的参数配置对应的字典结构。
具体地,所述功能控件集合中包括以下类型控件中的一种或多种的组合:
图像功能控件、文本功能控件、按键功能控件、滑动块功能控件。
具体地,所述配置文件的格式为可扩展标记语言XML格式。
本实施例的装置可以用于执行图2所示方法实施例的技术方案,其实现原理和技术效果类似,此处不再赘述。
本领域普通技术人员可以理解:实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成,前述的程序可以存储于一计算机可读取存储介质中,该程序在执行时,执行包括上述方法实施例的步骤;而前述的存储介质包括:ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是:以上各实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述各实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分或者全部技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。