CN104156406B - 应用程序内嵌页面显示方法及装置 - Google Patents

应用程序内嵌页面显示方法及装置 Download PDF

Info

Publication number
CN104156406B
CN104156406B CN201410364620.3A CN201410364620A CN104156406B CN 104156406 B CN104156406 B CN 104156406B CN 201410364620 A CN201410364620 A CN 201410364620A CN 104156406 B CN104156406 B CN 104156406B
Authority
CN
China
Prior art keywords
message element
display
message
embedded page
link
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.)
Active
Application number
CN201410364620.3A
Other languages
English (en)
Other versions
CN104156406A (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.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201410364620.3A priority Critical patent/CN104156406B/zh
Publication of CN104156406A publication Critical patent/CN104156406A/zh
Application granted granted Critical
Publication of CN104156406B publication Critical patent/CN104156406B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种应用程序内嵌页面显示方法及装置,属于计算机领域。所述方法包括:获取应用程序的内嵌页面包含的各个消息元素,所述各个消息元素中的至少一个为图片链接;确定所述各个消息元素在所述内嵌页面中的显示位置;根据所述各个消息元素在所述内嵌页面中的显示位置显示所述各个消息元素。本发明通过获取包含至少一个图片链接的消息元素,确定各个消息元素在内嵌页面中的排版信息,根据各个消息元素在内嵌页面中的排版信息显示各个消息元素,达到提高消息的可读性和用户体验的效果。

Description

应用程序内嵌页面显示方法及装置
技术领域
本发明涉及计算机领域,特别涉及一种应用程序内嵌页面显示方法及装置。
背景技术
移动终端的屏幕通常较小,相应的,运行于移动终端中的应用程序界面所能够显示的内容也较少,为了便于用户了解应用程序相关的重要消息,可以在应用程序中设置专门用于显示消息的内嵌页面。
在现有的应用程序内嵌页面中,通常以文本的形式显示各个消息,比如,用户启动应用程序时,在应用程序的主界面上弹出内嵌页面,内嵌页面按照发布时间顺序至上而下依次显示各个消息的标题和详细内容,发布时间最近的消息处于最上方,重要消息的内容以特殊的字体颜色标记,当消息内容较多时,超出内嵌页面部分的内容隐藏,用户通过滑动操作控制隐藏内容的显示。
在实现本发明的过程中,发明人发现现有技术至少存在以下问题:
现有的应用程序内嵌页面中,各个消息的详细内容以文本的形式显示,重要消息的内容仅以特殊颜色显示,用户无法快速确定感兴趣的消息内容,消息的可读性较差,影响用户体验。
发明内容
为了解决现有技术中应用程序内嵌页面中,各个消息的详细内容以文本的形式显示,重要消息的内容仅以特殊颜色显示而导致的用户无法快速确定感兴趣的消息内容的问题,本发明实施例提供了一种应用程序内嵌页面显示方法及装置。所述技术方案如下:
一方面,提供了一种应用程序内嵌页面显示方法,所述方法包括:
获取应用程序的内嵌页面包含的各个消息元素,所述各个消息元素中的至少一个为图片链接;
确定所述各个消息元素在所述内嵌页面中的显示位置;
根据所述各个消息元素在所述内嵌页面中的显示位置显示所述各个消息元素。
另一方面,提供了一种应用程序内嵌页面显示装置,所述装置包括:
元素获取模块,用于获取应用程序的内嵌页面包含的各个消息元素,所述各个消息元素中的至少一个为图片链接;
位置确定模块,用于确定所述各个消息元素在所述内嵌页面中的显示位置;
页面显示模块,用于根据所述各个消息元素在所述内嵌页面中的显示位置显示所述各个消息元素。
本发明实施例提供的技术方案带来的有益效果是:
通过获取包含至少一个图片链接的消息元素,确定各个消息元素在内嵌页面中的显示位置,根据各个消息元素在内嵌页面中的显示位置显示各个消息元素,由于图片具有直观明了、内容生动、容易引起用户注意以及可以向用户提供更丰富的想象空间等优点,通过图片链接,可以直接明了的展示消息元素的主题,方便用户迅速判断图片链接对应的消息是否是用户感兴趣的消息,解决了现有技术中消息的详细内容以文本的形式显示,重要消息的内容仅以特殊颜色显示而导致的用户无法快速确定感兴趣的消息内容的问题,达到提高消息的可读性和用户体验的效果。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明一个实施例提供的应用程序内嵌页面显示方法的方法流程图;
图2是本发明另一实施例提供的应用程序内嵌页面显示方法的方法流程图;
图3是本发明另一实施例提供的入口选项的示意图;
图4是本发明另一实施例提供的一种显示区域示意图;
图5是本发明另一实施例提供的另一种显示区域示意图;
图6是本发明另一实施例提供的再一种显示区域示意图;
图7是本发明另一实施例提供的标签显示示意图;
图8是本发明另一实施例提供的详细内容的显示页面示意图;
图9是本发明一个实施例提供的应用程序内嵌页面显示装置的装置结构图;
图10是本发明另一实施例提供的应用程序内嵌页面显示装置的装置结构图;
图11是本发明一个实施例提供的终端的结构方框图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚,下面将结合附图对本发明实施方式作进一步地详细描述。
请参考图1,其示出了本发明一个实施例提供的应用程序内嵌页面显示方法的方法流程图,该方法可以用于对应用程序中的内嵌页面进行显示;该应用程序可以是运行于移动终端中的应用程序,比如,该移动终端可以是智能手机、平板电脑或者电子书阅读器等。该应用程序内嵌页面显示方法可以包括:
步骤102,获取应用程序的内嵌页面包含的各个消息元素,各个消息元素中的至少一个为图片链接;
步骤104,确定各个消息元素在内嵌页面中的显示位置;
步骤106,根据各个消息元素在内嵌页面中的显示位置显示各个消息元素。
在本实施例中,内嵌页面显示的消息元素中包含有图片链接,相对于文字而言,图片具有直观明了、内容生动、容易引起用户注意以及可以向用户提供更丰富的想象空间等优点,通过图片链接,可以直接明了的展示消息元素的主题,方便用户迅速判断图片链接对应的消息是否是用户感兴趣的消息。
综上所述,本发明实施例所示的应用程序内嵌页面显示方法,通过获取包含至少一个图片链接的消息元素,确定各个消息元素在内嵌页面中的显示位置,根据各个消息元素在内嵌页面中的显示位置显示该内嵌页面,由于图片具有直观明了、内容生动、容易引起用户注意以及可以向用户提供更丰富的想象空间等优点,通过图片链接,可以直接明了的展示消息元素的主题,方便用户迅速判断图片链接对应的消息是否是用户感兴趣的消息,解决了现有技术中消息的详细内容以文本的形式显示,重要消息的内容仅以特殊颜色显示而导致的用户无法快速确定感兴趣的消息内容的问题,达到提高消息的可读性和用户体验的效果。
请参考图2,其示出了本发明另一实施例提供的应用程序内嵌页面显示方法的方法流程图,该方法可以用于对应用程序中的内嵌页面进行显示;该应用程序可以是运行于移动终端中的应用程序,比如,该移动终端可以是智能手机、平板电脑或者电子书阅读器等,该应用程序可以是运行于移动终端的游戏客户端、即时通讯客户端或者网络社区客户端等第三方应用程序。该应用程序内嵌页面显示方法可以包括:
步骤202,接受用户对内嵌页面的入口选项的选择操作;
其中,该内嵌页面的入口选项设置于应用程序的主界面或者该主界面的下一级界面。
由于内嵌页面通常为应用程序启动时强行弹出显示,用户关闭内嵌页面之后,若需要再次浏览内嵌页面中的消息内容,需要重新启动应用程序,用户重新浏览内嵌页面的成本较高,操作步骤复杂,严重影响用户的使用体验。为了解决用户重新浏览内嵌页面的成本较高的问题,在本实施例中,除了将内嵌页面设置为应用程序启动是弹出之外,还可以在应用程序的主界面或者次一级界面中设置一个内嵌页面的入口选项,用户关闭内嵌页面之后点击该入口选项时,可以重新显示该内嵌页面。
比如,以在应用程序主界面的下一级界面中设置内嵌页面的入口选项为例,该入口选项的示意图可以如图3所示,其中,在应用程序主界面的下一级界面的下方设置一个可操作的虚拟按键“活动中心”,该虚拟按键即为应用程序内嵌页面的入口选项,当用户点击该虚拟按键时,可以进入内嵌页面显示流程,以显示内嵌页面。
步骤204,获取应用程序的内嵌页面包含的各个消息元素,各个消息元素中的至少一个为图片链接;
其中,该内嵌页面中包含的各个消息元素可以全部由图片链接组成,每个图片链接展示一条消息的主题内容。或者,为了兼顾内嵌页面所能够展示的信息数量,内嵌页面中的信息元素除了包含至少一个图片链接之外,还可以包含至少一个文字链接,其中,图片链接用于展示重要消息的主题,图片链接以图片展示为主,图片中辅以对应主题的关键词,文字链接用于展示次要消息的主题,文字链接的文本内容可以是对应消息的标题。
步骤206,确定各个消息元素在内嵌页面中的显示位置;
在确定各个消息元素在内嵌页面中的显示位置时,可以首先获取用于显示该内嵌页面的屏幕的参数,该屏幕的参数包括屏幕的显示姿态,再根据该显示姿态确定该各个消息元素在该内嵌页面中的显示位置,其中,该屏幕的显示姿态为横屏显示或者竖屏显示。
用户在使用移动终端时,移动终端的屏幕的显示姿态并不是固定不变,比如,以智能手机为例,用户坐立或者站立时,通常习惯于使智能手机竖屏显示,用户在仰卧时,通常习惯于使智能手机横屏显示,在本发明实施例中,还可以按照移动终端的屏幕的显示姿态调整合适的页面布局,以达到充分利用屏幕中的显示空间的效果。
具体的,在本发明实施例中,应用程序的内嵌页面的像素尺寸根据屏幕的分辨率确定,以便最大限度的利用屏幕的显示空间,当内嵌页面中的各个消息元素包括至少一个图片链接和至少一个文字链接时,可以将内嵌页面分为图片显示区域和文字显示区域,图片显示区域用于显示图片链接,文字显示区域用于显示文字链接;当屏幕显示姿态为横屏显示时,可以确定图片显示区域和文字显示区域为左右布局;当屏幕显示姿态为竖屏显示时,可以确定图片显示区域和文字显示区域为上下布局。
此外,当内嵌页面中的各个消息元素包括至少一个图片链接和至少一个文字链接时,还可以根据屏幕的宽高比确定图片链接和文字链接的宽度比例,比如,当屏幕分辨率的宽高比为4:3,且屏幕显示姿态为横屏显示时,可以设置图片链接和文字链接的宽度比例为1:1,当屏幕分辨率的宽高比为16:9,且屏幕显示姿态为横屏显示时,可以设置图片链接和文字链接的宽度比例为1:2。
需要说明的是,当图片显示区域或者文字显示区域中的显示元素超出显示区域时,超出的部分内容隐藏,比如,用户可以通过flick手势滑动文字显示区域,以调整显示和隐藏的部分内容。
以智能手机的应用程序内嵌页面中的消息元素包括两个图片链接和若干个文字链接为例,内嵌页面分为图片显示区域和文字显示区域,其中,开发人员预先设置图片链接1与图片链接2的宽度相同,图片链接1的高度为图片链接2的两倍,各个文字链接的高度和宽度相同。应用程序首先获取屏幕的显示姿态以及屏幕的宽高比,再根据屏幕的显示姿态以及屏幕的宽高比确定图片显示区域和文字显示区域的显示位置以及图片链接和文字链接的宽度比例。
具体的,以智能手机为例,请参考图4所示的一种显示区域示意图,其中,当智能手机为横屏显示,且屏幕宽高比为4:3时,确定图片链接和文字链接的高度相同,宽度比例为1:1,且图片显示区域和文字显示区域呈左右布局。
或者,请参考图5所示的另一种显示区域示意图,其中,当智能手机为横屏显示,且屏幕宽高比为16:9时,确定图片链接和文字链接的高度相同,宽度比例为1:2,且图片显示区域和文字显示区域呈左右布局。
再或者,请参考图6所示的再一种显示区域示意图,其中,当智能手机为竖屏显示,且屏幕宽高比为16:9时,确定图片链接和文字链接的宽度相同,且图片显示区域和文字显示区域呈上下布局。
类似的,当内嵌页面中的各个消息元素均为图片链接时,同样可以根据屏幕的显示姿态确定各个图片链接在内嵌页面中的位置布局,比如,当屏幕显示姿态为横屏显示时,可以确定各个图片链接为多列布局;当屏幕显示姿态为竖屏显示时,可以确定各个图片链接为单列布局。
同样以智能手机为例,当内嵌页面中的各个消息元素均为图片链接时,若智能手机为横屏显示,且屏幕宽高比为4:3,则确定各个图片链接分为两列显示,各个图片链接的宽度相同;若智能手机为横屏显示,且屏幕宽高比为16:9,则确定图片链接分为三列显示,各个图片链接的宽度相同;若智能手机为竖屏显示,则可以确定各个图片链接呈单列显示。
进一步的,当内嵌页面中包含文字链接时,还可以将各个文字链接的字体高度以及相邻两个文字链接之间的行距设置为较大的数值,以进一步提高文字内容的可读性,比如,设置文字链接的字体高度为20像素,相邻两个文字链接之间的行距为60像素。
步骤208,根据各个消息元素在内嵌页面中的显示位置显示各个消息元素;
具体的,可以根据上述步骤206所确定的各个消息元素在内嵌页面中的位置布局显示该内嵌页面中的各个消息元素。
步骤210,获取各个消息元素对应的标签;
对于各个消息元素中的任一消息元素,还可以获取该消息元素对应的标签,其中,该标签用于指示该消息元素的消息类型。
在本发明实施例中,各种不同类型的消息同时显示在一个内嵌页面中,比如,同一个内嵌页面中同时显示公告、活动以及新闻等不同类型的消息。
步骤212,对应各个消息元素显示各自的标签;
具体的,以各个消息元素全部为图片链接,或者,各个消息元素包括至少一个图片链接和至少一个文字链接为例,对于各个消息元素中的任一消息元素,当该消息元素为图片链接时,可以在该图片链接上叠加显示该标签;当该消息元素为文字链接时,可以在该文字链接之外,相对于该文字链接的指定位置显示该标签。
为了便于用户快速区分不同类型的消息,有选择的查看感兴趣的消息类型,可以在内嵌页面中对应各个消息元素显示其消息类型。请参考图7所示的标签显示示意图,以消息元素包括2个图片链接和若干个文字链接,智能手机为横屏显示,且屏幕宽高比为4:3为例,其中,图片链接1对应的消息类型为“活动”,图片链接2对应的消息类型为“版本”,显示在内嵌页面中的4个文字链接对应的消息类型分别为“公告”、“活动”、“礼包”和“新闻”,对于图片链接,可以在图片链接的左上角显示对应活动类型的标签,对于文字链接,可以在各个文字链接的前端显示对应活动类型的标签,不同类型的标签除了文字区别之外,还可以通过不同的颜色来区分。
需要说明的是,本实施例所示的显示标签的方法,仅以图7进行举例说明,在实际应用中,还可以根据实际的页面布局自行设置各个图片链接或者文字链接对应的标签,比如,在图片链接的右下角或者在文字链接的后端显示各自对应的标签,且标签的形式也不限于文字说明,还可以通过图标和文字说明相结合的方式来显示标签,对于各个消息元素的标签的具体形式,本实施例不做具体限定。
步骤214,接收用户对任一消息元素的选择操作,在新的内嵌页面中显示该消息元素的详细内容。
图片链接或者文字链接都对应有详细的消息内容,当用户点击图片链接或者文字链接时,可以弹出新的内嵌页面,并在新的内嵌页面中显示该消息元素的详细内容。
详细内容的显示页面示意图可以如图8所示,其中,消息的详细内容可以分为标题、发布时间和正文内容,为了便于用户阅读,可以设置较大的字体大小、段落间距以及行间距,比如,可以设置标题区域高度为60像素,标题文字大小为24像素,正文内容文字大小为20像素,行距为25像素,段距为40像素。
综上所述,本发明实施例所示的应用程序内嵌页面显示方法,通过获取包含至少一个图片链接的消息元素,确定各个消息元素在内嵌页面中的显示位置,根据各个消息元素在内嵌页面中的显示位置显示该内嵌页面,由于图片具有直观明了、内容生动、容易引起用户注意以及可以向用户提供更丰富的想象空间等优点,通过图片链接,可以直接明了的展示消息元素的主题,方便用户迅速判断图片链接对应的消息是否是用户感兴趣的消息,解决了现有技术中消息的详细内容以文本的形式显示,重要消息的内容仅以特殊颜色显示而导致的用户无法快速确定感兴趣的消息内容的问题,达到提高消息的可读性和用户体验的效果。
此外,本发明实施例所示的应用程序内嵌页面显示方法,通过对应各个消息元素显示用于指示该消息元素的消息类型的标签,便于用户快速区分不同类型的消息,有选择的查看感兴趣的消息类型,进一步提高用户体验。
另外,本发明实施例所示的应用程序内嵌页面显示方法,当消息元素包括至少一个图片链接和至少一个文字链接,根据屏幕显示姿态确定图片显示区域和文字显示区域为左右布局或者上下布局,以达到充分利用屏幕中的显示空间的效果。
请参考图9,其示出了本发明一个实施例提供的应用程序内嵌页面显示装置的装置结构图,该装置可以用于对应用程序中的内嵌页面进行显示;该应用程序可以是运行于移动终端中的应用程序,比如,该移动终端可以是智能手机、平板电脑或者电子书阅读器等。该应用程序内嵌页面显示装置可以包括:
元素获取模块301,用于获取应用程序的内嵌页面包含的各个消息元素,所述各个消息元素中的至少一个为图片链接;
位置确定模块302,用于确定所述各个消息元素在所述内嵌页面中的显示位置;
显示模块303,用于根据所述各个消息元素在所述内嵌页面中的显示位置显示所述内嵌页面。
综上所述,本发明实施例所示的应用程序内嵌页面显示装置,通过获取包含至少一个图片链接的消息元素,确定各个消息元素在内嵌页面中的显示位置,根据各个消息元素在内嵌页面中的显示位置显示该内嵌页面,由于图片具有直观明了、内容生动、容易引起用户注意以及可以向用户提供更丰富的想象空间等优点,通过图片链接,可以直接明了的展示消息元素的主题,方便用户迅速判断图片链接对应的消息是否是用户感兴趣的消息,解决了现有技术中消息的详细内容以文本的形式显示,重要消息的内容仅以特殊颜色显示而导致的用户无法快速确定感兴趣的消息内容的问题,达到提高消息的可读性和用户体验的效果。
请参考图10,其示出了本发明另一实施例提供的应用程序内嵌页面显示装置的装置结构图,该装置可以用于对应用程序中的内嵌页面进行显示;该应用程序可以是运行于移动终端中的应用程序,比如,该移动终端可以是智能手机、平板电脑或者电子书阅读器等。该应用程序内嵌页面显示装置可以包括:
元素获取模块401,用于获取应用程序的内嵌页面包含的各个消息元素,所述各个消息元素中的至少一个为图片链接;
位置确定模块402,用于确定所述各个消息元素在所述内嵌页面中的显示位置;
显示模块403,用于根据所述各个消息元素在所述内嵌页面中的显示位置显示所述内嵌页面。
所述装置还包括:标签获取模块404和标签显示模块405;
所述标签获取模块404,用于对于所述各个消息元素中的任一消息元素,获取所述消息元素对应的标签,所述标签用于指示所述消息元素的消息类型;
所述标签显示模块405,用于对应所述消息元素显示所述标签。
所述标签显示模块405,包括:第一显示单元4051和第二显示单元4052;
所述第一显示单元4051,用于当所述消息元素为图片链接时,在所述图片链接上叠加显示所述标签;
所述第二显示单元4052,用于当所述消息元素为文字链接时,在所述文字链接之外,相对于所述文字链接的指定位置显示所述标签;
其中,所述各个消息元素为图片链接,或者,所述各个消息元素包括至少一个图片链接和至少一个文字链接。
所述位置确定模块402,包括:参数获取单元4021和位置确定单元4022;
所述参数获取单元4021,用于获取用于显示所述内嵌页面的屏幕的显示姿态,所述显示姿态为横屏显示或者竖屏显示;
所述位置确定单元4022,用于根据所述显示姿态确定所述各个消息元素在所述内嵌页面中的显示位置。
所述位置确定单元4022,包括:第一确定子单元4022a和第二确定子单元4022b;
所述第一确定子单元4022a,用于当所述显示姿态为横屏显示时,确定图片显示区域和文字显示区域为左右布局;
所述第二确定子单元4022b,用于当所述显示姿态为竖屏显示时,确定图片显示区域和文字显示区域为上下布局;
其中,所述各个消息元素包括至少一个图片链接和至少一个文字链接,所述内嵌页面包括所述图片显示区域和所述文字显示区域,所述图片显示区域用于显示图片链接,所述文字显示区域用于显示文字链接。
所述位置确定单元4022,还包括:第三确定子单元4022c和第四确定子单元4022d;
所述第三确定子单元4022c,用于当所述显示姿态为横屏显示时,确定所述各个消息元素为多列布局;
所述第四确定子单元4022d,用于当所述显示姿态为竖屏显示时,确定所述各个消息元素为单列布局;
其中,所述各个消息元素为图片链接。
所述装置还包括:操作接收模块406;
所述操作接收模块406,用于在所述元素获取模块401获取应用程序的内嵌页面包含的各个消息元素之前,接受用户对所述内嵌页面的入口选项的选择操作;
其中,所述内嵌页面的入口选项设置于所述应用程序的主界面或者所述主界面的下一级界面。
综上所述,本发明实施例所示的应用程序内嵌页面显示装置,通过获取包含至少一个图片链接的消息元素,确定各个消息元素在内嵌页面中的显示位置,根据各个消息元素在内嵌页面中的显示位置显示该内嵌页面,由于图片具有直观明了、内容生动、容易引起用户注意以及可以向用户提供更丰富的想象空间等优点,通过图片链接,可以直接明了的展示消息元素的主题,方便用户迅速判断图片链接对应的消息是否是用户感兴趣的消息,解决了现有技术中消息的详细内容以文本的形式显示,重要消息的内容仅以特殊颜色显示而导致的用户无法快速确定感兴趣的消息内容的问题,达到提高消息的可读性和用户体验的效果。
此外,本发明实施例所示的应用程序内嵌页面显示装置,通过对应各个消息元素显示用于指示该消息元素的消息类型的标签,便于用户快速区分不同类型的消息,有选择的查看感兴趣的消息类型,进一步提高用户体验。
另外,本发明实施例所示的应用程序内嵌页面显示装置,当消息元素包括至少一个图片链接和至少一个文字链接,根据屏幕显示姿态确定图片显示区域和文字显示区域为左右布局或者上下布局,以达到充分利用屏幕中的显示空间的效果。
请参考图11,其示出了本发明一个实施例提供的终端的结构方框图,该终端用于实施上述实施例提供的应用程序内嵌页面显示方法,本发明实施例中的终端可以包括一个或多个如下组成部分:用于执行计算机程序指令以完成各种流程和方法的处理器,用于信息和存储程序指令随机接入存储器(RAM)和只读存储器(ROM),用于存储数据和信息的存储器,I/O设备,界面,天线等。具体来讲:
终端500可以包括RF(RadioFrequency,射频)电路510、存储器520、输入单元530、显示单元540、传感器550、音频电路560、WiFi(wirelessfidelity,无线保真)模块570、处理器580、电源582、摄像头590等部件。本领域技术人员可以理解,图11中示出的终端结构并不构成对终端的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。
下面结合图11对终端500的各个构成部件进行具体的介绍:
RF电路510可用于收发信息或通话过程中,信号的接收和发送,特别地,将基站的下行信息接收后,给处理器580处理;另外,将设计上行的数据发送给基站。通常,RF电路包括但不限于天线、至少一个放大器、收发信机、耦合器、LNA(LowNoiseAmplifier,低噪声放大器)、双工器等。此外,RF电路510还可以通过无线通信与网络和其他设备通信。所述无线通信可以使用任一通信标准或协议,包括但不限于GSM(GlobalSystemofMobilecommunication,全球移动通讯系统)、GPRS(GeneralPacketRadioService,通用分组无线服务)、CDMA(CodeDivisionMultipleAccess,码分多址)、WCDMA(WidebandCodeDivisionMultipleAccess,宽带码分多址)、LTE(LongTermEvolution,长期演进)、电子邮件、SMS(ShortMessagingService,短消息服务)等。
存储器520可用于存储软件程序以及模块,处理器580通过运行存储在存储器520的软件程序以及模块,从而执行终端500的各种功能应用以及数据处理。存储器520可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据终端500的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器520可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
输入单元530可用于接收输入的数字或字符信息,以及产生与终端500的用户设置以及功能控制有关的键信号输入。具体地,输入单元530可包括触控面板531以及其他输入设备532。触控面板531,也称为触摸屏,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板531上或在触控面板531附近的操作),并根据预先设定的程式驱动相应的连接装置。可选的,触控面板531可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器580,并能接收处理器580发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板531。除了触控面板531,输入单元530还可以包括其他输入设备532。具体地,其他输入设备532可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
显示单元540可用于显示由用户输入的信息或提供给用户的信息以及终端500的各种菜单。显示单元540可包括显示面板541,可选的,可以采用LCD(LiquidCrystalDisplay,液晶显示器)、OLED(OrganicLight-EmittingDiode,有机发光二极管)等形式来配置显示面板541。进一步的,触控面板531可覆盖显示面板541,当触控面板531检测到在其上或附近的触摸操作后,传送给处理器580以确定触摸事件的类型,随后处理器580根据触摸事件的类型在显示面板541上提供相应的视觉输出。虽然在图11中,触控面板531与显示面板541是作为两个独立的部件来实现终端500的输入和输入功能,但是在某些实施例中,可以将触控面板531与显示面板541集成而实现终端500的输入和输出功能。
终端500还可包括至少一种传感器550,比如陀螺仪传感器、磁感应传感器、光传感器、运动传感器以及其他传感器。具体地,光传感器可包括环境光传感器及接近传感器,其中,环境光传感器可根据环境光线的明暗来调节显示面板541的亮度,接近传感器可在终端500移动到耳边时,关闭显示面板541和/或背光。作为运动传感器的一种,加速度传感器可检测各个方向上(一般为三轴)加速度的大小,静止时可检测出重力的大小及方向,可用于识别终端姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等;至于终端500还可配置的气压计、湿度计、温度计、红外线传感器等其他传感器,在此不再赘述。
音频电路560、扬声器561,传声器562可提供用户与终端500之间的音频接口。音频电路560可将接收到的音频数据转换后的电信号,传输到扬声器561,由扬声器561转换为声音信号输出;另一方面,传声器562将收集的声音信号转换为电信号,由音频电路560接收后转换为音频数据,再将音频数据输出处理器580处理后,经RF电路510以发送给比如另一终端,或者将音频数据输出至存储器520以便进一步处理。
WiFi属于短距离无线传输技术,终端500通过WiFi模块570可以帮助用户收发电子邮件、浏览网页和访问流式媒体等,它为用户提供了无线的宽带互联网访问。虽然图11示出了WiFi模块570,但是可以理解的是,其并不属于终端500的必须构成,完全可以根据需要在不改变公开的本质的范围内而省略。
处理器580是终端500的控制中心,利用各种接口和线路连接整个终端的各个部分,通过运行或执行存储在存储器520内的软件程序和/或模块,以及调用存储在存储器520内的数据,执行终端500的各种功能和处理数据,从而对终端进行整体监控。可选的,处理器580可包括一个或多个处理单元;优选的,处理器580可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器580中。
终端500还包括给各个部件供电的电源582(比如电池),优选的,电源可以通过电源管理系统与处理器580逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。
摄像头590一般由镜头、图像传感器、接口、数字信号处理器、CPU、显示屏幕等组成。其中,镜头固定在图像传感器的上方,可以通过手动调节镜头来改变聚焦;图像传感器相当于传统相机的“胶卷”,是摄像头采集图像的心脏;接口用于把摄像头利用排线、板对板连接器、弹簧式连接方式与终端主板连接,将采集的图像发送给所述存储器520;数字信号处理器通过数学运算对采集的图像进行处理,将采集的模拟图像转换为数字图像并通过接口发送给存储器520。
尽管未示出,终端500还可以包括蓝牙模块等,在此不再赘述。
终端500除了包括一个或者多个处理器580,还包括有存储器,以及一个或者多个模块,其中一个或者多个模块存储于存储器中,并被配置成由一个或者多个处理器执行。上述一个或者多个模块具有如下功能:
获取应用程序的内嵌页面包含的各个消息元素,所述各个消息元素中的至少一个为图片链接;
确定所述各个消息元素在所述内嵌页面中的显示位置;
根据所述各个消息元素在所述内嵌页面中的显示位置显示所述各个消息元素。
所述功能还包括:
对于所述各个消息元素中的任一消息元素,获取所述消息元素对应的标签,所述标签用于指示所述消息元素的消息类型;
对应所述消息元素显示所述标签。
其中,所述各个消息元素包括至少一个图片链接和至少一个文字链接,或者,所述各个消息元素为图片链接,所述对应所述消息元素显示所述标签,包括:
当所述消息元素为图片链接时,在所述图片链接上叠加显示所述标签;
当所述消息元素为文字链接时,在所述文字链接之外,相对于所述文字链接的指定位置显示所述标签。
所述确定所述各个消息元素在所述内嵌页面中的排版信息,包括:
获取用于显示所述内嵌页面的屏幕的显示姿态,所述显示姿态为横屏显示或者竖屏显示;
根据所述显示姿态确定所述各个消息元素在所述内嵌页面中的显示位置。
其中,当所述各个消息元素包括至少一个图片链接和至少一个文字链接时,所述内嵌页面包括图片显示区域和文字显示区域,所述图片显示区域用于显示图片链接,所述文字显示区域用于显示文字链接;所述根据所述显示姿态确定所述各个消息元素在所述内嵌页面中的显示位置,包括:
当所述显示姿态为横屏显示时,确定所述图片显示区域和所述文字显示区域为左右布局;
当所述显示姿态为竖屏显示时,确定所述图片显示区域和所述文字显示区域为上下布局。
当所述各个消息元素为图片链接时;所述根据所述显示姿态确定所述各个消息元素在所述内嵌页面中的显示位置,包括:
当所述显示姿态为横屏显示时,确定所述各个消息元素为多列布局;
当所述显示姿态为竖屏显示时,确定所述各个消息元素为单列布局。
所述功能还包括:
在获取应用程序的内嵌页面包含的各个消息元素之前,接受用户对所述内嵌页面的入口选项的选择操作;
其中,所述内嵌页面的入口选项设置于所述应用程序的主界面或者所述主界面的下一级界面。
综上所述,本发明实施例所示的终端,通过获取包含至少一个图片链接的消息元素,确定各个消息元素在内嵌页面中的显示位置,根据各个消息元素在内嵌页面中的显示位置显示该内嵌页面,由于图片具有直观明了、内容生动、容易引起用户注意以及可以向用户提供更丰富的想象空间等优点,通过图片链接,可以直接明了的展示消息元素的主题,方便用户迅速判断图片链接对应的消息是否是用户感兴趣的消息,解决了现有技术中消息的详细内容以文本的形式显示,重要消息的内容仅以特殊颜色显示而导致的用户无法快速确定感兴趣的消息内容的问题,达到提高消息的可读性和用户体验的效果。
此外,本发明实施例所示的终端,通过对应各个消息元素显示用于指示该消息元素的消息类型的标签,便于用户快速区分不同类型的消息,有选择的查看感兴趣的消息类型,进一步提高用户体验。
另外,本发明实施例所示的终端,当消息元素包括至少一个图片链接和至少一个文字链接,根据屏幕显示姿态确定图片显示区域和文字显示区域为左右布局或者上下布局,以达到充分利用屏幕中的显示空间的效果。
需要说明的是:上述实施例提供的应用程序内嵌页面显示装置在显示应用程序内嵌页面时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将装置的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的应用程序内嵌页面显示装置与应用程序内嵌页面显示的方法实施例属于同一构思,其具体实现过程详见方法实施例,这里不再赘述。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。

Claims (6)

1.一种应用程序内嵌页面显示方法,其特征在于,所述方法包括:
接受用户对应用程序的内嵌页面的入口选项的选择操作,所述内嵌页面的入口选项设置于所述应用程序的主界面或者所述主界面的下一级界面,所述应用程序是移动终端中的应用程序;
获取所述内嵌页面包含的各个消息元素,所述各个消息元素包括至少一个图片链接和至少一个文字链接;
确定所述各个消息元素在所述内嵌页面中的显示位置,所述至少一个图片链接和所述至少一个文字链接的宽度比例由屏幕的宽高比来确定;
根据所述各个消息元素在所述内嵌页面中的显示位置显示所述各个消息元素;
对于所述各个消息元素中的任一消息元素,获取所述消息元素对应的标签,所述标签用于指示所述消息元素的消息类型;当所述消息元素为图片链接时,在所述图片链接上叠加显示所述标签;当所述消息元素为文字链接时,在所述文字链接之外,相对于所述文字链接的指定位置显示所述标签。
2.根据权利要求1所述的方法,其特征在于,所述确定所述各个消息元素在所述内嵌页面中的显示位置,包括:
获取用于显示所述内嵌页面的屏幕的显示姿态,所述显示姿态为横屏显示或者竖屏显示;
根据所述显示姿态确定所述各个消息元素在所述内嵌页面中的显示位置。
3.根据权利要求2所述的方法,其特征在于,所述内嵌页面包括图片显示区域和文字显示区域,所述图片显示区域用于显示图片链接,所述文字显示区域用于显示文字链接;所述根据所述显示姿态确定所述各个消息元素在所述内嵌页面中的显示位置,包括:
当所述显示姿态为横屏显示时,确定所述图片显示区域和所述文字显示区域为左右布局;
当所述显示姿态为竖屏显示时,确定所述图片显示区域和所述文字显示区域为上下布局。
4.一种应用程序内嵌页面显示装置,其特征在于,所述装置包括:
操作接收模块,用于接受用户对应用程序的内嵌页面的入口选项的选择操作,所述内嵌页面的入口选项设置于所述应用程序的主界面或者所述主界面的下一级界面,所述应用程序是移动终端中的应用程序;
元素获取模块,用于获取所述内嵌页面包含的各个消息元素,所述各个消息元素包括至少一个图片链接和至少一个文字链接;
位置确定模块,用于确定所述各个消息元素在所述内嵌页面中的显示位置,所述至少一个图片链接和所述至少一个文字链接的宽度比例由屏幕的宽高比来确定;
显示模块,用于根据所述各个消息元素在所述内嵌页面中的显示位置显示所述各个消息元素;
所述装置还包括:标签获取模块和标签显示模块;所述标签显示模块,包括:第一显示单元和第二显示单元;
所述标签获取模块,用于对于所述各个消息元素中的任一消息元素,获取所述消息元素对应的标签,所述标签用于指示所述消息元素的消息类型;
所述第一显示单元,用于当所述消息元素为图片链接时,在所述图片链接上叠加显示所述标签;
所述第二显示单元,用于当所述消息元素为文字链接时,在所述文字链接之外,相对于所述文字链接的指定位置显示所述标签。
5.根据权利要求4所述的装置,其特征在于,所述位置确定模块,包括:
参数获取单元,用于获取用于显示所述内嵌页面的屏幕的显示姿态,所述显示姿态为横屏显示或者竖屏显示;
位置确定单元,用于根据所述显示姿态确定所述各个消息元素在所述内嵌页面中的显示位置。
6.根据权利要求5所述的装置,其特征在于,所述位置确定单元,包括:
第一确定子单元,用于当所述显示姿态为横屏显示时,确定图片显示区域和文字显示区域为左右布局;
第二确定子单元,用于当所述显示姿态为竖屏显示时,确定图片显示区域和文字显示区域为上下布局;
其中,所述内嵌页面包括所述图片显示区域和所述文字显示区域,所述图片显示区域用于显示图片链接,所述文字显示区域用于显示文字链接。
CN201410364620.3A 2014-07-29 2014-07-29 应用程序内嵌页面显示方法及装置 Active CN104156406B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201410364620.3A CN104156406B (zh) 2014-07-29 2014-07-29 应用程序内嵌页面显示方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201410364620.3A CN104156406B (zh) 2014-07-29 2014-07-29 应用程序内嵌页面显示方法及装置

Publications (2)

Publication Number Publication Date
CN104156406A CN104156406A (zh) 2014-11-19
CN104156406B true CN104156406B (zh) 2016-05-25

Family

ID=51881908

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410364620.3A Active CN104156406B (zh) 2014-07-29 2014-07-29 应用程序内嵌页面显示方法及装置

Country Status (1)

Country Link
CN (1) CN104156406B (zh)

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105988820A (zh) * 2015-12-11 2016-10-05 乐视移动智能信息技术(北京)有限公司 自适应调整空白页的方法及装置
CN105681520A (zh) * 2016-01-14 2016-06-15 成都中科创达软件有限公司 一种联系人信息管理方法和系统
CN105912222A (zh) * 2016-04-25 2016-08-31 乐视控股(北京)有限公司 一种在终端显示列表的方法和装置
CN107861982A (zh) * 2017-09-29 2018-03-30 五八有限公司 动态确定应用程序页面布局的方法、终端、服务器及系统
CN108228305A (zh) * 2018-02-02 2018-06-29 广东欧珀移动通信有限公司 应用页面的显示方法、装置、存储介质及电子设备
CN112579936B (zh) * 2019-09-29 2023-11-14 腾讯科技(深圳)有限公司 一种页面处理方法、装置及计算机可读存储介质
CN111339399A (zh) * 2020-01-20 2020-06-26 腾讯科技(深圳)有限公司 目标处理方法、目标处理装置、目标处理设备及介质
CN114610295A (zh) * 2022-03-22 2022-06-10 云粒智慧科技有限公司 一种页面容器的布局方法、装置、设备及介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1550979A (zh) * 2003-03-21 2004-12-01 用于在屏幕区域内嵌图中呈现数据表示的接口
CN101695198A (zh) * 2009-11-02 2010-04-14 中国电信股份有限公司 实现无线应用通讯协议页面图片优化的方法和系统
EP2530603A1 (en) * 2011-06-03 2012-12-05 Research In Motion Limited Dynamic display of content using an electronic device
CN102929486A (zh) * 2012-10-31 2013-02-13 东莞宇龙通信科技有限公司 终端和链接处理方法
CN103488403A (zh) * 2013-08-30 2014-01-01 小米科技有限责任公司 界面布局切换方法、装置和移动终端

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103812888A (zh) * 2012-11-09 2014-05-21 阿里巴巴集团控股有限公司 信息推送、接收、传输方法、服务器、客户端及系统

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1550979A (zh) * 2003-03-21 2004-12-01 用于在屏幕区域内嵌图中呈现数据表示的接口
CN101695198A (zh) * 2009-11-02 2010-04-14 中国电信股份有限公司 实现无线应用通讯协议页面图片优化的方法和系统
EP2530603A1 (en) * 2011-06-03 2012-12-05 Research In Motion Limited Dynamic display of content using an electronic device
CN102929486A (zh) * 2012-10-31 2013-02-13 东莞宇龙通信科技有限公司 终端和链接处理方法
CN103488403A (zh) * 2013-08-30 2014-01-01 小米科技有限责任公司 界面布局切换方法、装置和移动终端

Also Published As

Publication number Publication date
CN104156406A (zh) 2014-11-19

Similar Documents

Publication Publication Date Title
CN104156406B (zh) 应用程序内嵌页面显示方法及装置
CN104219617B (zh) 服务获取方法及装置
KR102092690B1 (ko) 정보 획득 방법 및 디바이스
CN108205398B (zh) 网页动画适配屏幕的方法和装置
EP2849042A1 (en) Method, apparatus and electronic device for displaying notice information
WO2021057585A1 (zh) 通知消息的显示方法和移动终端
CN107358227A (zh) 一种标记识别方法、移动终端以及计算机可读存储介质
US20190227764A1 (en) Multi-screen interaction method and system in augmented reality scene
CN109003194B (zh) 评论分享方法、终端以及存储介质
CN104965642B (zh) 下拉列表生成方法及装置
US11216997B2 (en) Method and apparatus for displaying historical chat record
CN103325332A (zh) 页面刷新方法、装置及设备
CN103399764A (zh) 界面色彩设置方法、装置和终端
US20170046040A1 (en) Terminal device and screen content enlarging method
CN109240577A (zh) 一种截屏方法及终端
CN104090879A (zh) 一种图片分享方法、装置和系统
CN105701154A (zh) 广告清除方法和装置
CN112703534B (zh) 图像处理方法及相关产品
CN104216929A (zh) 一种页面元素的拦截方法和装置
CN109857289A (zh) 显示控制方法及终端设备
CN109885302A (zh) 一种快应用的展示方法及终端设备
CN107885799A (zh) 网页信息显示方法及装置
CN108196781B (zh) 界面的显示方法和移动终端
CN104516890A (zh) 业务处理方法、装置及电子设备
CN109976847A (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