CN102750148B - 一种媒体信息显示方法及装置 - Google Patents

Abstract

本发明适用于多媒体应用领域，提供了一种媒体信息显示方法及装置，所述方法包括：创建媒体视图控件，并根据所述媒体视图控件预先构建多个媒体布局模板；获取媒体信息；确定页面媒体信息条数，并根据所述页面媒体信息条数选取预先构建的媒体布局模板；将所述媒体信息填充至所选的媒体布局模板。通过在客户端自定义媒体视图控件来创建多种媒体布局模板，使得在获取到从后台服务器传输过来的媒体信息后，可将媒体信息填充至预先创建的媒体布局模板中，不再使用传统的网页排版方式，只需将服务器端的信息发送到客户端，便可通过客户端自行设计及布局媒体信息的显示，使得媒体信息的显示方式更多样，用户体验更好。

Description

一种媒体信息显示方法及装置

技术领域

本发明属于多媒体应用领域，尤其涉及一种媒体信息显示方法及装置。

背景技术

随着科技的进步，在电子设备上的各种多媒体应用越来越多，诸如：可通过智能电视或平板电脑等电子设备显示媒体或文字、图片信息。而目前众多的媒体或文字、图片信息的显示都是传统的在一个网页上显示的形式，形式单一且用户体验不佳。由于现今的媒体浏览基本都是基于网页浏览的，即是采用HTML方式在客户端展示媒体，而基于该媒体显示方式，HTML全是在服务器端预先设计、布局好的，客户端仅是通过浏览器对HTML文件进行解析并显示，客户端并不能自行设计及布局媒体的显示。

发明内容

本发明实施例的目的在于提供一种媒体信息显示方法及装置，旨在解决现有的客户端不能自行设计及布局媒体的显示且现有的媒体显示形式单一的问题。

本发明实施例是这样实现的，一种媒体信息显示方法，所述方法包括：创建媒体视图控件，并根据所述媒体视图控件预先构建多个媒体布局模板；获取媒体信息；确定页面媒体信息条数，并根据所述页面媒体信息条数选取预先构建的媒体布局模板；将所述媒体信息填充至所选的媒体布局模板。

本发明实施例的另一目的在于提供一种媒体信息显示装置，所述装置包括：模板预先构建单元，用于创建媒体视图控件，并根据所述媒体视图控件预先构建多个媒体布局模板；信息获取单元，用于获取媒体信息；模板选取单元，用于确定页面媒体信息条数，并根据所述页面媒体信息条数选取预先构建的媒体布局模板；信息填充单元，用于将所述媒体信息填充至所选的媒体布局模板。

在本发明实施例中，通过在客户端自定义媒体视图控件来创建多种媒体布局模板，使得在获取到从后台服务器传输过来的媒体信息后，可将媒体信息填充至预先创建的媒体布局模板中，不再使用传统的网页排版方式，只需将服务器端的信息发送到客户端，便可通过客户端自行设计及布局媒体信息的显示，使得媒体信息的显示方式更多样，用户体验更好。由于不再需要在服务器开发HTML文件，省去了服务器端的开发步骤，减小了开发难度，也减少了服务器与客户端之间的数据传递量，节省了传输空间。

附图说明

图1是本发明第一实施例提供的媒体信息显示方法的流程图；

图2是本发明第二实施例提供的媒体信息显示方法的流程图；

图3是本发明第三实施例提供的媒体信息显示方法的流程图；

图4是本发明第四实施例提供的媒体信息显示方法的流程图；

图5是本发明第五实施例提供的媒体信息显示装置的结构示意图；

图6是本发明第六实施例提供的媒体信息显示装置的结构示意图；

图7是本发明第七实施例提供的媒体信息显示装置的结构示意图；

图8是本发明第八实施例提供的媒体信息显示装置的结构示意图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

本发明实施例提供一种媒体信息显示方法，通过在显示媒体的客户端自定义媒体视图控件来创建多种媒体布局模板，使得客户端获取到从后台服务器传输过来的媒体信息后，可将媒体信息填充至预先创建的媒体布局模板中，实现媒体信息显示的多样化。

为了说明本发明所述的技术方案，下面通过具体实施例来进行说明。

实施例一：

如图1所示为本发明第一实施例提供的媒体信息显示方法的流程图，为了便于说明，仅示出了与本发明实施例相关的部分。

在本发明实施例中，媒体信息的类型包括但不限于：新闻类媒体信息，广告类媒体信息，通知类媒体信息等。

在步骤S101中，创建媒体视图控件，并根据所述媒体视图控件预先构建多个媒体布局模板。

在本发明实施例中，媒体视图控件是指页面上的一块区域，该区域的形状可以为矩形、圆形、三角形等。其中，媒体视图控件包括但不限于：媒体标题视图控件、媒体来源和发布时间视图控件及媒体正文视图控件等，媒体正文视图控件包括但不限于媒体图片视图控件及媒体信息摘要视图控件。确定媒体视图控件后，采用xml布局文件创建媒体视图控件。以android平台为例，媒体标题视图控件、媒体来源及发布时间视图控件以及媒体信息摘要视图控件都是android系统的TextView控件，媒体图片视图控件为ImageView控件。

在创建媒体视图控件后，根据所创建的媒体视图控件构建多个不同的媒体布局模板。其中，预先设置一个媒体布局模板页面可显示的媒体信息条数范围（如最多5条媒体信息，最少2条媒体信息），便可根据媒体布局模板对应的媒体信息条数的不同将媒体布局模板分为多种显示类型，如显示3条媒体信息的媒体布局模板，显示4条媒体信息的媒体布局模板，或显示5条媒体信息的媒体布局模板等。若是显示相同媒体信息条数的媒体布局模板，则还可以通过媒体视图控件大小或位置的不同分为多种不同显示形式的媒体布局模板。此处，在一个媒体布局模板中对每个媒体视图控件按照从上到下，从左至右的顺便编号，左上角第一个媒体视图控件编号为1，下面紧挨着的媒体视图控件编号为2，依次类推。

在本发明实施例中，为每个媒体布局模板分配一个唯一的特征号（如：模板ID，或模板唯一的名称等），将所有媒体布局模板对应的特征号存储至一个数组中，生成一个媒体布局模板列表，根据该媒体布局模板列表可快速查找到对应的媒体布局模板。以android系统为例，可采用xml文件组合创建出不同的媒体布局模板，而Android系统中每个媒体布局模板xml文件都有一个id，将这些id全部存于数组中生成一个媒体布局模板列表。

在本发明实施例中，在创建媒体视图控件，并根据所述媒体视图控件预先构建多个媒体布局模板后，后续每次显示媒体信息就只需要直接选取预先构建的媒体布局模板来进行显示即可。

在步骤S102中，获取媒体信息。

在本发明实施例中，从后台服务器获取媒体信息，媒体信息包括但不限于：媒体标题信息、媒体来源及发布时间信息、媒体摘要信息以及媒体图片地址信息。其中，获取的媒体信息为文本字符串。

在步骤S103中，确定页面媒体信息条数，并根据所确定的页面媒体信息条数选取预先构建的媒体布局模板。

在本发明实施例中，页面媒体信息条数的范围在预先设置媒体布局模板时已确定（如步骤S101中举例确定的一个模板页面最多5条媒体信息，最少2条媒体信息），则根据预先设定的页面媒体信息条数范围通过生成随机数的方法确定页面媒体信息条数或由用户自行选择页面媒体信息条数。确定页面媒体信息条数后，根据所确定的页面媒体信息条数选取预先构建的媒体布局模板，如通过随机数确定媒体信息条数为3后，选取显示3条媒体信息的媒体布局模版。由于显示同样媒体信息条数的媒体布局模板可能有多个，则此时通过随机数选取其中之一。如显示3条媒体信息的媒体布局模板有4个，则通过随机数选择其中一个媒体布局模板，若生成的随机数为1，则选取第一个显示3条媒体信息的媒体布局模板。

在步骤S104中，将媒体信息填充至所选的媒体布局模板。

在本发明实施例中，将从后台服务器获得的媒体信息填充至媒体布局模板，将媒体信息显示于对应的媒体视图控件。如：媒体标题信息显示于媒体标题视图控件，媒体来源及发布时间信息显示于媒体来源及发布时间视图控件，媒体摘要信息及媒体图片地址信息显示于媒体正文视图控件。

在本发明实施例中，通过在客户端自定义媒体视图控件来创建多种媒体布局模板，使得在获取到从后台服务器传输过来的媒体信息后，可将媒体信息填充至预先创建的媒体布局模板中，不再使用传统的网页排版方式，只需将服务器端的信息发送到客户端，便可通过客户端自行设计及布局媒体信息的显示，使得媒体信息的显示方式更多样，用户体验更好。由于不再需要在服务器开发HTML文件，省去了服务器端的开发步骤，减小了开发难度，也减少了服务器与客户端之间的数据传递量，节省了传输空间。

实施例二：

如图2所示为本发明第二实施例提供的媒体信息显示方法的流程图，为了便于说明，仅示出了与本发明实施例相关的部分。

在步骤S201中，创建媒体视图控件，并根据所述媒体视图控件预先构建多个媒体布局模板；

在步骤S202中，获取媒体信息；

在步骤S203中，确定页面媒体信息条数，并根据所确定的页面媒体信息条数选取预先构建的媒体布局模板；

其中，步骤S201-S203的执行过程和上述实施例一中的步骤S101-S103类似，详情参见实施例一的描述。

在步骤S204中，根据页面媒体信息条数构建媒体列表，将所述媒体信息存储至所述媒体列表。

在本发明实施例中，根据所确定的页面媒体信息条数构建媒体列表，使用一个数组用来存放所有从后台服务器接收的要显示的媒体信息。其中，存储至媒体列表中的媒体图片地址信息是媒体图片的URL地址，后续通过媒体图片的URL地址找到媒体图片并显示。

在步骤S205中，将媒体信息填充至所选的媒体布局模板。

在本发明实施例中，将要显示的媒体信息存储至媒体列表后，在需要填充媒体布局模板时，直接将媒体列表中的媒体信息填充至所选的媒体布局模板中，媒体列表存储媒体信息更便于管理从后台服务器获得的媒体信息，且提高了媒体信息读取效率。

实施例三：

如图3所示为本发明第三实施例提供的媒体信息显示方法的流程图，为了便于说明，仅示出了与本发明实施例相关的部分。

在步骤S301中，创建媒体视图控件，并根据所述媒体视图控件预先构建多个媒体布局模板；

在步骤S302中，获取媒体信息；

在步骤S303中，确定页面媒体信息条数，并根据所确定的页面媒体信息条数选取预先构建的媒体布局模板；

在步骤S304中，将媒体信息填充至所选的媒体布局模板；

其中，步骤S301-S304的执行过程和上述实施例一中的步骤S101-S104类似，详情参见实施例一的描述。

在步骤S305中，判断媒体信息是否包括媒体图片地址信息，是则执行步骤S306，否则执行步骤S307。

在步骤S306中，根据媒体图片地址信息获取媒体图片并裁剪后，显示所述媒体图片。

在本发明实施例中，若媒体信息中包括媒体图片地址信息，则说明该媒体信息中包含图片信息，则启动线程，根据媒体图片地址信息（如媒体图片URL地址信息等）获取媒体图片。由于媒体图片视图控件的大小是固定的，因此获取媒体图片后，需要将所获得的媒体图片进行剪裁以适应媒体图片视图控件的尺寸，再显示剪裁后的图片。

在步骤S307中，设置媒体图片视图控件的可见性为不可见，媒体正文视图控件全部显示媒体摘要信息。

在本发明实施例中，将媒体图片视图控件的可见性设置为GONE（不可见），不占用媒体正文视图控件的显示区域，使得媒体正文视图控件全部显示媒体摘要信息。

在本发明实施例中，通过判断媒体信息中是否包括媒体图片信息，使得当媒体信息不包括图片时，不占用媒体正文视图控件中的媒体图片视图控件，也使得媒体信息显示更美观。

实施例四：

如图4所示为本发明第四实施例提供的媒体信息显示方法的流程图，为了便于说明，仅示出了与本发明实施例相关的部分。

在步骤S401中，创建媒体视图控件，并根据所述媒体视图控件预先构建多个媒体布局模板；

在步骤S402中，获取媒体信息；

在步骤S403中，确定页面媒体信息条数，并根据所确定的页面媒体信息条数选取预先构建的媒体布局模板；

在步骤S404中，将媒体信息填充至所选的媒体布局模板；

在步骤S405中，判断媒体信息是否包括媒体图片地址信息，是则执行步骤S406，否则执行步骤S407。

在步骤S406中，根据媒体图片地址信息获取媒体图片并裁剪后，显示所述媒体图片。

在步骤S407中，设置媒体图片视图控件的可见性为不可见，媒体正文视图控件全部显示媒体摘要信息。

其中，步骤S401-S407的执行过程和上述实施例三中的步骤S301-S307类似，详情参见实施例一的描述。

在步骤S408中，判断是否接收到用户输入的翻页指令，是则返回执行步骤S402，否则结束流程。

在本发明实施例中，当接收到用户输入的翻页指令时，需要翻下一页媒体，则需要返回步骤S402，重新获取媒体信息，并在确定新的页面媒体信息条数后，根据新的页面媒体信息条数选择预先构建的媒体布局模板，将新的媒体信息填充至所选的媒体布局模板中显示下一页媒体信息。

在本发明实施例中，当接收到用户输入的翻页指令时，重新获取媒体信息，选择媒体布局模板，然后将新获取的媒体信息填充至新选择的媒体布局模板中显示下一页媒体信息。实现了媒体信息的逐页读取，为用户提供了类似杂志的媒体信息阅读体验，浏览时用户可在第一时间直接看到媒体信息的标题、图片、摘要等，阅读更加直观。

实施例五：

图5为本发明第五实施例提供的媒体信息显示装置的结构示意图，为了便于说明，仅示出了与本发明实施例相关的部份。

模板预先构建单元51，用于创建媒体视图控件，并根据所述媒体视图控件预先构建多个媒体布局模板。

信息获取单元52，用于获取媒体信息。

在本发明实施例中，媒体信息包括但不限于：媒体标题信息、媒体来源及发布时间信息、媒体摘要信息以及媒体图片地址信息。

模板选取单元53，用于确定页面媒体信息条数，并根据所确定的页面媒体信息条数选取预先构建的媒体布局模板。

信息填充单元54，用于将媒体信息填充至所选的媒体布局模板。

在本发明实施例中，通过在客户端自定义媒体视图控件来创建多种媒体布局模板，使得在获取到从后台服务器传输过来的媒体信息后，可将媒体信息填充至预先创建的媒体布局模板中，不再使用传统的网页排版方式，只需将服务器端的信息发送到客户端，便可通过客户端自行设计及布局媒体信息的显示，使得媒体信息的显示方式更多样，用户体验更好。由于不再需要在服务器开发HTML文件，省去了服务器端的开发步骤，减小了开发难度，也减少了服务器与客户端之间的数据传递量，节省了传输空间。

优选的，如图6所示，本发明第六实施例的媒体信息显示装置还包括：

媒体列表创建单元61，用于根据页面媒体信息条数构建媒体列表，将所述媒体信息存储至所述媒体列表。

在本发明实施例中，将要显示的媒体信息存储至媒体列表后，在填充媒体布局模板时，直接将媒体列表中的媒体信息填充至所选的媒体布局模板中，媒体列表存储媒体信息更便于管理从后台服务器获得的媒体信息，且提高了媒体信息读取效率。

优选的，如图7所示，本发明第七实施例的媒体信息显示装置还包括：

图片单元71，用于当媒体信息中包括媒体图片地址信息时，根据媒体图片地址信息获取媒体图片并裁剪后，显示所述媒体图片。

无图片单元72，用于当媒体信息中不包括媒体图片地址信息时，设置媒体图片视图控件的可见性为不可见，媒体正文视图控件全部显示媒体摘要信息。

在本发明实施例中，通过判断媒体信息中是否包括媒体图片信息，使得当媒体信息不包括图片时，不占用媒体正文视图控件中的媒体图片视图控件，也使得媒体信息显示更美观。

优选的，如图8所示，本发明第八实施例的媒体信息显示装置还包括：

翻页指令接收单元81，用于当接收到用户输入的翻页指令时，跳转至信息获取单元52获取媒体信息。

在本发明实施例中，当接收到用户输入的翻页指令时，重新获取媒体信息，选择媒体布局模板，然后将新获取的媒体信息填充至新选择的媒体布局模板中显示下一页媒体信息。实现了媒体信息的逐页读取，为用户提供了类似杂志的媒体信息阅读体验，浏览时用户可在第一时间直接看到媒体信息的标题、图片、摘要等，阅读更加直观。

本领域普通技术人员可以理解，实现上述实施例方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，所述的程序可以在存储于一计算机可读取存储介质中，所述的存储介质，如ROM/RAM、磁盘、光盘等。

以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。

Claims (6)

1.一种媒体信息显示方法，其特征在于，所述方法包括：

创建媒体视图控件，并根据所述媒体视图控件预先构建多个媒体布局模板，所述媒体视图控件包括：媒体标题视图控件、媒体来源和发布时间视图控件及媒体正文视图控件，所述媒体正文视图控件包括媒体图片视图控件及媒体信息摘要视图控件；

获取媒体信息；

确定页面媒体信息条数，并根据所述页面媒体信息条数选取预先构建的媒体布局模板；

将所述媒体信息填充至所选的媒体布局模板；

判断所述媒体信息是否包括媒体图片地址信息；

若所述媒体信息包括媒体图片地址信息，则获取媒体图片并裁剪后，显示所述媒体图片；

若所述媒体信息不包括媒体图片地址信息，则设置媒体图片视图控件的可见性为不可见，媒体正文视图控件全部显示媒体摘要信息。

2.如权利要求1所述的方法，其特征在于，步骤确定页面媒体信息条数，并根据所述页面媒体信息条数选择预先构建的媒体布局模板与步骤将所述媒体信息填充至所选的媒体布局模板之间还包括：

根据所述页面媒体信息条数构建媒体列表，将所述媒体信息存储至所述媒体列表。

3.如权利要求1所述的方法，其特征在于，步骤将所述媒体信息填充至所选的媒体布局模板之后，还包括：

当接收用户输入的翻页指令时，根据所述翻页指令获取新的媒体信息；

确定新的页面媒体信息条数，并根据所述新的页面媒体信息条数选择预先构建的媒体布局模板；

将所述新的媒体信息填充至所选的媒体布局模板。

4.一种媒体信息显示装置，其特征在于，所述装置包括：

模板预先构建单元，用于创建媒体视图控件，并根据所述媒体视图控件预先构建多个媒体布局模板，所述媒体视图控件包括：媒体标题视图控件、媒体来源和发布时间视图控件及媒体正文视图控件，所述媒体正文视图控件包括媒体图片视图控件及媒体信息摘要视图控件；

信息获取单元，用于获取媒体信息；

模板选取单元，用于确定页面媒体信息条数，并根据所述页面媒体信息条数选取预先构建的媒体布局模板；

信息填充单元，用于将所述媒体信息填充至所选的媒体布局模板；

图片单元，用于当所述媒体信息包括媒体图片地址信息时，则获取媒体图片并裁剪后，显示所述媒体图片；

无图片单元，用于当所述媒体信息不包括媒体图片地址信息时，则设置媒体图片视图控件的可见性为不可见，媒体正文视图控件全部显示媒体摘要信息。

5.如权利要求4所述的装置，其特征在于，所述装置还包括：

媒体列表创建单元，用于根据所述页面媒体信息条数构建媒体列表，将所述媒体信息存储至所述媒体列表。

6.如权利要求4或5所述的装置，其特征在于，所述装置还包括：

翻页指令接收单元，用于当接收到用户输入的翻页指令时，跳转至信息获取单元获取媒体信息。