CN102650985B - 一种显示画面的动态排版方法 - Google Patents

一种显示画面的动态排版方法 Download PDF

Info

Publication number
CN102650985B
CN102650985B CN201110051000.0A CN201110051000A CN102650985B CN 102650985 B CN102650985 B CN 102650985B CN 201110051000 A CN201110051000 A CN 201110051000A CN 102650985 B CN102650985 B CN 102650985B
Authority
CN
China
Prior art keywords
data item
picture
display
data
those
Prior art date
Legal status (The legal status 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 status listed.)
Expired - Fee Related
Application number
CN201110051000.0A
Other languages
English (en)
Other versions
CN102650985A (zh
Inventor
蔡弘扬
薛格闵
高子腾
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Esobi Inc
Original Assignee
Esobi Inc
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 Esobi Inc filed Critical Esobi Inc
Priority to CN201110051000.0A priority Critical patent/CN102650985B/zh
Publication of CN102650985A publication Critical patent/CN102650985A/zh
Application granted granted Critical
Publication of CN102650985B publication Critical patent/CN102650985B/zh
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • Processing Or Creating Images (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种显示画面的动态排版方法可提供类似真实新闻报纸的版面阅读方式,其包括以下步骤:取得显示画面的可排版区域;计算可排版区域的大小,藉以套入具有多个显示窗格的样板;计算显示窗格的版面置放起始位置;依据显示窗格的数量取得数据库中对应数量的数据项;计算数据项的数据权重值,并依照数据权重值的大小,将数据项排序并暂存于暂存序列中;依据显示窗格的排版顺序,依序取出暂存序列中的所有数据项,并依每个显示窗格的版面置放起始位置置入对应的数据项;以及接收使用者操作指令,并据以重复部分上述步骤的动作。

Description

一种显示画面的动态排版方法
技术领域
本发明关于一种显示画面的动态排版方法,特别是一种仿真新闻报纸动态排版并显示多个数据项于一显示画面的显示画面的动态排版方法。
背景技术
计算机及因特网的快速发展,造成因特网信息量的快速暴增,使用者能透过个人计算机或是各种可携式装置从因特网取得五花八门的数据。例如使用者能够利用简易信息聚合(Really Simple Syndication,RSS)订阅频道被动式地取得实时信息;或是透过网络主动地将有兴趣的数据储存起来以待后续阅读。
虽然使用者可以透过浏览器阅读这些透过网络得到的信息,但目前研发出的阅读接口的自动排版方法良莠不齐,常常造成使用者阅读不便。例如利用手机等可携式装置上网浏览网页时,由于一般网页的分辨率需求为1024x768以上,远超出手机屏幕分辨率。因此屏幕上的显示画面只能显示极小部分的网页内容,造成可读性降低。
即使是利用大屏幕浏览信息,现有的排版大多仅是条列式地显示图文信息,显得十分死板又不美观。再者,这种单方面提供信息给使用者的阅读接口枯燥乏味亦不友善,容易使得使用者丧失阅读的兴致与耐性。
发明内容
本发明的主要目的在于提出一种显示画面的动态排版方法,本方法会依据网络上每日更新的实时新闻或订阅频道的实时更新信息,透过图文排版的重新定义程序来呈现类似真实新闻报纸的版面阅读方式,令使用者能够简单的浏览显示画面并提高显示画面的亲和力和版面的丰富性。
根据一实施范例,显示画面的动态排版方法主要包括以下步骤:
(a)取得显示画面中的一可排版区域;
(b)计算可排版区域的大小,藉以于可排版区域中套入一具有多个显示窗格的样板;
(c)计算每个显示窗格的版面置放起始位置;
(d)依据显示窗格的数量取得数据库中对应数量的数据项;
(e)计算所有数据项的各个数据权重值,并依照数据权重值的大小,将数据项排序暂存于一暂存序列中;
(f)依序取出暂存序列中的所有数据项,并依照每个显示窗格的版面置放起始位置依序置入对应的笔数据项于显示窗格内;以及
(g)接收一使用者操作指令,并重复步骤(b)至步骤(g)的动作。
其中,步骤(b)中所叙及的具有多个显示窗格的样板,其显示窗格以二直栏式或三直栏式或四直栏式的其中一种版面为主,亦即本发明有多个不同版面态样的样板会依照显示画面的可排版区域的大小或使用者操作指令而动态变换,于某些样板态样中,更于直栏中设置了数横列,令其可置放更多的数据项,如此多态样的样板替换,令使用者得以更方便的浏览显示画面。
另外,样板上的显示窗格(直栏与横列)皆预先定义好其排版顺序,于步骤(f)置入对应的数据项时,即依照显示窗格的排版顺序,依序置入对应的数据项于显示窗格内。
本发明系以计算屏幕pixel值的方式,去选择套用何种样板并计算各个显示窗格的版面置放起始位置。
其中步骤(d)中的数据项,即指如使用者透过简易信息聚合(ReallySimple Syndication,RSS)所订阅的频道的实时更新信息的内容,或自行储存的数据内容等,数据项皆散置储存于一数据库中。
数据项中至少包含一标题、内文,或是图片连结等内容,于步骤(e)中,即依据每笔数据项中所夹带的所有内容(标题、内文及图片连结等)计算出每个内容的各别数据权重值,并藉由所有数据项的特定数据权重值来做数据项的排序。
关于数据项的数据权重值,其细节的计算公式如后所示,其中,文章权重值可以是log10(内文的字数×10);而图片权重值可以是其中当数据图片的一宽高比小于0.75时,此数据图片的图片比例参数可以是0.5;而当宽高比大于或等于0.75时,此数据图片的图片比例参数可以是1。此外,当文章权重值大于5.5时,可以调整文章权重值为5.5+(原始的该文章权重值-5.5)×0.2,以避免因为摘要字数过多造成数据权重值过大的情形。
于步骤(f)时,即可依据步骤(c)的显示窗格的排版顺序,依序取出暂存序列中的所有数据项,并依每个显示窗格的版面置放起始位置置入对应的此笔数据项,其中更包括计算图片显示区域,并依据对应的数据图片的宽度、高度以及对应的显示窗格的宽度、高度,缩放数据图片;以及将缩放过的数据图片显示于图片显示区域,并裁切超出图片显示区域的部分。
而步骤(g)中的接收使用者操作指令,即指控制显示画面的功能指示,于本较佳实施例中,即指放大、缩小等功能指示项,因为放大和缩小显示画面内容时,样板中的每个显示窗格的版面置放起始位置皆会改变,所以需再重新套用一个适合此功能要求的样板,所以需再回到步骤(b),以重新计算可排版区域的大小并套用一个适合的样板,然后再进行步骤(c)至步骤(g)的动作重新置放符合使用者操作功能欲达到的要求及数据显示状态。
根据另一实施方式,当使用者操作指令涉及删除已取得的数据项时,因为只要再从数据库中取得另一笔数据项补上显示窗格即可,不需重新计算可排版区域的大小,所以循环将回到步骤(d)到步骤(g)的动作,重新计算所有数据项的数据权重值并排序,并依样板显示窗格的顺序重置数据项,以符合使用者操作指令需求。
综上所述,本发明提供的显示画面的动态排版方法可以在可排版区域中套入适当的样板,藉由样板中的显示窗格重新定义数据项的图文在可排版区域中的呈现方式。透过划分显示栏以及重新排版数据项,能够模拟新闻报纸的排版方式。再者,接收各种使用者操作指令后,本发明会因应使用者操作指令而动态地调整版面的排版方式及显示符合使用者操作指令的需求画面,令使用者得到活泼、画面丰富且更具有乐趣的阅读经验。
至于本发明其它可能存在的优点与功效,即使未公开于前述的说明中,举凡本领域的技术人员,应能藉由下文中所公开的技术手段与实施例获得了解,有关本发明的技术手段与实施例,将在下文中配合附图作一说明。
附图说明
图1为第一实施范例的显示画面的动态排版方法的方块示意图;
图2A~2E为样板的示意图;
图3A~3B为图片显示区域的示意图;
图4A~4C为显示结果的示意图;
图5为第二实施范例的显示画面的动态排版方法的方块示意图;
图6为显示画面的动态排版方法的流程示意图。
其中,附图标记:
20,20a,20b显示画面    22可排版区域
24a~24f显示窗格        242图片显示区域
244数据图片             26直栏
30接收缩小指令
32接收删除指令
具体实施方式
为使审查委员更清楚本发明的技术手段及特点,以下特以一较佳实施例并配合附图说明的方式清楚呈现。
本发明提供一种显示画面的动态排版方法,用以动态排版并显示多个数据项于一显示画面。本方法可透过网络得到如新闻等具有图文且实时更新的数据项,并将得到的图文重新排版,以呈现类似真实新闻报纸的版面阅读方式,更符合使用者的阅读习惯。
显示画面的动态排版方法可执行于各种能连接到网络或是内建有至少一数据库的计算器,例如个人计算机、笔记型计算机、服务器,或是手机等手持式装置(portable device,或称为mobile device)。且依据本方法得到的显示画面可透过计算器的屏幕显示给使用者,并与使用者作一实时的阅读互动。
请参照图1,其为第一实施范例的显示画面的动态排版方法的方块示意图。
首先取得显示画面的一可排版区域(步骤S110),其中可排版区域是整个屏幕的显示画面扣除标题列、工具列以及状态列等无法用以显示内容处之后剩下的部分。计算器并计算可排版区域的大小,藉以于可排版区域中套入一具有多个显示窗格的样板(步骤S120)。举例而言,整个显示画面的大小是1024像素×560像素,其中的可排版区域则为960像素×400像素。
本发明系以计算屏幕的像素值的方式,在步骤S120中选择套用何种样板。请同时参照图2A~图2E,其为不同的样板的示意图。
于步骤S120中,可先依据显示画面20的可排版区域22以及一预设字段宽度计算出一字段个数;再依据字段个数选择得到合适的样板,并将所选的样板套入可排版区域22。预设字段宽度用来预估适合的字段个数。例如进行预估字段个数时,可先假设每个直栏显示相同的字数,而预设字段宽度可对应于显示的字级大小(代表一个中文字或英文字母所占的像素值)。因此当目前设定的字级大小越大,对应的预设字段宽度就越大。本方法并不限定以字级大小及预设字段宽度的对应关系,且此对应关系可以一表格的方式实作。
举例而言,字级大小10对应的预设字段宽度是220像素,字级大小14对应的预设字段宽度是308像素。因此当目前设定的字级大小是14,而可排版区域22的宽度为960像素时,可以将可排版区域22的宽度除以对应的预设字段宽度308像素,亦即是以,算出适合的字段个数是3。
字段个数例如可以是2、3或是4,因此样板具有的显示窗格24a~24f可以是二直栏式或三直栏式或四直栏式之一。且样版中的直栏可再被分割成多个横列,使得一个直栏中具有更多置放数据项的显示窗格24a~24f。例如图2A的样板是二直栏式,图2B~图2D的样板是三直栏式,图2E的样板则是四直栏式。且由图可以见悉,本方法对于样板的分割方式并不设限。同样是三直栏式的图2B~图2D中,直栏的宽度、直栏中的横列个数以及横列的高度等都可依实际需求进行修改。若得到的字段个数对应多个样板,则可依序或随机挑选其中一个样板套入可排版区域22。
此外,亦可依据可排版区域22的形状选择样板;例如当可排版区域22是纵长方形时多采用二直栏式的样板,而可排版区域22是16∶9的横长方形时可采用四直栏式的样板。
套入样板之后,分别计算样版中的这些显示窗格24a~24f的多个版面置放起始位置(步骤S130)。以下以图2B的样板为例说明步骤S130的计算方式。
图2B的样板具有显示窗格24a、24b、24c以及24d,并排版成两直两横的版面。根据一实施范例,可以将整个可排版区域22的左上角的顶点设为2维坐标的原点,并以比例数值的方式纪录每个显示窗格24a~24d的版面置放起始位置以及大小等位置信息。
以“(水平的版面置放起始位置,垂直的版面置放起始位置,宽度,高度)”的纪录格式为例,显示窗格24a的位置信息为(0,0,0.3,1),显示窗格24b的位置信息为(0.3,0,0.35,1)。若要知道显示窗格24a~24d的实际坐标,将可排版区域22的大小乘上对应的比例数值即可;例如显示窗格24a左上角的顶点坐标为(0,0),右下角的顶点坐标为(288,400)。
于步骤S130确定套入的样板以及此样板具有的显示窗格24a~24d的个数后,就可确认需要取得几个数据项,再依据显示窗格24a~24d的数量取得数据库中对应数量的数据项(步骤S140)。数据项可以是使用者透过简易信息聚合(Really Simple Syndication,RSS)所订阅的频道的实时更新信息的内容,或自行储存的数据内容等。这些数据项被散置储存于数据库中,并可依照内容的类型或是日期等方式被分别归类。举例来说,数据项可以是一个新闻,一个记事、一个广告或是透过RSS接收的一个实时信息。
而数据项中至少包含一标题、一内文,或是图片连结等内容,其中每一个图片连结都对应一个数据图片。而数据项的内文可以例如是一篇新闻、记事、广告或是实时信息的摘要。对于具有多个图片连结的数据项,可以随机选取至少一个图片连结下载对应的数据图片来显示;也可以在步骤S140中执行一图片过滤程序,以去除不适合用以排版的数据图片。例如图片过滤程序可以过滤掉宽度与高度都小于75像素或是都大于1280像素的数据图片,也可以过滤掉宽高比小于0.5或是宽高比大于2.5的数据图片。
而对于具有少于100字的摘要的数据项,可执行一纯文字处理程序,以取得对应此数据项的一原始网页内容或一原始图片。取得的原始网页内容或原始图片能够提供给使用者阅读,且亦可对于透过纯文字处理程序取得的原始图片执行图片过滤程序。
得到合适的数据项之后,接着计算这些数据项的各个数据权重值,并依照数据权重值的大小,将数据项排序并暂存于一暂存序列中(步骤S150)。于步骤S150中可依据每个数据项中所夹带的所有内容(标题、内文及图片连结等)计算出每个内容的各别的权重值,并藉由所有数据项的特定数据权重值来做数据项的大小排序。然而于步骤S150中也可以以累加或相乘这些权重值等方式获得数据权重值。
例如对于具有标题或内文的数据项,可累加其总字数,而此数据权重值的一文章权重值则是log10(内文的字数×10)。又例如对于具有图片连结的数据项,可计算其数据权重值的一图片权重值是log10((数据图片的面积)1/2*图片比例参数)。其中当数据图片的宽高比小于0.75时,数据图片的图片比例参数可以是0.5;当宽高比大于或等于0.75时,数据图片的图片比例参数则可以是1。此外,当有文章权重值大于5.5时,可以于步骤S150中调整此文章权重值为5.5+(原始的该文章权重值-5.5)×0.2,以避免因为摘要字数过多造成数据权重值过大的情形。
假设显示窗格24a对应的数据项的总字数为250,对应的数据图片大小为320×240;可算出图片比例为1.33,图片比例参数为1。且假设数据权重值为文章权重值加上图片权重值,则显示窗格24a对应的数据项的数据权重值为 log 10 ( 250 × 10 ) + log 10 ( 320 × 240 × 1 ) = 3.39 + 2.44 = 5.83 .
如此一来,能够算出所有的数据权重值,依序取出暂存序列中的所有的数据项,并依每个显示窗格24a~24d的版面置放起始位置置入对应的数据项于显示窗格24a~24d中(步骤S160)。
于步骤S160的执行细节如下。首先依据显示窗格24a~24d的一排版顺序,由大到小依序取出暂存序列中的所有数据项。其中排版顺序可以是将所有显示窗格24a~24d依据显示窗格24a~24d的面积大小排序的结果。换句话说,可依照显示窗格24a~24d的排版顺序以及数据权重值的大小进行配对;因此数据权重值较高的数据项(也就是重要性较高的数据项)会被分配到顺序较前的显示窗格24a~24d,如此当数据项少于显示窗格数量时,也不会影响到排版美观。
另外,样板上的显示窗格24a~24d(直栏与横列)切割出大小之别,其大小顺序(意即排版顺序)可以是由左至右分配;最大的显示窗格24a列于版面的最左边,最小的显示窗格2d列于版面的最右边。于步骤S160置入对应的数据项时,即依照显示窗格24a~24d的大小定其排版顺序,由左至右依序置入对应的数据项于显示窗格24a~24d内。
再对于具有图片连结的数据项所对应的显示窗格24a~24d,计算各显示窗格24a~24d的一图片显示区域,并依据图片连结对应的数据图片的宽度、高度以及对应的显示窗格24a~24d的宽度、高度,缩放数据图片。
若显示窗格24a~24d是纵长方形(例如显示窗格24a以及24b),图片显示区域可以配置在顶端置中的位置;图片显示区域的大小可以是依对应的显示窗格24a以及24d的宽高比以及宽度计算。若显示窗格24a~24d是横长方形(例如显示窗格24c以及24d),则可以配置在左上方以仿真新闻报纸的排版方式;而图片显示区域的大小可以是依对应的显示窗格24c以及24d的宽高比以及高度计算。
缩放数据图片之前,可先计算数据图片的一水平方向缩放比例为数据图片的宽度除以图片显示区域的宽度,以及垂直方向缩放比例为数据图片的高度除以图片显示区域的高度。若水平与垂直方向缩放比例都小于1,表示图片需要放大,则依据水平方向缩放比例和垂直方向缩放比例较大者来放大数据图片。但为了避免影像过度放大使得画质变差,可限制最多只能放大成原本的1.5倍。反之则可依据水平方向缩放比例和垂直方向缩放比例较小者来配合图片显示区域缩小数据图片。
缩放过的数据图片显示于图片显示区域,并裁切超出图片显示区域的部分。例如若图片显示区域的宽长比大于1且数据图片的宽长比小于0.9且垂直方向缩放比例乘以0.6后仍大于水平方向缩放比例,表示显示窗格24a~24d式横长方形但数据图片是纵长方形,则可仅显示数据图片中上方60%的影像,而将剩余的部分裁切掉。
请同时参照图3A以及图3B,其为图片显示区域的示意图。
承上述例子,假设显示窗格24a对应图片显示区域242为288×200,而对应的数据图片244的水平和垂直方向缩放比例分别为1.11以及1.2,如图3A所示。因此将数据图片244缩小成大小为(320/1.2)×(240/1.1)=288×216的图片(如图3B所示),将缩小过的数据图片244的下方288×16像素裁掉,并将裁切过的数据图片244放入图片显示区域242之中。
最后在显示窗格24a~24d中的图片显示区域242以外的处置入数据项的标题或是内文,便可依据所有显示窗格24a~24d的实际位置将所有数据项置入正确的对应位置。
请参照图4A、图4B以及图4C,其分别为不同的显示结果的示意图。图4A、图4B以及图4C中的样板分别是二直栏式、三直栏式以及或四直栏式,其中有些直栏26再被横切成多个显示窗格。且可见依步骤S110到步骤S160排版得到的结果类似新闻图文并茂,因此本方法能让使用者能够得到活泼、画面丰富且更具有乐趣的阅读经验。
将排版好的数据项显示给使用者之后,本方法更可以接收一使用者操作指令(步骤S170),并重复步骤(b)至步骤(g)的动作。更详细地说,使用者操作指令可以是一缩小指令或一放大指令,本方法再动态依据使用者操作指令套入对应的样板,并将数据项显示于对应的样板中。由于因为放大和缩小显示内容的指令会影响到显示的字级大小,因此回到步骤S120时可能影响到合适的字段数量以及样板。且若缩放造成样板改变,后续亦需重新计算显示窗格的版面置放起始位置再据以置入数据项,以符合使用者操作功能欲达到的要求及数据项的显示状态。
根据另一实施方式,使用者操作指令可以是一用以删除已显示的数据项的一的删除指令。请参照图5,其为第二实施范例的显示画面的动态排版方法的方块示意图。若使用者想要沿用目前的排版阅览其它的数据项,可以透过删除指令删除至少一个目前显示的数据项。由于这样的指令不会造成样板的改变,因此接收作为使用者操作指令的删除指令(步骤S180)之后,只需回到步骤S140取得至少一个新的数据项代替被删除的数据项,并重新计算所有数据项的数据权重值且重新排序以及显示即可。
请参照图6,其为显示画面的动态排版方法的流程示意图。显示画面20于步骤S110以及S120中套入三直栏式的样板,并于步骤S130至步骤S160将4个数据项显示于三直栏式的样板。透过接收缩小指令30,本方法可以动态重新挑选新的样板,再取的对应新样板的显示窗格数量的数据项并重新排版后提供给使用者,如显示画面20a。而透过接收删除指令32,本方法可以动态删除以及补充数据项后提供给使用者,如显示画面20b。
综上所述,本方法藉由分割显示窗格的方式定义数据项在可排版区域中的呈现,让使用者能在计算器的屏幕以类似新闻报纸的方式阅读数据项。且本发明可先预备有多个不同样板,并依照可排版区域的大小或使用者操作指令而动态变换,使得使用者能够更方便简单地阅读多个新闻项目。

Claims (14)

1.一种显示画面的动态排版方法,用以动态排版并显示多个数据项于一显示画面,其特征在于,该显示画面的动态排版方法包括以下步骤: 
(a)取得该显示画面的一可排版区域; 
(b)计算该可排版区域的大小,藉以于该可排版区域中套入一具有多个显示窗格的样板; 
(c)计算该些显示窗格各自的一版面置放起始位置; 
(d)依据该些显示窗格的数量由至少一数据库中取得对应数量的该些数据项; 
(e)计算该些数据项各自的一数据权重值,并依照该些数据权重值的大小,将该些数据项排序并暂存于一暂存序列中; 
(f)依序取出该暂存序列中的所有该些数据项,并依照各该显示窗格的该版面置放起始位置依序置入对应的该数据项于该些显示窗格内;以及 
(g)接收一使用者操作指令,并重复该步骤(b)至该步骤(g)的动作, 
其中,该些数据项至少包括一标题、一内文或一图片连结,该图片连结对应于一数据图片;且于该步骤(e)中依据该标题、该内文或该图片连结计算对应的该数据权重值,并藉由该些数据项的该些数据权重值的大小排序; 
该些数据权重值的一图片权重值是 当该数据图片的一宽高比小于0.75时,该数据图片的该图片比例参数是0.5;当该宽高比大于或等于0.75时,该数据图片的该图片比例参数是1; 
而该些数据权重值的一文章权重值是log10(该内文的字数×10),当该文章权重值大于5.5时,于该步骤(e)中调整该文章权重值为5.5+(原始的该文章权重值-5.5)×0.2。 
2.如权利要求1所述的显示画面的动态排版方法,其特征在于,该样板具有的该些显示窗格以二直栏式或三直栏式或四直栏式的其中一种版面呈现。 
3.如权利要求1所述的显示画面的动态排版方法,其特征在于,该步骤(b)以及该步骤(c)之中以计算像素值的方式,选择套用的该样板,并计算该样板的各该显示窗格的该版面置放起始位置;且该步骤(b)包括: 
依据该可排版区域以及一预设字段宽度计算一字段个数;以及 
依据该字段个数选择得到该样板并将该样板套入该可排版区域。 
4.如权利要求1所述的显示画面的动态排版方法,其特征在于,该步骤(d)包括: 
对于具有多个图片连结的该数据项,执行一图片过滤程序;以及 
对于具有少于100字的一摘要,执行一纯文字处理程序,以取得对应该数据项的一原始网页内容或一原始图片。 
5.如权利要求1所述的显示画面的动态排版方法,其特征在于,该数据库中的该些数据项透过简易信息聚合所订阅的至少一频道的实时更新信息。 
6.如权利要求1所述的显示画面的动态排版方法,其特征在于,该步骤(f)包括: 
依据该些显示窗格的排版顺序,依序取出该暂存序列中的所有该些数据项; 
对于具有一图片连结的该数据项所对应的该显示窗格,计算该显示窗格的一图片显示区域,并依据该图片连结对应的一数据图片的宽度、高度以及对应的该显示窗格的宽度、高度,缩放该数据图片; 
将缩放过的该数据图片显示于该图片显示区域,并裁切超出该图片显示区域的部分;以及 
依据该版面置放起始位置,将每个该数据项的一标题或一内文置入对应的该显示窗格中的该图片显示区域以外之处。 
7.如权利要求1所述的显示画面的动态排版方法,其特征在于,该使用者操作指令是一缩小指令或一放大指令,以依据该使用者操作指令套入对应的该样板,并将该些数据项显示于对应的该样板中。 
8.一种显示画面的动态排版方法,用以动态排版并显示多个数据项于一显示画面,其特征在于,该显示画面的动态排版方法包括以下步骤: 
(a)取得该显示画面的一可排版区域; 
(b)计算该可排版区域的大小,藉以于该可排版区域中套入一具有多个显示窗格的样板; 
(c)计算该些显示窗格各自的一版面置放起始位置; 
(d)依据该些显示窗格的数量由至少一数据库中取得对应数量的该些数 据项; 
(e)计算该些数据项各自的一数据权重值,并依照该些数据权重值的大小,将该些数据项排序并暂存于一暂存序列中; 
(f)依序取出该暂存序列中的所有该些数据项,并依各该显示窗格的该版面置放起始位置置入对应的该数据项;以及 
(g)接收一使用者操作指令,并重复该步骤(d)至该步骤(g)的动作, 
其中,该些数据项至少包括一标题、一内文或一图片连结,该图片连结对应于一数据图片;且于该步骤(e)中依据该标题、该内文或该图片连结计算对应的该数据权重值,并藉由该些数据项的该些数据权重值的大小排序; 
该些数据权重值的一图片权重值是 当该数据图片的一宽高比小于0.75时,该数据图片的一图片比例参数是0.5;当该宽高比大于或等于0.75时,该数据图片的该图片比例参数是1; 
而该些数据权重值的一文章权重值是log10(该内文的字数×10),当该文章权重值大于5.5时,于该步骤(e)中调整该文章权重值为5.5+(原始的该文章权重值-5.5)×0.2。 
9.如权利要求8所述的显示画面的动态排版方法,其特征在于,该样板具有的该些显示窗格以二直栏式或三直栏式或四直栏式的其中一种版面呈现。 
10.如权利要求8所述的显示画面的动态排版方法,其特征在于,该步骤(b)以及该步骤(c)之中系以计算像素值的方式,选择套用的该样板,并计算该样板的各该显示窗格的该版面置放起始位置;且该步骤(b)包括: 
依据该可排版区域以及一预设字段宽度计算一字段个数;以及 
依据该字段个数选择得到该样板并将该样板套入该可排版区域。 
11.如权利要求8所述的显示画面的动态排版方法,其特征在于,该步骤(d)包括: 
对于具有多个图片连结的该数据项,执行一图片过滤程序;以及 
对于具有少于100字的一摘要的该数据项,执行一纯文字处理程序,以取得对应该数据项的一原始网页内容或一原始图片。 
12.如权利要求8所述的显示画面的动态排版方法,其特征在于,该数据库中的该些数据项透过简易信息聚合所订阅的至少一频道的实时更新信息。 
13.如权利要求8所述的显示画面的动态排版方法,其特征在于,该步骤(f)包括: 
依据该些显示窗格的排版顺序,依序取出该暂存序列中的所有该些数据项; 
对于具有一图片连结的该数据项所对应的该显示窗格,计算该显示窗格的一图片显示区域,并依据该图片连结对应的一数据图片的宽度、高度以及对应的该显示窗格的宽度、高度,缩放该数据图片; 
将缩放过的该数据图片显示于该图片显示区域,并裁切超出该图片显示区域的部分;以及 
依据该版面置放起始位置,将每个该数据项的一标题或一内文置入对应的该显示窗格中的该图片显示区域以外之处。 
14.如权利要求8所述的显示画面的动态排版方法,其特征在于,该使用者操作指令是一用以删除已显示的该些数据项之一的删除指令,以取得一个新的该数据项代替被删除的该数据项,并重新计算所有该些数据项的该些数据权重值且重新排序以及显示。 
CN201110051000.0A 2011-02-25 2011-02-25 一种显示画面的动态排版方法 Expired - Fee Related CN102650985B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201110051000.0A CN102650985B (zh) 2011-02-25 2011-02-25 一种显示画面的动态排版方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201110051000.0A CN102650985B (zh) 2011-02-25 2011-02-25 一种显示画面的动态排版方法

Publications (2)

Publication Number Publication Date
CN102650985A CN102650985A (zh) 2012-08-29
CN102650985B true CN102650985B (zh) 2014-09-10

Family

ID=46692993

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201110051000.0A Expired - Fee Related CN102650985B (zh) 2011-02-25 2011-02-25 一种显示画面的动态排版方法

Country Status (1)

Country Link
CN (1) CN102650985B (zh)

Families Citing this family (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104834646A (zh) * 2014-02-11 2015-08-12 腾讯科技(深圳)有限公司 网页显示方法、客户端及系统
CN103838708B (zh) * 2014-03-05 2017-02-08 天闻数媒科技(北京)有限公司 电子排版方法和装置
CN104978444B (zh) * 2014-04-04 2018-01-12 北京猎豹网络科技有限公司 一种图片组合的方法及装置
CN103970726B (zh) * 2014-05-21 2017-08-25 杨俊贤 图文排版实现方法及装置
CN104133872B (zh) * 2014-07-23 2017-07-07 天脉聚源(北京)科技有限公司 一种新闻列表展示方法和装置
TWI556635B (zh) * 2015-11-06 2016-11-01 佳世達科技股份有限公司 媒體播放方法
CN106681972A (zh) * 2015-11-11 2017-05-17 北京国双科技有限公司 表格显示方法及装置
US10198147B2 (en) * 2016-03-17 2019-02-05 Samsung Electronics Co., Ltd. Object management and visualization using a computing device
CN109657201B (zh) * 2017-10-10 2023-07-04 杭州海康威视系统技术有限公司 一种元素的排版显示方法、装置、电子设备及存储介质
CN109710121B (zh) * 2019-01-10 2020-07-03 环球雅途集团有限公司 一种自适应屏幕尺寸的排版显示方法
CN110032701B (zh) * 2019-04-04 2021-07-09 网易(杭州)网络有限公司 图像展示控制方法、装置、存储介质及电子设备

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101283348A (zh) * 2005-10-04 2008-10-08 微软公司 具有对动态地聚集的文档的和谐合成的多形设计
CN101443800A (zh) * 2005-03-23 2009-05-27 道格拉斯·阿什博 分布式内容交换与显示系统
CN101582086A (zh) * 2009-06-11 2009-11-18 腾讯科技(深圳)有限公司 获取博客质量信息的方法和装置
CN101656062A (zh) * 2008-08-20 2010-02-24 英特尔公司 在单个显示器上来自多个源的内容的关联、定制和自动化的技术

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP4405939B2 (ja) * 2005-05-18 2010-01-27 キヤノン株式会社 画像処理装置とその制御方法および画像処理システム

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101443800A (zh) * 2005-03-23 2009-05-27 道格拉斯·阿什博 分布式内容交换与显示系统
CN101283348A (zh) * 2005-10-04 2008-10-08 微软公司 具有对动态地聚集的文档的和谐合成的多形设计
CN101656062A (zh) * 2008-08-20 2010-02-24 英特尔公司 在单个显示器上来自多个源的内容的关联、定制和自动化的技术
CN101582086A (zh) * 2009-06-11 2009-11-18 腾讯科技(深圳)有限公司 获取博客质量信息的方法和装置

Also Published As

Publication number Publication date
CN102650985A (zh) 2012-08-29

Similar Documents

Publication Publication Date Title
CN102650985B (zh) 一种显示画面的动态排版方法
TWI453658B (zh) 一種顯示畫面之動態排版方法
US11461077B2 (en) Method of displaying data in a table with fixed header
US8522140B2 (en) Automated markup language layout
US7584424B2 (en) Automated product layout
CN101833586A (zh) 一种html小屏幕自适应排版方法及排版服务器
US20150067463A1 (en) Method of displaying data in a table while retaining a fixed header
US20080104091A1 (en) Method of displaying data in a table
EA012487B1 (ru) Способ отображения данных в таблице
US8635553B2 (en) Auto adjustable pane view
CN106294301B (zh) 报表生成方法和装置
WO2015078159A1 (zh) 网页显示方法及装置
CN109299449A (zh) 表格处理方法、装置、电子设备及可读存储介质
US11727080B2 (en) Weighted panels and panel group for responsive design system
US20240143898A1 (en) Content typesetting method and apparatus, computer device, and storage medium
CN105045587A (zh) 一种图片展示方法及装置
KR20140130799A (ko) 웹 페이지 저작과 그 저작된 웹 페이지를 제공하는 시스템과 그 방법
CN103353889A (zh) Feeb双阵列网格系统
CN117972255A (zh) 基于虚拟dom的数据渲染方法及装置
CN111310082B (zh) 一种页面显示方法和装置
US7461341B2 (en) Structured document display processor, method for processing display of structured document, and program for displaying structured document
US20130104014A1 (en) Viewer unit, server unit, display control method, digital comic editing method and non-transitory computer-readable medium
CN111666515A (zh) 页面元素变换方法及装置
KR101604838B1 (ko) 웹페이지의 구성방법
CN104391829B (zh) 一种实现多媒体信息与文本混排的方法及装置

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
C14 Grant of patent or utility model
GR01 Patent grant
CF01 Termination of patent right due to non-payment of annual fee

Granted publication date: 20140910

Termination date: 20190225

CF01 Termination of patent right due to non-payment of annual fee